:root{color-scheme:dark;--bg:#081724;--panel:#153042;--border:#426b7a;--aqua:#91f3d9;--gold:#f4d39b;--text:#f6f3e6}
*{box-sizing:border-box}html{min-width:300px}body{margin:0;min-height:100dvh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(ellipse at 50% -12%,#305467 0%,#122b3e 41%,#061421 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}
:where(a,button,input,select):focus-visible{outline:3px solid #fff0b8;outline-offset:3px}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(#9bd3cf 1px,transparent 1px),radial-gradient(#bed7e0 1px,transparent 1px);background-size:110px 114px,179px 166px;background-position:21px 31px,70px 81px}
.skip-link{position:absolute;top:-100px;left:12px;z-index:10;padding:11px 15px;background:var(--gold);color:#1b3442;border-radius:8px;font-weight:850}.skip-link:focus{top:8px}
.entry-shell{position:relative;z-index:1;width:min(1040px,calc(100% - 40px));margin:0 auto;min-height:calc(100dvh - 44px);display:flex;flex-direction:column;justify-content:center;gap:clamp(15px,3vh,27px);padding:clamp(22px,4vh,46px) 0 18px}
.entry-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.85fr);gap:28px;align-items:center;min-height:238px}
.entry-logo{position:relative;padding:25px 0}
.entry-eyebrow{font-size:11px;letter-spacing:.33em;font-weight:850;color:#a6e2d9}
.entry-logo h1{margin:7px 0 6px;font-size:clamp(54px,8.6vw,112px);letter-spacing:-.092em;line-height:1;font-weight:1000;white-space:nowrap;text-shadow:0 3px 0 #123b47,0 0 32px #66f6d233;animation:logoArrive .9s cubic-bezier(.2,.9,.28,1) both}
.entry-logo h1 em{font-style:normal;color:#7af3d1;letter-spacing:-.15em;text-shadow:0 0 27px #67e5ceaa;animation:logoPulse 3.2s ease-in-out infinite}
.hero-tagline{font-size:clamp(12px,1.5vw,17px);letter-spacing:.14em;color:#e3cda8}
.logo-orbit{position:absolute;left:5px;top:-24px;width:35px;height:35px;border:1px solid #78d4c88c;border-radius:50%;display:grid;place-items:center;color:#f5d7aa;animation:float 4s ease-in-out infinite}
.board-illustration{position:relative;width:min(100%,320px);aspect-ratio:1;margin:auto;display:grid;place-items:center;isolation:isolate}
.board-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#4ae6c332,#50b6c20d 54%,transparent 72%);box-shadow:0 0 75px #66d9ba29;animation:logoPulse 3.8s ease-in-out infinite}
.mini-board{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:81%;aspect-ratio:1;padding:8px;background:linear-gradient(135deg,#386b70,#183444);border:1px solid #83c9c2;border-radius:12px;box-shadow:0 12px 45px #000b,0 0 0 5px #142b3e;transform:rotate(-8deg);animation:boardFloat 6s ease-in-out infinite}
.mini-cell{background:#1e4153;border:1px solid #4a728059;border-radius:3px;display:grid;place-items:center;font-size:clamp(10px,1.4vw,17px);font-weight:900;color:#213644}
.mini-cell.energy{background:#245b6c}.mini-cell.star{background:#356c5d}.mini-cell.piece{background:linear-gradient(150deg,#fff4d6,#d8c6a4);border:1px solid #b9a27a;box-shadow:0 2px 2px #081824a0;animation:tileAppear .35s backwards}
.board-hud{position:absolute;z-index:2;font-size:10px;font-weight:950;letter-spacing:.14em;color:#b2e9dc;background:#122d3c;border:1px solid #618a8f;border-radius:6px;padding:8px}
.hud-top{top:2%;right:0}.hud-top b{color:#72f1bc}.hud-bottom{bottom:4%;left:-4%;color:#f7d7a1}
.play-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.choice-card{display:flex;align-items:center;gap:17px;position:relative;min-height:163px;padding:24px;border:1px solid #77b5b3;border-radius:17px;background:linear-gradient(132deg,#234f5d,#183445 65%,#102636);box-shadow:inset 0 1px #d9fff62d,0 14px 40px #030b1569;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}
.choice-multi{border-color:#ccaa7e;background:linear-gradient(125deg,#594e4a,#3d3944 40%,#192f42)}
.choice-card:hover{transform:translateY(-5px);border-color:#fff5c7;box-shadow:0 20px 48px #0009}
.choice-icon{flex:none;width:68px;height:68px;border:1px solid #9feee0;border-radius:17px;background:#42777c;display:grid;place-items:center;font-size:45px;color:#d9fff2;text-shadow:0 2px 15px #061a25}
.choice-multi .choice-icon{background:#8e6d59;border-color:#eed4ab;color:#ffe7ad}
.choice-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.choice-copy strong{font-size:clamp(21px,2.8vw,31px);font-weight:950;letter-spacing:.045em;color:#fff7df}.choice-copy>span:last-child{font-size:13px;line-height:1.4;color:#c5e0e0}.choice-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900;color:#a3e9d9}.choice-multi .choice-eyebrow{color:#f2d09c}.choice-arrow{margin-left:auto;align-self:flex-start;font-size:24px;color:#f8e3b7}
.entry-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:8px}
.extra-card{display:flex;align-items:center;gap:12px;border:1px solid #466d7a;border-radius:12px;background:#112838d9;padding:14px 17px;transition:background .18s,border .18s}.extra-card:hover{background:#26505a;border-color:#8edac5}
.extra-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}.extra-card strong{font-size:13px;letter-spacing:.1em}.extra-card small{font-size:11px;color:#a5bdc5}.extra-icon{font-size:28px;color:#edcf95}.save-note{text-align:center;color:#b0d9cd;font-size:11px;letter-spacing:.06em;margin:2px 0 0}
.entry-footer{position:relative;z-index:1;width:min(1040px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;padding:9px 0 18px;font-size:9px;color:#6c9bab;letter-spacing:.13em}
@keyframes boardFloat{50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes tileAppear{from{opacity:0;transform:translateY(-13px) scale(.85)}to{opacity:1;transform:none}}@keyframes logoArrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes logoPulse{50%{opacity:.65;filter:brightness(1.25)}}
@media(max-width:700px){.entry-shell{min-height:calc(100dvh - 42px);justify-content:flex-start}.entry-hero{grid-template-columns:1fr 155px;gap:6px;min-height:165px}.entry-logo h1{font-size:clamp(36px,8.5vw,65px)}.entry-logo{padding:18px 0}.entry-eyebrow{font-size:8px;letter-spacing:.18em}.hero-tagline{font-size:11px;letter-spacing:.06em}.board-illustration{width:100%}.mini-board{padding:4px;gap:2px}.board-hud{font-size:6px;padding:5px}.play-choices{gap:10px}.choice-card{min-height:170px;padding:13px;align-items:flex-start;flex-direction:column;gap:10px}.choice-icon{height:38px;width:38px;font-size:26px;border-radius:10px}.choice-copy strong{font-size:clamp(17px,3.7vw,24px)}.choice-copy>span:last-child{font-size:11px}.choice-arrow{position:absolute;right:12px;top:12px}.entry-extras{gap:10px}.extra-card{padding:10px;gap:8px}.extra-icon{font-size:22px}.extra-card strong{font-size:10px}.extra-card small{font-size:10px}}
@media(max-width:390px){.entry-hero{grid-template-columns:minmax(0,1fr) 88px}.entry-logo h1{font-size:clamp(27px,8.25vw,37px)}.entry-shell{gap:13px;width:calc(100% - 26px)}.entry-footer{width:calc(100% - 26px)}.play-choices{grid-template-columns:1fr}.choice-card{flex-direction:row;align-items:center;min-height:91px;padding:13px}.choice-arrow{position:static;align-self:center}.choice-copy strong{font-size:19px}.entry-extras{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}