*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1814;--bg-panel:#2a2520;--accent:#c9a961;--accent-soft:#dfc688;--secondary:#3d3530;--text:#f5f0eb;--text-muted:#a89f94;--success:#7aab8a;--danger:#c45c5c;--font-pixel:"Press Start 2P", monospace;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;touch-action:manipulation;overflow:hidden}#app{width:100%;height:100dvh;position:relative;overflow:hidden}.scene{padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left));opacity:0;pointer-events:none;flex-direction:column;transition:opacity .35s;display:flex;position:absolute;inset:0}.scene.is-active{opacity:1;pointer-events:auto}.scene-title{font-family:var(--font-pixel);color:var(--accent-soft);text-align:center;margin-bottom:1rem;font-size:clamp(.65rem,2.8vw,.85rem);line-height:1.6}.scene-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex;overflow-y:auto}.scene-text{text-align:center;color:var(--text);max-width:28rem;font-size:1rem;line-height:1.55}.btn{min-width:48px;min-height:48px;font-family:var(--font-body);cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--secondary);color:var(--text)}.btn-success{background:var(--success);color:#1a1814}.feedback{text-align:center;border-radius:6px;min-height:1.4em;padding:.5rem;font-size:.95rem}.feedback.is-success{color:var(--success)}.feedback.is-error{color:var(--danger)}.progress-bar{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.progress-label{font-family:var(--font-pixel);text-align:center;color:var(--text-muted);font-size:.55rem}.progress-dots{justify-content:center;gap:.5rem;display:flex}.progress-dot{background:var(--secondary);border-radius:50%;width:10px;height:10px;transition:background .25s,transform .25s}.progress-dot.is-done{background:var(--success)}.progress-dot.is-current{background:var(--accent);transform:scale(1.25)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene{transition:none}}.auth-gate{width:100%;height:100%;padding:calc(1rem + var(--safe-top)) calc(1rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1rem + var(--safe-left));justify-content:center;align-items:center;display:flex}.auth-gate-card{background:var(--bg-panel);border:2px solid var(--secondary);text-align:center;border-radius:12px;width:100%;max-width:22rem;padding:1.5rem}.auth-gate-label{font-family:var(--font-pixel);color:var(--accent-soft);margin-bottom:.75rem;font-size:.5rem}.auth-gate-title{font-family:var(--font-pixel);color:var(--text);margin-bottom:.75rem;font-size:clamp(.65rem,2.8vw,.8rem);line-height:1.6}.auth-gate-text{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.auth-gate-form{flex-direction:column;gap:.75rem;display:flex}.auth-gate-field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.auth-gate-field-label{color:var(--text-muted);font-size:.85rem}.auth-gate-input{border:2px solid var(--secondary);background:var(--bg);width:100%;min-height:48px;color:var(--text);border-radius:8px;padding:.75rem 1rem;font-size:1rem}.auth-gate-input:focus{border-color:var(--accent);outline:none}.auth-gate-error{color:var(--danger);text-align:center;font-size:.9rem}.auth-gate-submit{width:100%}.intro-scene .scene-title{font-size:clamp(.6rem,2.5vw,.8rem)}.intro-scene .scene-body{gap:1.5rem}.intro-greeting{font-family:var(--font-pixel);color:var(--accent-soft);text-align:center;font-size:clamp(.85rem,4vw,1.15rem);line-height:1.8}.gift-intro{text-align:center;max-width:26rem;line-height:1.6}.gift-continue[hidden]{display:none!important}.gift-scenario{text-align:center;max-width:24rem;font-size:1.05rem;line-height:1.5}.gift-counter{font-family:var(--font-pixel);color:var(--accent-soft);text-align:center;font-size:.55rem}.gift-grid{flex-direction:column;gap:.65rem;width:100%;max-width:24rem;display:flex}.gift-item{background:var(--bg-panel);border:2px solid var(--secondary);min-height:52px;color:var(--text);text-align:left;cursor:pointer;touch-action:manipulation;border-radius:8px;padding:.85rem 1rem;font-size:.95rem;line-height:1.4;transition:border-color .15s,background .15s,transform .15s}.gift-item.is-selected{border-color:var(--accent);background:#c9a96126;transform:scale(1.02)}.gift-item.is-correct{border-color:var(--success);background:#7aab8a1f}.quiz-intro{max-width:26rem;line-height:1.6}.quiz-question{text-align:center;max-width:24rem;font-size:1.05rem;font-weight:600;line-height:1.45}.quiz-counter{color:var(--text-muted);font-size:.85rem}.quiz-answers{flex-direction:column;gap:.65rem;width:100%;max-width:24rem;display:flex}.quiz-answer{text-align:left;background:var(--bg-panel);border:2px solid var(--secondary);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:flex-start;padding:.9rem 1rem;font-size:.95rem;font-weight:400;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.quiz-continue[hidden],.quiz-processing[hidden]{display:none!important}.quiz-processing{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:24rem;padding:.5rem 0;display:flex}.quiz-loader{border:3px solid var(--secondary);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite quiz-spin}.quiz-processing-text{color:var(--text-muted);text-align:center;font-size:.9rem;line-height:1.45}@keyframes quiz-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.quiz-loader{border-top-color:var(--accent-soft);animation:none}}.quiz-answer.is-selected-pending{border-color:var(--accent-soft);background:#c9a9611a}.quiz-answer.is-selected-wrong{border-color:var(--danger);background:#c45c5c1f}.quiz-answer.is-selected-correct{border-color:var(--success);background:#7aab8a1f}.quiz-answer:disabled{opacity:.85;cursor:default;transform:none}.case-intro{text-align:center;max-width:26rem;line-height:1.6}.case-scenario{text-align:center;max-width:24rem;font-size:1.05rem;line-height:1.5}.case-options{flex-direction:column;gap:.65rem;width:100%;max-width:24rem;display:flex}.case-continue[hidden]{display:none!important}.case-option{text-align:left;background:var(--bg-panel);border:2px solid var(--secondary);color:var(--text);cursor:pointer;border-radius:8px;padding:.9rem 1rem;font-size:.95rem;line-height:1.4}.case-option.is-selected-pending{border-color:var(--accent-soft);background:#c9a9611a}.case-option.is-wrong{border-color:var(--danger);background:#c45c5c1f}.case-option.is-correct{border-color:var(--success);background:#7aab8a1f}.boss-scene{touch-action:none;padding:0}.boss-scene .progress-bar{top:calc(.5rem + var(--safe-top));left:calc(.75rem + var(--safe-left));right:calc(.75rem + var(--safe-right));z-index:10;margin:0;position:absolute}.boss-canvas-wrap{position:absolute;inset:0}.boss-canvas{touch-action:none;width:100%;height:100%;display:block}.boss-overlay{z-index:20;text-align:center;background:#1a1814eb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.boss-overlay.is-hidden{display:none}.boss-overlay-text{max-width:22rem;font-size:1.05rem;line-height:1.5}.boss-win-overlay{gap:1.5rem}.boss-win-title{color:var(--accent-soft);max-width:20rem;font-size:clamp(.7rem,3.2vw,.95rem);line-height:1.7}.boss-win-btn{min-width:12rem;padding:1rem 2rem;font-size:1rem;font-weight:600;box-shadow:0 4px #8a7340}.boss-win-btn:active{transform:translateY(2px);box-shadow:0 2px #8a7340}.boss-hud{top:calc(3rem + var(--safe-top));left:calc(.75rem + var(--safe-left));right:calc(.75rem + var(--safe-right));z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.boss-hp-bar{background:var(--secondary);border-radius:6px;flex:1;height:12px;margin-right:.75rem;overflow:hidden}.boss-hp-fill{background:var(--accent);border-radius:6px;height:100%;transition:width .2s}.boss-lives{letter-spacing:2px;font-size:1.1rem}.boss-controls-hint{bottom:calc(.75rem + var(--safe-bottom));z-index:10;color:var(--text-muted);text-align:center;pointer-events:none;max-width:90%;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}.outro-scene .scene-body{gap:1.25rem}.outro-intro,.outro-closing{max-width:26rem;line-height:1.55}.outro-wish{font-family:var(--font-pixel);color:var(--accent-soft);text-align:center;max-width:22rem;font-size:clamp(.75rem,3.5vw,1rem);line-height:1.8}.certificate{border:3px solid var(--accent);background:linear-gradient(135deg, var(--bg-panel), var(--secondary));text-align:center;border-radius:4px;width:100%;max-width:20rem;padding:1.25rem;animation:3s ease-in-out infinite cert-float}.certificate-label{font-family:var(--font-pixel);color:var(--accent-soft);font-size:.55rem;line-height:1.8}.certificate-name{margin-top:.5rem;font-size:1.25rem;font-weight:700}@keyframes cert-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.certificate{animation:none}}.outro-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}