:root{--ink: #1a2430;--paper: #f3efe4;--panel: #243447;--panel-edge: #0f1720;--accent: #d9773a;--accent-soft: #f0b27a;--grass: #6f9b4c;--sky: #7eb6c9;--shadow: rgba(15, 23, 32, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 10%,rgba(126,182,201,.35),transparent 40%),radial-gradient(circle at 80% 90%,rgba(217,119,58,.22),transparent 35%),linear-gradient(160deg,#dfe8df,#c9d7c4 45%,#b7c6b8);color:var(--ink);font-family:VT323,monospace}body{display:grid;place-items:center;min-height:100vh;padding:1.5rem}#app{width:min(100%,980px)}#game-shell{position:relative;border:6px solid var(--panel-edge);border-radius:18px;overflow:hidden;box-shadow:0 24px 50px var(--shadow),inset 0 0 0 3px #3d5168;background:#111820}#hud{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:linear-gradient(180deg,rgba(15,23,32,.72),transparent);color:var(--paper);font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.5;pointer-events:none}#hud-left{display:flex;flex-direction:column;gap:.55rem;max-width:70%}#quest-log{margin:0;padding:.45rem .55rem;border:2px solid rgba(255,248,240,.25);border-radius:8px;background:#0f17208c;color:#f3efe4;font-family:VT323,monospace;font-size:1.05rem;line-height:1.25;white-space:pre-wrap}#hint{opacity:.75;text-align:right}#game{display:block;width:100%;height:auto;image-rendering:pixelated;background:#7eb6c9}#dialogue{position:absolute;left:4%;right:4%;bottom:4%;z-index:4;min-height:132px;padding:1rem 1.25rem 1.4rem;border:4px solid var(--panel-edge);border-radius:14px;background:linear-gradient(180deg,#2d4258 0%,var(--panel) 100%);color:var(--paper);box-shadow:0 10px #00000040}#dialogue-speaker{display:inline-block;margin-bottom:.55rem;padding:.25rem .55rem;border-radius:6px;background:var(--accent);color:#fff8f0;font-family:"Press Start 2P",monospace;font-size:.55rem}#dialogue-text{margin:0;font-size:1.55rem;line-height:1.25;letter-spacing:.02em;white-space:pre-wrap}#dialogue-continue{position:absolute;right:1rem;bottom:.7rem;color:var(--accent-soft);animation:bounce .8s ease-in-out infinite}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(160deg,#1a2430e0,#243447eb),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.02) 3px,rgba(255,255,255,.02) 6px)}#overlay.cinematic{background:linear-gradient(180deg,#0f172040,#0f17208c 45%,#0f1720eb);align-items:end;padding-bottom:2rem}#overlay.cinematic #overlay-panel{width:min(100%,640px);background:#0f1720b8;border:3px solid rgba(243,239,228,.2);border-radius:14px;padding:1.2rem 1.4rem 1.4rem}#overlay-panel{width:min(100%,560px);text-align:center;color:var(--paper)}#overlay-eyebrow{margin:0 0 .8rem;font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.08em;color:var(--accent-soft);text-transform:uppercase}#overlay-title{margin:0 0 1rem;font-family:"Press Start 2P",monospace;font-size:clamp(1.1rem,3vw,1.7rem);line-height:1.45;color:#fff8f0}#overlay-body{margin:0 auto 1.6rem;max-width:34ch;font-size:1.45rem;line-height:1.25;color:#d7e0ea;white-space:pre-wrap}#overlay-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}#overlay-btn,#password-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #fff8f0;border-radius:10px;padding:.9rem 1.4rem;background:var(--accent);color:#fff8f0;font-family:"Press Start 2P",monospace;font-size:.7rem;cursor:pointer;box-shadow:0 6px #8a4520;transition:transform .12s ease,box-shadow .12s ease}#overlay-btn:hover,#password-btn:hover{transform:translateY(-2px);box-shadow:0 8px #8a4520}#overlay-btn:active,#password-btn:active{transform:translateY(3px);box-shadow:0 2px #8a4520}#password-box{margin-top:1.4rem;padding-top:1.2rem;border-top:2px dashed rgba(243,239,228,.25);text-align:left}#password-box label{display:block;margin-bottom:.45rem;font-family:"Press Start 2P",monospace;font-size:.5rem;color:var(--accent-soft)}#password-row{display:flex;gap:.5rem}#password-input{flex:1;border:3px solid #3d5168;border-radius:8px;padding:.65rem .75rem;background:#1a2430;color:#fff8f0;font-family:VT323,monospace;font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase}#password-input:focus{outline:2px solid var(--accent-soft)}#password-btn{padding:.65rem .9rem;font-size:.55rem;box-shadow:0 4px #8a4520}#password-feedback{min-height:1.2em;margin:.55rem 0 0;font-size:1.15rem;color:#f0b27a}#choice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:1.5rem;background:#0a0e14d1;overflow:hidden}#choice-panel{position:relative;width:min(100%,560px);min-height:280px;text-align:center;color:var(--paper);padding:1.5rem}#choice-eyebrow{margin:0 0 .6rem;font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--accent-soft);text-transform:uppercase}#choice-title{margin:0 0 .6rem;font-family:"Press Start 2P",monospace;font-size:clamp(.85rem,2.4vw,1.15rem);line-height:1.5;color:#fff8f0}#choice-sub{margin:0 0 2rem;font-size:1.4rem;color:#d7e0ea}#choice-actions{position:relative;display:flex;justify-content:center;height:120px;align-items:flex-start;padding-top:.5rem}#choice-yes,#choice-no{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #fff8f0;border-radius:10px;padding:.95rem 1.6rem;font-family:"Press Start 2P",monospace;font-size:.85rem;cursor:pointer;color:#fff8f0}#choice-yes{position:relative;z-index:2;background:#3f8f4a;box-shadow:0 6px #2a5a30}#choice-yes:hover{transform:translateY(-2px);box-shadow:0 8px #2a5a30}#choice-no{position:absolute;z-index:8;left:58%;top:62%;background:#a33;box-shadow:0 6px #5a1a1a;transition:left 55ms linear,top 55ms linear;pointer-events:auto}#congrats-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 30%,rgba(240,210,122,.35),transparent 45%),linear-gradient(160deg,#1a2430f0,#243447f5);animation:congratsPulse 1.2s ease-in-out infinite alternate}#congrats-panel{width:min(100%,640px);text-align:center;color:var(--paper)}#congrats-burst{margin:0 0 .6rem;font-size:1.6rem;color:#f0d27a;letter-spacing:.4em;animation:bounce .7s ease-in-out infinite}#congrats-title{margin:0 0 1.2rem;font-family:"Press Start 2P",monospace;font-size:clamp(1.4rem,4vw,2.4rem);line-height:1.35;color:#f0d27a;text-shadow:0 0 24px rgba(240,210,122,.45)}#congrats-body{margin:0 auto 1.8rem;max-width:38ch;font-size:1.4rem;line-height:1.3;color:#e8eef4;white-space:pre-wrap}#congrats-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #fff8f0;border-radius:10px;padding:.95rem 1.5rem;background:var(--accent);color:#fff8f0;font-family:"Press Start 2P",monospace;font-size:.7rem;cursor:pointer;box-shadow:0 6px #8a4520}@keyframes congratsPulse{0%{filter:brightness(1)}to{filter:brightness(1.08)}}.hidden{display:none!important}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:700px){body{padding:.75rem}#hud{font-size:.45rem}#hint{display:none}#dialogue{min-height:120px}#dialogue-text{font-size:1.25rem}}