:root{font-family:Arial,Helvetica,sans-serif;color:#edf1dd;background:#142c31}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff38;background:#ffffff0a;border-radius:8px;padding:10px 15px}button:hover{background:#ffffff20}button:focus-visible,a:focus-visible{outline:3px solid #ffd779;outline-offset:4px}header{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{color:#edf1dd;text-decoration:none;font-size:19px;letter-spacing:3px;font-weight:900}.edition,.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:700}.edition{color:#95acaa}main{max-width:1440px;margin:auto;padding:28px 5%}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{color:#cfdd9e}h1{font-size:58px;letter-spacing:-3px;margin:5px 0 0;line-height:1}h1 em{color:#d5e7a9;font-style:normal}.heading p{font-size:13px;line-height:1.7;color:#aebfba}#frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#abd8c9;box-shadow:0 22px 50px #07171955}#game,#game canvas{width:100%;height:100%;display:block}#hud{position:absolute;inset:20px 24px auto;display:flex;justify-content:space-between;pointer-events:none;color:#183d3d}#hud small{display:block;font-size:10px;font-weight:700;letter-spacing:2px}#hud strong{display:block;margin-top:8px;font-size:22px}.right{display:flex;align-items:flex-start;gap:15px;font-weight:700}#pause{pointer-events:auto;color:#183d3d;border-color:#183d3d40;padding:6px 12px}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:linear-gradient(90deg,#163c3be8,#163c3b80 55%,transparent);padding:6%}#overlay.hidden{display:none}.card{max-width:370px}h2{font-size:clamp(30px,4.6vw,64px);letter-spacing:-2px;line-height:1.02;margin:18px 0}.card p{font-size:14px;line-height:1.7;color:#d0dfd0;max-width:300px}.primary{width:230px;background:#e4ecb1;color:#203a30;border:0;font-weight:800;padding:16px 20px;margin:24px 0 18px}.primary:hover{background:#f1fac4}.card small{display:block;font-size:10px;line-height:1.9;color:#b5c8bb}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a0b6b1;font-size:11px;padding-top:20px}footer span:first-child{font-size:9px;letter-spacing:1.5px}footer button{font-size:11px;border:0;padding:6px}#touch{position:absolute;inset:auto 18px 16px;display:none;gap:12px;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;width:56px;height:50px;background:#173c3d99;font-size:23px}#touch button:last-child{margin-left:auto}#toast{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#183d3de8;padding:10px 20px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;white-space:nowrap}@media(pointer:coarse){#touch{display:flex}#toast{bottom:80px}}@media(max-width:700px){header{height:60px}.edition{display:none}main{padding:20px 3%}.heading{margin-bottom:18px}h1{font-size:42px}.heading p{font-size:11px}#frame{aspect-ratio:4/3}#hud{top:12px;right:12px;bottom:12px;left:12px}.card p{font-size:12px;margin:10px 0}.card{max-width:280px}h2{margin:10px 0}.primary{margin:12px 0;padding:12px 18px}.card small{font-size:9px}.card .eyebrow{font-size:8px}footer span:nth-child(2){display:none}}@media(max-height:500px)and (orientation:landscape){header,.heading,footer{display:none}main{padding:0;max-width:100vw}#frame{height:100dvh;aspect-ratio:auto;border-radius:0}.card h2{font-size:35px}.card p{font-size:12px}}#game{position:absolute;top:0;right:0;bottom:0;left:0}#game canvas{display:block}#touch{gap:7px}#touch button{width:48px;font-size:20px}#touch button:last-child{width:70px;font-size:14px}.primary:disabled{opacity:.6;cursor:wait}@media(max-width:700px){#frame{aspect-ratio:3/4;max-height:72dvh}.card{max-width:260px}#overlay{background:linear-gradient(90deg,#163c3be8,#163c3b55)}#hud{top:16px;right:16px;bottom:16px;left:16px}}@media(max-height:500px)and (orientation:landscape){#frame{max-height:none}}#combat{font-size:11px;padding:8px 10px;border-radius:20px;background:#244b4f;color:#fff0cb;min-width:120px;text-align:center}#combat.ready{background:#dcecae;color:#274636}@media(max-width:700px){#combat{position:absolute;top:52px;right:0;font-size:9px;min-width:100px;padding:6px}#touch{inset:auto 9px 14px;gap:5px}#touch button{width:42px;padding:7px;font-size:18px}#touch button[data-key=attack]{width:52px;font-size:13px;background:#a86466}#touch button:last-child{width:58px}}:root{--cream:#fff2cf;--ink:#183a46;--gold:#f1c56d;background:#102832;color:var(--cream);font-family:Trebuchet MS,Arial,sans-serif}header{height:56px;border:0;padding:0 3%;background:#102832}.brand{font-size:15px;letter-spacing:2px}.edition{font-size:9px}header button{font-size:11px;padding:7px 12px}main{max-width:none;padding:0 16px 12px}.heading{display:none}#frame{height:calc(100dvh - 100px);min-height:430px;aspect-ratio:auto;border-radius:18px;border:1px solid #ffffff25;box-shadow:0 12px 32px #0004}footer{padding:10px 5px;font-size:10px}#hud{inset:22px 24px auto;color:var(--cream);text-shadow:0 2px 3px #183a4655}#hud>div:first-child{background:#163b4ad9;border:1px solid #ffffff30;border-radius:15px;padding:13px 18px;box-shadow:0 5px 12px #1235}#hud strong{color:#ffdc80;font-size:26px}#hud small{font-size:10px}#pause{color:var(--cream);background:#163b4ad9;border:1px solid #ffffff30;border-radius:12px;padding:8px 12px}#time{padding:9px 12px;background:#163b4ad9;border-radius:12px;font-size:13px}#combat{border:1px solid #ffffff30;background:#163b4ad9;padding:10px 14px}#combat.ready{background:#e8c77e;color:#433a2e}#overlay{background:linear-gradient(90deg,#102e40ee,#163b4a88 45%,transparent 78%);padding:7%}.card{max-width:440px}.card .eyebrow{color:#f1c56d}h2{font-family:Georgia,serif;font-size:clamp(44px,5.3vw,78px);font-weight:700;letter-spacing:-2px;text-shadow:0 3px 12px #1235}.card p{font-size:15px;color:#e2edf0;max-width:330px}.primary{background:#f3cb7f;color:#3c3e32;border-bottom:4px solid #c69848;border-radius:13px;font-size:16px;box-shadow:0 6px 18px #10283250}.primary:hover{background:#ffdc93}.card small{color:#c4d9dc}#toast{background:#163b4aef;border:1px solid #ffffff30;color:#fff2cf}@media(max-width:700px){header{height:48px}main{padding:0 8px}#frame{height:calc(100dvh - 88px);min-height:430px;max-height:none}#hud{top:12px;right:12px;bottom:12px;left:12px}#hud>div:first-child{padding:10px 12px}#hud small{font-size:8px;letter-spacing:1px}#hud strong{font-size:22px}.right{gap:6px}#combat{top:58px;font-size:9px;padding:7px 9px}#time{font-size:11px;padding:8px}#overlay{padding:7%}.card{max-width:275px}h2{font-size:45px}.card p{font-size:13px}footer span:first-child{font-size:8px;letter-spacing:.7px}}@media(max-height:500px)and (orientation:landscape){header,footer{display:none}main{padding:0}#frame{height:100dvh;min-height:0;border-radius:0}.card h2{font-size:38px}.card p{font-size:12px}#overlay{padding:4%}}#hud{bottom:auto;align-items:flex-start}#story[hidden]{display:none!important}#story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 5%,#35475b,#101e30 80%);overflow:auto;padding:16px 20px;color:#fff0cf}.city-art{width:min(900px,100%);flex:0 1 auto;min-height:0}.city-art svg{display:block;width:100%;max-height:42vh}.window{fill:#172535;transition:fill 1s ease}.aura{opacity:0;transition:opacity 1.2s}.lit .window{fill:#ffdc88}.lit .aura{opacity:1}.thorn-shape,.last-spark{display:none}.thorns .thorn-shape,.spark .last-spark{display:block}.story-copy{text-align:center;max-width:670px}#story-label{color:#e8bc73;font-size:10px;font-weight:700;letter-spacing:2px}#story h2{font-family:Georgia,serif;font-size:clamp(25px,3.1vw,44px);letter-spacing:-1px;line-height:1.1;margin:12px 0}#story-text{font-size:14px;line-height:1.65;color:#cfdae0;margin:10px auto;max-width:570px}#district-progress{font-size:11px;color:#e0c599;margin-top:13px}.story-actions{display:flex;gap:14px;align-items:center;justify-content:center}.story-actions .primary{margin:17px 0 4px;width:auto;min-width:220px}#story-skip{font-size:11px;border:0;margin-top:12px}.newly-lit .aura{animation:relight 2s ease-out}.newly-lit .window{animation:windows-on 1.6s ease-out}@keyframes relight{0%{opacity:0}50%{opacity:1;filter:brightness(1.8)}to{opacity:1}}@keyframes windows-on{0%,20%{fill:#172535}65%{fill:#fff4c9}to{fill:#ffdc88}}@media(max-width:700px){#story{padding:14px}.city-art{width:100%;flex:none}#story-text{font-size:13px}.story-actions{flex-wrap:wrap;gap:3px}.story-actions .primary{font-size:14px;padding:12px 16px;margin-top:12px}#story h2{font-size:29px}#story-label{font-size:9px}.city-art svg{max-height:30vh}}@media(max-height:500px)and (orientation:landscape){#story{flex-direction:row;gap:20px}.city-art{width:45%}.city-art svg{max-height:75vh}.story-copy{width:50%}#story h2{font-size:26px}#story-text{font-size:12px}}@media(prefers-reduced-motion:reduce){.newly-lit .aura,.newly-lit .window{animation:none}.window,.aura{transition:none}}.audio-controls{display:flex;align-items:center;gap:8px}.music-volume{display:flex;align-items:center;gap:5px;font-size:15px;color:#d6c7a0}#music-volume{width:65px;accent-color:#e8c77e}header .edition{flex:1;text-align:center}@media(max-width:700px){.audio-controls{gap:4px}header .brand{font-size:11px;letter-spacing:1px}header button{font-size:10px;padding:6px}.music-volume{font-size:0;gap:0}#music-volume{width:43px}}.secret-levels{width:min(620px,calc(100vw - 40px));max-height:calc(100dvh - 48px);box-sizing:border-box;overflow:auto;background:#17353e;color:#fff0ce;border:1px solid #91b9ae;border-radius:24px;padding:30px;box-shadow:0 24px 90px #0008}.secret-levels::backdrop{background:#07171dd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.secret-levels h2{font-size:28px;margin:10px 0}.secret-levels p{color:#bfd2cf;line-height:1.5;margin:0 0 22px}.secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secret-grid button{text-align:left;min-height:52px;background:#294b52;color:#fff0ce;padding:12px;border:1px solid #648581;border-radius:12px;font:inherit;cursor:pointer}.secret-levels button:hover{background:#3d625f}.secret-levels button:focus-visible{outline:3px solid #ffdf96;outline-offset:3px}.secret-close{display:block;margin:22px auto 0;padding:12px 20px;color:#fff0ce;background:transparent;border:1px solid #648581;border-radius:12px;cursor:pointer}@media(max-width:520px){.secret-levels{padding:20px}.secret-grid{grid-template-columns:1fr}.secret-levels h2{font-size:24px}}.brand{display:inline-flex;align-items:center;gap:9px;letter-spacing:-.4px;font-weight:900}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#c6ff33;color:#090d18;font:900 23px/1 Arial,sans-serif;letter-spacing:-1px}