@import url('/game.css');
:root{--mint:#87e4cc;--line:#203b49}*{box-sizing:border-box}body{margin:0;background:#081b27;color:#e8f1ed;font:16px/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto;padding:0 32px}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:2px;font-weight:850;text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8da9b6}.brand .sprite{width:56px;height:56px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none;color:#b4c9d0}nav a:hover{color:var(--mint)}.intro{text-align:center;margin:52px auto 35px;max-width:780px}.eyebrow{font:700 11px/1.4 system-ui;letter-spacing:3px;color:var(--mint)}h1{font-size:clamp(32px,4vw,49px);letter-spacing:-1.8px;line-height:1.15;margin:16px 0}h2{font-size:30px;letter-spacing:-.8px;line-height:1.2}p{color:#a9c1cb}.intro p{max-width:650px;margin:18px auto 0}.game-shell{border:1px solid #385362;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #020b1433}.shell-bar{padding:11px 18px;background:#122b38;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.6px}.shell-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:8px}.shell-bar button{font-size:13px;background:none;color:#b4cbd4;border:0;padding:4px}iframe{border:0;display:block;width:100%;background:#061827}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:32px 12px 54px;border-bottom:1px solid var(--line)}.steps b{color:var(--mint);font-size:13px}.steps b span{color:#e1eee9;margin-left:14px;font-size:15px}.steps p{font-size:13px;margin:8px 0 0 32px}#explore{padding-top:52px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{margin:12px 0 26px}.section-heading>span{color:#8da9b6;font-size:10px;letter-spacing:1px;margin-bottom:29px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mode-card{background:#102936;border:1px solid var(--line);border-radius:10px;text-decoration:none;padding:20px;transition:transform .15s}.mode-card:hover{transform:translateY(-4px);border-color:#62ac9e}.mode-card .sprite{width:70px;height:70px}.mode-card h3{font-size:17px;margin:8px 0}.mode-card h3 span{float:right;color:var(--mint)}.mode-card p{font-size:13px;margin:0}.journal{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:75px 0}.journal p{font-size:14px}.journal h3{font-size:16px}.journal a{color:var(--mint)}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center}footer .brand{font-size:13px}footer p{font-size:11px}footer div{display:flex;gap:22px;font-size:12px}.article{max-width:760px;margin:30px auto 70px}.article h2{font-size:23px;margin-top:36px}.article a{color:var(--mint)}pre{padding:20px;background:#102936;overflow:auto;font-size:13px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:10;background:#fff;color:#000;padding:10px}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:4px}@media(max-width:700px){header,main,footer{padding-left:16px;padding-right:16px}header{height:auto;padding-top:18px;padding-bottom:16px;display:block}.brand{font-size:17px}.brand .sprite{width:44px;height:44px}nav{gap:0;justify-content:space-between;margin-top:12px}nav a{min-height:44px;padding-top:11px;font-size:13px}.intro{margin:30px auto 25px}h1{letter-spacing:-1px}.intro p{font-size:14px}.shell-bar{padding:8px 10px;font-size:8px;letter-spacing:.7px}.shell-bar button span{display:none}.steps{grid-template-columns:1fr;gap:20px;padding:25px 5px 32px}.mode-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mode-card{padding:14px}.section-heading>span{display:none}.section-heading h2{font-size:25px}.journal{grid-template-columns:1fr;gap:24px;padding:45px 0}footer{display:block}footer div{flex-wrap:wrap;gap:15px}.article{font-size:15px}#explore{padding-top:35px}}
.play-page header{height:76px}.play-page #main{display:flex;flex-direction:column}.play-page .game-shell{order:-1;margin-top:16px}.play-page .game-intro{margin:32px auto 24px}.play-page .game-intro h1{font-size:30px}.play-page .game-intro .eyebrow{display:none}.play-page .game-intro p{font-size:14px}
@media(max-width:700px){.play-page header{height:auto;padding-top:10px;padding-bottom:8px}.play-page .brand .sprite{width:36px;height:36px}.play-page nav{margin-top:4px}.play-page .game-shell{margin-top:10px}.play-page .game-intro h1{font-size:25px}.play-page .game-intro{margin-top:28px}}
.cookie-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:28px;border:1px solid #517488;border-radius:14px;background:#102936;color:#e8f1ed;box-shadow:0 24px 100px #0008;font:15px/1.6 system-ui,sans-serif}.cookie-dialog::backdrop{background:#020b14aa}.cookie-dialog h2{margin:0 0 16px;font-size:25px}.cookie-dialog p{color:#bfd2da;margin:12px 0}.cookie-dialog a{color:#87e4cc}.cookie-actions{display:flex;gap:12px;margin-top:24px}.cookie-actions button{flex:1;min-height:48px;padding:10px 14px;border:1px solid #87e4cc;border-radius:7px;font-weight:700;background:#153641;color:#e8f1ed}.cookie-actions #accept-cookies{background:#87e4cc;color:#082c34}#cookie-settings{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;padding:0;cursor:pointer;min-height:44px}.cookie-actions button:focus-visible,#cookie-settings:focus-visible{outline:3px solid #f3ddb2;outline-offset:3px}@media(max-width:400px){.cookie-dialog{padding:22px}.cookie-actions{flex-direction:column}}

@keyframes cookie-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:700px){.cookie-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85svh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;border-bottom:0}.cookie-dialog[open]{animation:cookie-slide-up .25s ease-out}.cookie-dialog h2{font-size:23px}.cookie-actions{flex-direction:row;gap:10px}.cookie-actions button{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.cookie-dialog[open]{animation:none}}