:root{font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#17243d;background:#dfe7ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% -10%,#fffffff5,#eff4f8d1 43%,#d7e1ebf2)}button{font:inherit}#app{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr) 66px;gap:10px;padding:10px}.topbar,.inventory-bar{border:1px solid rgba(42,57,78,.12);background:#ffffffed;box-shadow:0 12px 30px #2c3d521c;backdrop-filter:blur(18px)}.topbar{display:grid;grid-template-columns:minmax(250px,1fr) minmax(350px,1.35fr) minmax(330px,1fr);align-items:center;border-radius:19px;padding:8px 12px}.location-block{display:flex;align-items:center;gap:11px}.location-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:900;background:linear-gradient(145deg,#735bdd,#4f35b9);box-shadow:inset 0 1px #ffffff6b,0 7px 16px #5136ba3b}.eyebrow{font-size:15px;font-weight:850;letter-spacing:.01em}.location-subtitle{margin-top:1px;color:#8793a5;font-size:12px}.quest-title{text-align:center;display:flex;flex-direction:column;line-height:1.08}.quest-title strong{font-size:clamp(21px,1.85vw,28px)}.quest-title span{margin-top:4px;color:#7e899b;font-size:12px}.controls{display:flex;justify-content:flex-end;gap:8px}.button{border:0;min-height:44px;padding:0 16px;border-radius:13px;cursor:pointer;font-weight:850;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{color:#fff;background:linear-gradient(145deg,#38b95d,#168f3c);box-shadow:0 8px 18px #1897403d,inset 0 1px #ffffff59}.button-secondary{color:#26364e;background:#f3f6f8;border:1px solid #dde4ea}.button-icon{min-width:46px;padding:0;font-size:22px}.button:disabled{opacity:.48;cursor:default}.game-shell{position:relative;min-height:0;overflow:hidden;border-radius:23px;border:1px solid rgba(93,67,37,.16);background:#e9d4b2;box-shadow:0 20px 46px #2b3a4e29}#game-container,#game-container canvas{width:100%!important;height:100%!important;display:block}.message-bubble{position:absolute;left:50%;top:14px;transform:translate(-50%);max-width:min(520px,72vw);background:#fffffff2;border:1px solid rgba(40,55,76,.12);color:#34425a;border-radius:15px;padding:9px 15px;font-size:13px;font-weight:760;box-shadow:0 9px 22px #2632441f;pointer-events:none;white-space:nowrap}.message-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;border-right:inherit;border-bottom:inherit;transform:translate(-50%) rotate(45deg)}.result-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:390px;display:flex;align-items:center;gap:15px;padding:18px 22px;border-radius:20px;background:#fffffff7;border:1px solid rgba(43,142,78,.22);box-shadow:0 23px 58px #163c243d;animation:pop .32s ease both}.result-card[hidden]{display:none}.result-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900;background:#2ead56}.result-card strong,.result-card span{display:block}.result-card strong{font-size:20px}.result-card span{margin-top:4px;color:#758198;font-size:13px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%) scale(.95)}}.inventory-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-radius:18px;padding:7px 14px}.mode-copy{display:flex;align-items:center;gap:10px;min-width:0}.status-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#5fc782;box-shadow:0 0 0 6px #5fc78224}.mode-copy strong,.mode-copy span,.part-card strong,.part-card span{display:block}.mode-copy strong{font-size:13px}.mode-copy span,.part-card span{margin-top:1px;color:#8290a5;font-size:11px}.part-card{min-width:300px;display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #dfe5eb;border-radius:14px;background:linear-gradient(180deg,#fff,#f3f6f8)}.part-preview{position:relative;width:66px;height:20px;border-radius:8px;transform:rotate(-8deg);background:linear-gradient(180deg,#ff7770,#d92d33);box-shadow:0 6px 11px #991c1f38,inset 0 2px #ffffff78}.part-preview:after{content:"•••••";position:absolute;left:7px;top:-4px;color:#ffffffad;letter-spacing:4px;font-size:11px}.shortcut-hint{justify-self:end;color:#78869a;font-size:11px;font-weight:700}.shortcut-hint kbd{display:inline-grid;min-width:25px;height:25px;place-items:center;margin-left:5px;border-radius:7px;color:#314158;background:#f1f4f7;border:1px solid #dce3e9;box-shadow:inset 0 -2px #2f3e5214}@media(max-width:1080px){#app{grid-template-rows:64px minmax(0,1fr) 62px;padding:7px;gap:7px}.topbar{grid-template-columns:1fr auto}.quest-title{display:none}.inventory-bar{grid-template-columns:1fr auto}.shortcut-hint{display:none}}@media(max-width:720px){.topbar{border-radius:15px;padding:7px}.location-subtitle,#hint-button{display:none}.button{min-height:42px;padding-inline:12px}.inventory-bar{border-radius:15px}.mode-copy{display:none}.part-card{min-width:0;width:100%}.message-bubble{white-space:normal;text-align:center}.result-card{min-width:min(91vw,390px)}}