:root{--font-ui:ui-rounded, "Nunito", "Segoe UI", system-ui, sans-serif;--ink:#3a2e25;--cream:#fff8e7;--sun:#f2c53d;--sun-dark:#d9a520}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-ui);color:var(--ink);-webkit-user-select:none;user-select:none;background:#a8d8f0;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block}body.nolock #scene{cursor:grab}#hud{pointer-events:none;position:fixed;inset:0}body:not([data-state=PLAYING]) #hud>*{display:none}kbd{background:var(--ink);color:var(--cream);font:700 13px var(--font-ui);white-space:nowrap;border-radius:8px;padding:2px 8px;display:inline-block}.crosshair{background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;transition:transform .12s,background .12s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #3a2e258c}.crosshair.is-target{background:var(--sun);transform:scale(1.9)}.prompt{background:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:16px;font-weight:700;display:flex;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%);box-shadow:0 3px #3a2e2540}.prompt[hidden],.click-hint[hidden]{display:none}.click-hint{background:var(--sun);box-shadow:0 4px 0 var(--sun-dark);border-radius:999px;padding:10px 22px;font-size:18px;font-weight:700;position:absolute;top:calc(50% - 70px);left:50%;transform:translate(-50%)}.toast{background:var(--ink);max-width:min(520px,90vw);color:var(--cream);text-align:center;opacity:0;border-radius:16px;padding:10px 18px;font-size:16px;transition:opacity .2s;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.toast.is-shown{opacity:1}.hint{flex-direction:column;align-items:flex-end;gap:8px;max-width:min(340px,60vw);display:flex;position:absolute;top:18px;right:18px}.hint-button{white-space:nowrap;background:#fff8e7d9;border-radius:999px;padding:6px 12px 6px 6px;font-size:14px;font-weight:700}.hint-bubble{background:var(--cream);border-radius:18px 4px 18px 18px;padding:12px 16px;box-shadow:0 4px #3a2e2540}.hint-bubble[hidden]{display:none}.hint-text{margin:0;font-size:16px;line-height:1.35}.hint-tier{opacity:.6;margin-top:4px;font-size:12px;font-weight:700;display:block}.inventory{align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.slots{background:#3a2e2573;border-radius:18px;gap:6px;padding:6px;display:flex}.slot{background:#fff8e7d9;border:3px solid #0000;border-radius:12px;width:56px;height:56px;transition:transform .1s,border-color .1s;position:relative}.slot.is-selected{border-color:var(--sun);background:var(--cream);transform:translateY(-6px)}.slot-key{opacity:.55;font-size:11px;font-weight:700;position:absolute;top:1px;left:4px}.slot-icon{object-fit:contain;width:100%;height:100%}.slot-icon[hidden]{display:none}.bag-hint{white-space:nowrap;background:#fff8e7d9;border-radius:999px;padding:6px 12px 6px 6px;font-size:14px;font-weight:700}.debug-readout{color:#d6ffd6;pointer-events:none;z-index:30;background:#141414b3;border-radius:6px;margin:0;padding:6px 8px;font:12px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:8px;left:8px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#3a2e2573;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay-card{background:var(--cream);text-align:center;border-radius:28px;width:min(440px,100%);padding:32px 28px 24px;box-shadow:0 12px #3a2e252e,0 24px 48px #3a2e254d}.overlay-title{margin:0 0 8px;font-size:30px;line-height:1.15}.overlay-text{margin:0 0 24px;font-size:17px}.overlay-button{background:var(--sun);min-width:180px;box-shadow:0 5px 0 var(--sun-dark);color:var(--ink);font:700 20px var(--font-ui);cursor:pointer;border:0;border-radius:999px;padding:14px 28px;transition:transform 80ms,box-shadow 80ms,opacity .2s}.overlay-button:hover:not(:disabled){transform:translateY(-1px)}.overlay-button:active:not(:disabled){box-shadow:0 1px 0 var(--sun-dark);transform:translateY(4px)}.overlay-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.overlay-button:disabled{opacity:.5;cursor:default}.overlay-secondary{color:var(--ink);font:700 15px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;margin:14px auto 0;padding:6px 14px;text-decoration:underline;display:block}.overlay-secondary[hidden]{display:none}.overlay-secondary:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.overlay-note{min-height:22px;margin:14px 0 0;font-size:15px;font-weight:700}.overlay-controls{opacity:.7;margin:6px 0 0;font-size:14px}.overlay-controls[hidden]{display:none}.bag{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15;background:#3a2e2573;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.bag[hidden]{display:none}.bag-card{background:var(--cream);border-radius:28px;width:min(600px,100%);padding:24px 28px;box-shadow:0 12px #3a2e252e,0 24px 48px #3a2e254d}.bag-title{text-align:center;margin:0 0 16px;font-size:24px}.bag-body{grid-template-columns:auto 1fr;align-items:center;gap:24px;display:grid}.bag-slots{grid-template-columns:repeat(2,76px);gap:10px;display:grid}.bag-slot{cursor:pointer;background:#f1e4c6;border:3px solid #0000;border-radius:16px;width:76px;height:76px;padding:4px;transition:transform 80ms,border-color .1s}.bag-slot:disabled{cursor:default;opacity:.55}.bag-slot:hover:not(:disabled){transform:translateY(-2px)}.bag-slot:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.bag-slot.is-examined{border-color:var(--sun);background:#fff}.bag-slot.is-choice{border-color:var(--ink);border-style:dashed}.bag-slot img{object-fit:contain;width:100%;height:100%}.bag-slot img[hidden]{display:none}.bag-view{text-align:center}.bag-stage{background:radial-gradient(circle at 50% 40%,#fff,#f1e4c6);border-radius:20px;height:230px}.bag-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.bag-name{margin:10px 0 0;font-size:18px;font-weight:700}.bag-tip{opacity:.65;margin:2px 0 0;font-size:13px}.bag-tip[hidden]{display:none}.bag-note{text-align:center;min-height:22px;margin:14px 0 0;font-size:15px;font-weight:700}.bag-actions{justify-content:center;gap:12px;margin-top:12px;display:flex}.bag-actions button{min-width:130px;color:var(--ink);font:700 17px var(--font-ui);cursor:pointer;background:#f1e4c6;border:0;border-radius:999px;padding:10px 22px;box-shadow:0 4px #3a2e2533}.bag-actions .bag-close{background:var(--sun);box-shadow:0 4px 0 var(--sun-dark)}.bag-actions .bag-combine.is-active{background:var(--ink);color:var(--cream)}.bag-actions button:disabled{opacity:.5;cursor:default}.bag-actions button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (width<=520px){.bag-body{grid-template-columns:1fr}.bag-slots{grid-template-columns:repeat(6,1fr)}.bag-slot{aspect-ratio:1;width:auto;height:auto}}.panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15;background:#3a2e2573;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel[hidden]{display:none}.panel-card{background:var(--cream);text-align:center;border-radius:28px;padding:24px 28px 20px;box-shadow:0 12px #3a2e252e,0 24px 48px #3a2e254d}.panel-card.is-wrong{animation:.4s panel-wobble}@keyframes panel-wobble{20%{transform:translate(-10px)rotate(-1deg)}40%{transform:translate(9px)rotate(1deg)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.panel-card.is-wrong{animation:none}}.panel-note{min-height:22px;margin:14px 0 10px;font-size:15px;font-weight:700}.panel button{color:var(--ink);font-family:var(--font-ui);cursor:pointer;border:0;font-weight:700}.panel button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.panel-close{background:#f1e4c6;border-radius:999px;min-width:130px;padding:10px 22px;font-size:17px;box-shadow:0 4px #3a2e2533}.keypad-display{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.keypad-display span{background:var(--ink);width:46px;height:58px;color:var(--sun);border-radius:12px;font:700 34px/58px ui-monospace,Consolas,monospace}.keypad-keys{grid-template-columns:repeat(3,72px);justify-content:center;gap:10px;display:grid}.keypad-keys button{background:#f1e4c6;border-radius:16px;height:60px;font-size:24px;box-shadow:0 4px #3a2e2533}.keypad-keys button:active{transform:translateY(3px);box-shadow:0 1px #3a2e2533}.keypad-keys button:nth-child(10){font-size:15px}.combo-wheels{justify-content:center;gap:14px;margin-bottom:18px;display:flex}.combo-wheel{flex-direction:column;align-items:center;gap:8px;display:flex}.combo-wheel button{background:#f1e4c6;border-radius:12px;width:84px;height:40px;font-size:18px;box-shadow:0 3px #3a2e2533}.combo-face{width:84px;height:84px;box-shadow:inset 0 0 0 4px var(--ink);background:#fff;border-radius:18px;place-items:center;display:grid}.symbol{width:54px;height:54px;fill:var(--ink)}.symbol-text{font:700 44px var(--font-ui)}.combo-try{background:var(--sun);min-width:160px;box-shadow:0 5px 0 var(--sun-dark);border-radius:999px;padding:12px 26px;font-size:19px}