:root{color-scheme:dark;--gold:#e2bc79;--muted:#aaa2a6;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;color:#f2eadd;background:#110f17;font:14px/1.7 'Segoe UI',Arial,sans-serif;min-height:100vh}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.backdrop{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#171620}.scene{position:absolute;inset:-5%;background:center/cover no-repeat;image-rendering:pixelated;opacity:0;animation:trailer 32s infinite;filter:saturate(.7)}.scene1{background-image:url('/assets/scene-1.png')}.scene2{background-image:url('/assets/scene-2.png');animation-delay:8s}.scene3{background-image:url('/assets/scene-3.png');animation-delay:16s}.scene4{background-image:url('/assets/scene-4.png');animation-delay:24s}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f0b1580,#100e17a8 50%,#100e17e8),linear-gradient(0deg,#0e0c16e0,transparent 65%)}@keyframes trailer{0%{opacity:0;transform:scale(1)}5%,23%{opacity:.8}29%,100%{opacity:0;transform:scale(1.12)}}header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff0c}.brand{font:600 23px Georgia,serif;letter-spacing:4px;display:flex;gap:10px;align-items:center}.brand span{font-size:10px;color:var(--gold)}.brand small{font:9px 'Segoe UI',sans-serif;letter-spacing:4px;padding-left:20px;margin-left:12px;border-left:1px solid #ffffff40}.version{font-size:9px;color:var(--gold);letter-spacing:1.7px}main{max-width:1370px;margin:0 auto;min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7vw;padding:65px 6vw}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);font-weight:600}h1{font:normal clamp(54px,6vw,85px)/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:30px 0 0;text-shadow:0 4px 30px #0007}h1 span{font-size:.65em;letter-spacing:1px;white-space:nowrap}.subtitle{font-size:12px;letter-spacing:8px;color:var(--gold);margin-top:28px}.title>p{font:21px/1.7 Georgia,serif;color:#dacfc4;margin-top:38px}.caption{font-size:8px;letter-spacing:1.5px;color:#aaa1a3;margin-top:75px}.caption span{margin-left:35px;color:var(--gold)}.panel{justify-self:end;width:100%;max-width:470px;padding:42px;background:linear-gradient(135deg,#1a1621db,#131019ed);border:1px solid #ffffff20;box-shadow:0 30px 100px #0006;backdrop-filter:blur(12px)}h2{font:normal 32px/1.25 Georgia,serif;letter-spacing:-.5px;margin:14px 0 20px}.muted{font-size:12px;color:var(--muted);line-height:1.9}.primary,.secondary{border:1px solid var(--line);border-radius:1px;padding:14px 18px;font-size:11px}.primary{background:var(--gold);border-color:#f3d5a1;color:#251b16;letter-spacing:1.5px;font-weight:600;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:30px}.primary:hover{background:#efd09c}.primary b{font-size:22px;font-weight:400;line-height:1}.secondary{background:#ffffff05;color:#ded5cf}.secondary:hover{border-color:var(--gold)}.panel>.secondary{display:flex;width:100%;justify-content:space-between;margin-top:12px;color:#c1b8b7}.upcoming{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.upcoming>span{font-size:8px;letter-spacing:1.4px;color:#7e7583}.upcoming p{font-size:11px;color:#aa9c9b}.keys{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#7e7583;margin-top:25px}footer{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 6vw;font-size:8px;letter-spacing:1.4px;color:#8a7f8d}footer a{color:#c5b49d}#play-screen{max-width:1180px;margin:auto;padding:15px 20px}.hud{display:flex;justify-content:space-between;align-items:center;padding:10px 0 20px;gap:15px}.hud strong,.hud .eyebrow{display:block}.hud strong{font:20px Georgia,serif;margin-top:3px}.hud-actions{display:flex;gap:8px}.hud-actions button{padding:8px 13px;font-size:10px}#time{font:25px monospace;color:var(--gold)}#stage{position:relative;width:100%;aspect-ratio:1.6;background:#000;box-shadow:0 15px 80px #0008;margin:auto}#engine-frame{border:0;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#loading{position:absolute;inset:0;background:#100f17;display:grid;place-items:center;color:var(--gold);font:18px Georgia,serif}.game-help{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:15px 0;gap:15px}#hp{color:#e59b8a}#touch{display:none;justify-content:space-between;gap:15px;touch-action:none}#touch>div{display:flex;gap:10px}#touch button{background:#ffffff0b;border:1px solid var(--line);color:var(--gold);height:48px;min-width:48px;touch-action:none;user-select:none}#modal{position:fixed;inset:0;background:#08070dd4;backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;padding:20px}.dialog{width:min(510px,100%);padding:38px;background:#1c1723;border:1px solid #e2bc7945;box-shadow:0 30px 100px #0007}.dialog p{color:var(--muted);font-size:13px;white-space:pre-line}.dialog .primary{margin:20px 0 12px;justify-content:center}#modal-actions>.secondary{width:100%;margin-top:10px}.playing header{height:60px}.playing footer{display:none}.playing .backdrop{opacity:.22}#play-screen:fullscreen{background:#0b0910;max-width:none;height:100vh;overflow:auto}#play-screen:fullscreen #stage{width:min(100%,calc((100vh - 150px)*1.6))}#play-screen:fullscreen .game-help{justify-content:center;gap:40px}@media(max-width:750px){header{height:75px;padding:0 5vw}.version{font-size:7px;letter-spacing:.7px}.brand{font-size:19px;gap:6px}.brand small{font-size:7px;letter-spacing:2px;padding-left:10px;margin-left:5px}main{display:block;padding:30px 5vw 20px}.title{margin:0 0 30px}.title>.eyebrow{font-size:8px}h1{font-size:43px;margin-top:16px}h1 br{display:none}h1 span{font-size:.65em}.subtitle{font-size:8px;margin-top:15px;letter-spacing:5px}.title>p,.caption{display:none}.panel{max-width:none;padding:28px}h2{font-size:29px}.keys{font-size:7px}.hud{flex-wrap:wrap;gap:12px}.hud-actions{margin-left:auto}#time{font-size:20px}.hud .eyebrow{font-size:8px}#play-screen{padding:10px}.game-help{font-size:8px}.game-help>span:first-child{max-width:75%}#touch{display:flex}.dialog{padding:28px}footer{font-size:7px;letter-spacing:.5px}.playing .version{display:none}}@media(pointer:coarse){#touch{display:flex}}@media(prefers-reduced-motion:reduce){.scene{animation:none}.scene1{opacity:.75}}
@media(max-width:750px){h1 span{margin-left:8px}}