:root{color-scheme:dark;--gold:#f2c66f;--cream:#fff4d9;--muted:#c4c7ce}*{box-sizing:border-box}body{margin:0;background:#101a25;color:var(--cream);font-family:ui-sans-serif,system-ui,Segoe UI,Arial}button,input{font:inherit}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(ellipse at 50% 5%,#2a5260 0,#142838 43%,#0e1721 100%)}.panel{width:min(100%,540px);text-align:center}.logo{width:100%;height:auto;filter:drop-shadow(0 12px 24px #0008)}.eyebrow{letter-spacing:.19em;font-size:12px;color:#e9cf95;margin:8px 0 14px}.intro{color:#d4d8db;line-height:1.6;margin:0 auto 25px;max-width:410px}.login{background:#122333e8;border:1px solid #68839366;border-radius:22px;padding:27px;text-align:left;box-shadow:0 24px 65px #0007}.login h1{font-size:23px;margin:0 0 8px}.login p{font-size:14px;color:var(--muted);line-height:1.5}.login label{display:block;font-size:13px;font-weight:700;margin:19px 0 7px}.login input{border:1px solid #6b8494;border-radius:11px;background:#091a28;color:white;outline-offset:3px}.login input,.primary{width:100%;padding:14px}.primary{margin-top:22px;border:0;border-radius:12px;background:linear-gradient(180deg,#ffe09a,#dba44e);color:#32220b;font-weight:800;cursor:pointer}.primary:disabled{opacity:.65;cursor:wait}.error{color:#ffc5b9!important}.foot{font-size:12px;color:#aebdc6;margin:20px 0}.game-card{background:#152a3b;border:1px solid #4a6875;border-radius:20px;padding:24px;text-align:left}.game-card h1{margin:0 0 8px}.game-card p{color:#d4d8db;line-height:1.6}.small{color:#cbd3db;font-size:13px}.secondary{background:transparent;color:var(--cream);border:1px solid #728997;border-radius:10px;padding:10px 14px;cursor:pointer}.adventure-shell{--ink:#102638;--glass:#102c3cd9;--gold:#f1c76e;--cream:#fff0ce;--muted:#d6c7a5;min-height:100vh;padding:14px clamp(14px,3vw,42px) 42px;color:var(--cream);background:radial-gradient(ellipse at 50% -22%,#48727a 0,#1c3947 42%,#101d2d 80%),#101d2d;font-family:Arial,Helvetica,sans-serif}.adventure-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#edcf96 .6px,transparent 0);background-size:25px 25px;-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%)}.adventure-header,.adventure-layout,.chapter-nav{max-width:1500px;margin-inline:auto;position:relative}.adventure-header{display:flex;align-items:center;justify-content:space-between;gap:22px}.adventure-logo{width:clamp(175px,22vw,290px);height:auto;filter:drop-shadow(0 10px 24px #0009)}.adventure-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:11px}.draft-badge{display:inline-block;border:1px solid #ebcb838c;border-radius:999px;padding:9px 14px;color:#f4d99e;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;background:#112c39aa}.adventure-shell button{font:inherit}.adventure-shell .secondary,.audio-toggle{border:1px solid #b8c5bd8c;border-radius:10px;padding:10px 15px;background:#163645a8;color:var(--cream);cursor:pointer;min-height:44px}.audio-toggle[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.chapter-nav{display:flex;gap:10px;margin-top:1px;margin-bottom:19px;overflow-x:auto;padding:5px 0 9px}.chapter-nav button{flex:1 1;min-width:180px;border:1px solid #a6bdaf70;border-radius:12px;background:linear-gradient(135deg,#234956,#152e3c);color:var(--cream);padding:14px 16px;text-align:left;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff2b}.chapter-nav button.selected{background:linear-gradient(135deg,#f6d896,#dda950);color:#30230e;border-color:#ffecb9;box-shadow:0 8px 20px #0004,inset 0 1px #fff8}.chapter-nav button:disabled{opacity:.5;cursor:not-allowed}.adventure-layout{display:grid;grid-template-columns:minmax(0,1.76fr) minmax(310px,.74fr);grid-gap:19px;gap:19px;align-items:start}.adventure-card,.map-and-controls{background:var(--glass);border:1px solid #a5b9ad6d;border-radius:22px;box-shadow:0 22px 60px #030d16a3,inset 0 1px #ffffff16;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-and-controls{padding:10px}.game-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:15px;border:1px solid #c6b27c70;background:#183646;box-shadow:inset 0 0 40px #0008}.game-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #08192580}.game-map{width:100%;height:100%}.game-map canvas{display:block;max-width:100%}.scene-hud{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:11px;padding:8px 14px 8px 8px;border:1px solid #f3ddaf9c;border-radius:11px;background:#112936d9;box-shadow:0 6px 20px #0007;pointer-events:none}.scene-hud-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(#f5d68f,#c38b3b);color:#423014;font-size:1.4rem}.scene-hud small{display:block;color:#e8c47f;font-size:.64rem;letter-spacing:.14em}.scene-hud strong{display:block;margin-top:2px;font:700 clamp(.94rem,1.5vw,1.18rem) Georgia,serif}.scene-hint{position:absolute;right:16px;bottom:14px;border:1px solid #f8e2af8c;border-radius:99px;background:#12313acb;color:#ffebbf;padding:7px 11px;font-size:.77rem;letter-spacing:.04em;pointer-events:none}.scene-hint span{color:var(--gold)}.game-controls{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;margin:15px 0 8px}.answer-list button,.choice-grid button,.game-controls button{border:1px solid #a8bdb0;border-radius:11px;background:linear-gradient(145deg,#315d65,#1c3e4b);color:var(--cream);cursor:pointer;min-height:46px;box-shadow:inset 0 1px #ffffff29,0 5px 12px #0004}.game-controls button{min-width:51px;font-size:23px;touch-action:none}.adventure-shell .primary,.game-controls .explore-button{padding:0 20px;background:linear-gradient(#f8df9f,#e6b35b);border-color:#fff1bd;color:#32230d;font-weight:800;font-size:.97rem}.control-hint{margin:6px 10px 8px;text-align:center;color:#d3ded8;font-size:.8rem;line-height:1.5}.adventure-card{padding:clamp(20px,2vw,31px)}.challenge-dialog h2,.explorer-choice h1,.story-panel h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,2.7rem);line-height:1.1;margin:.2em 0 .45em;text-shadow:0 3px 8px #0005}.explorer-choice p,.story-panel p{line-height:1.6}.eyebrow{color:#f2cf8b;letter-spacing:.16em;font-size:.7rem;text-transform:uppercase}.eyebrow span{padding:0 5px}.journal-caption{font-size:1.04rem;color:#fff3d9}.narration-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:16px 0 21px}.quest-card{position:relative;border:1px solid #eac9898c;border-radius:14px;padding:17px 18px;background:linear-gradient(150deg,#31535c,#213e4b 64%,#1b3944);box-shadow:inset 0 1px #ffffff29,0 10px 20px #0003}.quest-card:before{content:"✦";position:absolute;top:12px;right:16px;color:#eac978;font-size:1.5rem}.quest-card .quest-label{margin:0;color:#f3d692;letter-spacing:.16em;font-size:.68rem;font-weight:800}.quest-card h2{margin:7px 0 5px;font:700 1.25rem Georgia,serif}.quest-card p:not(.quest-label){margin:0 0 9px;font-size:.88rem}.quest-reference{font-size:.7rem;color:#e4d3b1}.progress-card{background:#0d2635b8;border:1px solid #72929a88;border-radius:14px;margin:18px 0 15px;padding:16px}.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-heading h2{font-size:.92rem;margin:0}.progress-heading strong{color:#f3cf80;white-space:nowrap}.xp-track{height:9px;border-radius:99px;margin:12px 0 8px;overflow:hidden;background:#081a27;border:1px solid #72929a7d}.xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dd9c4c,#ffe6a0);transition:width .4s ease}.progress-card p{margin:0;color:#d9e4db;font-size:.82rem}.progress-card ul{padding-left:20px;margin:9px 0 0;color:#efdca9;font-size:.81rem}.progress-card li{margin:5px 0}.notice{border-left:3px solid #f2c66f;padding:9px 12px;background:#2c4952;font-size:.85rem}.explorer-choice .small,.story-panel .small{font-size:.74rem;color:#cbd7d5}.text-button{border:0;background:transparent;color:#f3d390;text-decoration:underline;cursor:pointer;padding:8px 5px;margin-right:9px}.explorer-choice{max-width:720px;margin:3vh auto;text-align:center;padding:clamp(24px,4vw,42px);position:relative}.challenge-dialog:before,.explorer-choice:before{content:"";pointer-events:none;position:absolute;inset:7px;border:1px solid #e4ca8650;border-radius:16px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:25px 0}.choice-grid button{font-size:1.08rem;font-weight:700;padding:20px}.choice-grid button span{display:block;font-size:2rem;margin-bottom:7px}.color-choice{display:flex;justify-content:center;gap:15px;border:0;padding:0;margin:23px 0 0;flex-wrap:wrap}.color-choice legend{font-weight:700;margin:auto auto 8px}.color-choice label{display:flex;gap:6px;align-items:center;text-transform:capitalize;cursor:pointer}.color-choice input{accent-color:#edc778}.challenge-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#07131de8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:reveal .24s ease-out}.challenge-dialog{width:min(100%,620px);max-height:min(90vh,780px);overflow:auto;position:relative;border:1px solid #f1d798;border-radius:22px;padding:30px;background:linear-gradient(150deg,#254754,#142e3d);box-shadow:0 28px 90px #000b,inset 0 1px #ffffff35}.challenge-dialog h2{font-size:clamp(1.7rem,3vw,2.3rem)}.challenge-dialog p{line-height:1.55}.dialog-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border:1px solid #adbdb8;border-radius:50%;background:#12303d;color:white;font-size:26px;cursor:pointer}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.dimension-grid label{text-transform:capitalize;font-size:.9rem;font-weight:700}.dimension-grid input{display:block;width:100%;margin-top:6px;background:#0d2433;border:1px solid #abc2bf;border-radius:9px;color:white;padding:11px}.challenge-dialog .primary{width:100%;margin-top:20px;min-height:50px;border-radius:10px;cursor:pointer}.answer-list{display:grid;grid-gap:10px;gap:10px;margin:20px 0}.answer-list button{text-align:left;font-size:1rem;padding:13px 16px}.answer-feedback{color:#ffe3ac;border-left:3px solid #ffd482;padding-left:12px}.adventure-shell button:focus-visible,.adventure-shell input:focus-visible{outline:3px solid #fff0b2;outline-offset:3px}.adventure-shell button:not(:disabled):hover{filter:brightness(1.12)}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.adventure-layout{grid-template-columns:1fr}.story-panel{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 20px;gap:0 20px}.journal-caption,.narration-actions,.story-panel>.eyebrow,.story-panel>.small,.story-panel>h1{grid-column:1/-1}.progress-card,.quest-card{margin-block:10px}}@media (max-width:600px){.adventure-header{align-items:flex-start}.adventure-logo{width:155px}.adventure-header-actions{gap:6px}.draft-badge{width:100%;font-size:.61rem;text-align:center}.chapter-nav button{min-width:150px;font-size:.82rem}.map-and-controls{padding:6px}.scene-hud{top:7px;left:7px;padding:5px 8px 5px 5px}.scene-hud-mark{width:25px;height:25px;font-size:.95rem}.scene-hud small{font-size:.48rem}.scene-hud strong{font-size:.73rem}.scene-hint{right:6px;bottom:6px;font-size:.61rem;padding:5px 7px}.game-controls{gap:6px}.game-controls button{min-width:46px}.game-controls .explore-button{width:100%}.story-panel{display:block}.choice-grid{grid-template-columns:1fr}.dimension-grid{grid-template-columns:1fr 1fr}.adventure-card,.challenge-dialog{padding:20px}}@media (prefers-reduced-motion:reduce){.adventure-shell *,.adventure-shell :after,.adventure-shell :before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}