@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/orbitron-latin-400.woff2)format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/orbitron-latin-500.woff2)format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orbitron-latin-700.woff2)format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/orbitron-latin-800.woff2)format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/press-start-2p.ttf)format("truetype")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-latin-400.woff2)format("woff2")}:root{--c-sky:#00e0ff;--c-grape:#4f8bff;--c-berry:#ff2b6a;--c-sun:#ffe600;--c-leaf:#00ff9c;--c-tang:#ff7a00;--bg:#000208;--bg-card:#0a0f1e;--bg-panel:#0c1426a8;--ink:#eaf0ff;--ink-soft:#93a4c0;--line:#5a96c847;--line-bright:#00e0ff8c;--shadow-sm:0 2px 10px #00000073;--shadow:0 8px 24px #0000008c;--shadow-pop:0 16px 44px #000106c7;--glow-cyan:0 0 20px #00e0ff61;--glow-pink:0 0 20px #ff2b6a57;--gloss:linear-gradient(180deg, #ffffff38 0%, #ffffff0f 42%, #fff0 60%);--radius:14px;--radius-lg:20px;--font-display:"Orbitron", "Trebuchet MS", system-ui, sans-serif;--font-pixel:"Press Start 2P", "Courier New", monospace;--font:"Orbitron", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--maxw:1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(60% 50% at 12% 8%,#00e0ff1a,#0000 70%),radial-gradient(60% 55% at 88% 96%,#00ff9c14,#0000 70%),radial-gradient(130% 130% at 50% 0,#04060f 0%,#01020a 50%,#000106 100%);background-attachment:fixed;min-height:100vh;line-height:1.55}a{color:var(--c-sky);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 .4em;font-weight:800;line-height:1.15}h1{font-size:clamp(1.9rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3.5vw,2.1rem)}.wrap{width:min(100% - 2rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px), var(--maxw));margin-inline:auto}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);background:#040812bd;position:sticky;top:0;box-shadow:0 1px #00e0ff1f}.site-header .wrap{align-items:center;gap:1rem;padding:.6rem 0;display:flex}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);align-items:center;gap:.55rem;font-size:1.3rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand .logo{border-radius:12px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.brand .logo svg,.brand .logo img{object-fit:cover;width:100%;height:100%;display:block}.nav{flex-wrap:wrap;gap:.3rem;margin-left:auto;display:flex}.nav a{color:var(--ink-soft);font-family:var(--font-display);border-radius:999px;padding:.4rem .85rem;font-size:.95rem;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.nav a:hover{color:var(--ink);background:#00e0ff1f;text-decoration:none}.nav a[aria-current=page]{background:linear-gradient(180deg, color-mix(in srgb, var(--c-sky) 35%, transparent), #00e0ff1a);color:#eafcff;box-shadow:inset 0 0 0 1px var(--line-bright), var(--glow-cyan)}.tabbar{backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:.3rem max(.5rem, env(safe-area-inset-right)) calc(.3rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));background:#040812e6;align-items:stretch;display:none;box-shadow:0 -1px #00e0ff1f,0 -10px 28px #00000080}.tabbar a,.tabbar button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.3rem 0 .2rem;display:flex}.tabbar [hidden]{display:none!important}.tabbar a:hover,.tabbar button:hover{color:var(--ink);text-decoration:none}.tabbar .tab-icon{width:26px;height:26px;display:block}.tabbar .tab-icon svg{width:100%;height:100%;display:block}.tabbar .tab-label{font-family:var(--font-display);letter-spacing:.05em;font-size:.64rem;font-weight:700}.tabbar a[aria-current=page]{color:var(--c-sky);text-shadow:0 0 10px #00e0ff99}.tabbar a[aria-current=page] .tab-icon{filter:drop-shadow(0 0 7px #00e0ffa6)}.tabbar a:focus-visible,.tabbar button:focus-visible{outline:2px solid var(--c-sky);outline-offset:-2px}@media (width<=640px){.site-header .wrap{padding:.45rem 0}.site-header .nav{display:none}.brand{white-space:nowrap;font-size:1.1rem}.brand .logo{width:36px;height:36px}body:not(.is-game){padding-bottom:calc(62px + env(safe-area-inset-bottom))}body:not(.is-game) .tabbar{z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0}}.game-tabbar{flex:none;display:flex}@media (width>=900px){.game-tabbar{justify-content:center}.game-tabbar a,.game-tabbar button{flex:0 130px}}@media (height<=460px){.game-tabbar{padding:.12rem max(.4rem, env(safe-area-inset-right)) calc(.12rem + env(safe-area-inset-bottom)) max(.4rem, env(safe-area-inset-left))}.game-tabbar a,.game-tabbar button{padding:.15rem 0 .1rem}.game-tabbar .tab-icon{width:20px;height:20px}.game-tabbar .tab-label{font-size:.56rem}}.btn{font-family:var(--font-display);letter-spacing:.01em;color:#06121a;background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--c-sky) 78%, white) 0%, var(--c-sky) 46%, color-mix(in srgb, var(--c-sky) 72%, black) 100%);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff73, var(--shadow), var(--glow-cyan);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter 80ms;display:inline-flex}.btn:hover{filter:brightness(1.06);text-decoration:none;transform:translateY(-2px)}.btn:active{filter:brightness(.97);transform:translateY(1px)}.btn.alt{color:#053024;background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--c-leaf) 78%, white) 0%, var(--c-leaf) 46%, color-mix(in srgb, var(--c-leaf) 72%, black) 100%);box-shadow:inset 0 1px 0 #ffffff73, var(--shadow), 0 0 20px #00ff9c57}.btn.berry{color:#fff;background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--c-berry) 70%, white) 0%, var(--c-berry) 46%, color-mix(in srgb, var(--c-berry) 70%, black) 100%);box-shadow:inset 0 1px 0 #fff6, var(--shadow), var(--glow-pink)}.btn.ghost{color:var(--ink);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--line-bright), inset 0 1px 0 #ffffff1f, var(--shadow-sm)}.btn:disabled,.btn:disabled:hover,.btn:disabled:active{cursor:default;color:var(--ink-soft);background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--line);filter:none;transform:none}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem;display:grid}.card{background:linear-gradient(180deg, #ffffff0d, #fff0 40%), var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0f;flex-direction:column;padding:1.2rem;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}a.card:hover{border-color:var(--line-bright);box-shadow:var(--shadow-pop), var(--glow-cyan), inset 0 1px 0 #ffffff1a;text-decoration:none;transform:translateY(-4px)}.card .emoji,.card .icon-tile{border-radius:16px;place-items:center;width:64px;height:64px;margin-bottom:.7rem;font-size:2.4rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff2e}.card .icon-tile svg{width:60%;height:60%;display:block}.card h3{color:var(--ink);margin:.1rem 0 .3rem;font-size:1.15rem}.card p{color:var(--ink-soft);margin:0;font-size:.95rem}.card .tag{font-family:var(--font-display);color:var(--c-sky);text-transform:uppercase;letter-spacing:.09em;background:#00e0ff1a;border:1px solid #00e0ff47;border-radius:999px;align-self:flex-start;margin-top:auto;padding:.22rem .65rem;font-size:.78rem;font-weight:700;display:inline-block}.game-card{--tint:var(--c-sky);border-color:color-mix(in srgb, var(--tint) 26%, #5a96c81a);gap:0;padding:0;overflow:hidden}.game-card .card-cover{aspect-ratio:16/10;border-bottom:1px solid color-mix(in srgb, var(--tint) 30%, transparent);background:#05070f;display:block;position:relative;overflow:hidden}.game-card .card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.game-card .card-cover:after{content:"";pointer-events:none;background:linear-gradient(165deg,#ffffff21,#fff0 40%);position:absolute;inset:0}.game-card .tag{color:var(--tint);border-color:color-mix(in srgb, var(--tint) 45%, transparent);backdrop-filter:blur(4px);background:#02060ebd;align-self:auto;margin:0;position:absolute;top:.55rem;right:.55rem}.game-card .card-info{flex-direction:column;gap:.25rem;padding:.8rem .95rem .95rem;display:flex}.game-card .card-name{align-items:center;gap:.5rem;min-width:0;display:flex}.game-card .card-glyph{width:22px;height:22px;color:var(--tint);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--tint) 55%, transparent));flex:none}.game-card .card-glyph svg{width:100%;height:100%;display:block}.game-card h3{margin:0;font-size:1.05rem}.game-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}a.game-card:hover{border-color:color-mix(in srgb, var(--tint) 70%, transparent);box-shadow:var(--shadow-pop), 0 0 26px color-mix(in srgb, var(--tint) 32%, transparent), inset 0 1px 0 #ffffff1a}a.game-card:hover .card-cover img{transform:scale(1.05)}a.game-card:focus-visible{outline:2px solid var(--tint);outline-offset:3px}.game-card.featured{grid-column:span 2}.game-card.featured .card-cover{aspect-ratio:2.15}.game-card.featured h3{font-size:1.3rem}@media (width<=640px){.grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.game-card .card-info{padding:.55rem .7rem .7rem}.game-card p{display:none}.game-card h3{font-size:.92rem}.game-card .card-glyph{width:18px;height:18px}.game-card .tag{padding:.16rem .5rem;font-size:.68rem}}.t-sky{background:color-mix(in srgb, var(--c-sky) 18%, #050a16);color:var(--c-sky)}.t-grape{background:color-mix(in srgb, var(--c-grape) 18%, #050a16);color:var(--c-grape)}.t-berry{background:color-mix(in srgb, var(--c-berry) 18%, #050a16);color:var(--c-berry)}.t-sun{background:color-mix(in srgb, var(--c-sun) 16%, #050a16);color:var(--c-sun)}.t-leaf{background:color-mix(in srgb, var(--c-leaf) 16%, #050a16);color:var(--c-leaf)}.t-tang{background:color-mix(in srgb, var(--c-tang) 18%, #050a16);color:var(--c-tang)}.hero{text-align:center;padding:2.5rem 0 1rem}.hero-eyebrow{font-family:var(--font-pixel);letter-spacing:.22em;text-transform:uppercase;color:var(--c-sky);text-shadow:0 0 12px #00e0ff8c;margin:0 0 1.1rem;font-size:clamp(.55rem,1.8vw,.7rem)}.hero-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-nova{width:clamp(64px,10vw,92px);height:auto;box-shadow:0 0 0 2px var(--line-bright), var(--glow-cyan);border-radius:50%}.hero h1 .zone{background:linear-gradient(92deg, var(--c-sky), var(--c-grape) 55%, var(--c-berry));color:#0000;filter:drop-shadow(0 0 16px #00e0ff47);background-clip:text}.hero p.lede{color:var(--ink-soft);max-width:44ch;margin:.4rem auto 1.4rem;font-size:clamp(1.05rem,2.4vw,1.3rem)}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.section{padding:1.6rem 0}.section-head{align-items:baseline;gap:.6rem;margin-bottom:1.1rem;display:flex}.section-head h2{margin:0;padding-bottom:.4rem;position:relative}.section-head h2:after{content:"";background:linear-gradient(90deg, var(--c-sky), var(--c-berry));border-radius:2px;width:2.4em;height:3px;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #00e0ff8c}.section-head .more{margin-left:auto;font-weight:800}.duo-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;display:grid}.cat-card{flex-direction:row;align-items:center;gap:1rem}.cat-card .icon-tile{flex:none;margin-bottom:0}.cat-card h3{margin:0 0 .15rem}.cat-card p{margin:0}.section-foot{justify-content:flex-end;margin-top:1.1rem;display:flex}.game-shell{padding:1.4rem 0 3rem}.stat{background:var(--bg-panel);border:1px solid var(--line);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.stat b{font-variant-numeric:tabular-nums;color:var(--c-sky)}.game-stage{background:linear-gradient(180deg, #ffffff0a, #fff0 30%), var(--bg-card);border:1px solid var(--line-bright);border-radius:var(--radius-lg);box-shadow:var(--shadow), var(--glow-cyan), inset 0 1px 0 #ffffff14;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem;display:flex}.howto{background:var(--bg-panel);border:1px dashed var(--line-bright);border-radius:var(--radius);margin-top:1.2rem;padding:1rem 1.2rem}.howto h3{margin:0 0 .4rem}.howto ul{color:var(--ink-soft);margin:0;padding-left:1.2rem}details.howto{padding:0}details.howto>summary{cursor:pointer;font-family:var(--font-display);align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:700;list-style:none;display:flex}details.howto>summary::-webkit-details-marker{display:none}details.howto>summary:before{content:"▸";color:var(--c-sky)}details.howto[open]>summary:before{content:"▾"}.howto-body{padding:0 1.2rem 1rem}body.is-game{overscroll-behavior:none;touch-action:manipulation;flex-direction:column;height:100dvh;display:flex;overflow:hidden}body.is-game main{flex-direction:column;flex:1;min-height:0;display:flex}body.is-full .site-header{display:none}body.is-full{background:#0a0a18}body.is-full .game-shell.full{touch-action:manipulation;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;position:relative}body.is-full .stage-wrap{min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex:1;display:flex}body.is-full .game-stage{width:100%;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;padding:0;position:relative;container-type:size}body.is-full .howto-open{display:none}@media (height<=460px) and (orientation:landscape) and (pointer:coarse){body.is-full .game-shell.full{flex-direction:row}body.is-full .stage-wrap{padding:env(safe-area-inset-top) 0 0 env(safe-area-inset-left)}.game-tabbar{border-top:none;border-left:1px solid var(--line);padding:max(.3rem, env(safe-area-inset-top)) max(.25rem, env(safe-area-inset-right)) max(.3rem, env(safe-area-inset-bottom)) .25rem;flex-direction:column;justify-content:center;gap:.35rem;box-shadow:-1px 0 #00e0ff1f,-10px 0 28px #00000080}.game-tabbar a,.game-tabbar button{flex:none;padding:.25rem .3rem}}.game-hud{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.45rem .5rem 0;display:flex}.game-hud .stat,.game-hud .btn{border:1px solid var(--line);min-width:0;height:38px;min-height:38px;box-shadow:none;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.9rem;font-weight:700;display:inline-flex}.game-hud .stat{background:var(--bg-panel);color:var(--ink)}.game-hud .btn:hover{box-shadow:none;transform:none}.game-hud .btn:active:not(:disabled){filter:brightness(1.3);transform:scale(.94)}@keyframes btn-press{0%{filter:brightness(1.6);transform:scale(.92)}to{filter:none;transform:none}}.btn.is-pressed{animation:.24s ease-out btn-press}.board-area{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:0;padding:.4rem .5rem .5rem;display:flex;position:relative;container-type:size}body.is-full .board-area .banner.show{z-index:30;box-shadow:var(--shadow-pop);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-toast{left:50%;bottom:max(1.2rem, env(safe-area-inset-bottom));z-index:60;background:var(--bg-card);max-width:90vw;color:var(--ink);box-shadow:var(--shadow-pop), inset 0 0 0 1px var(--line-bright);opacity:0;pointer-events:none;word-break:break-all;border-radius:999px;padding:.65rem 1.1rem;font-size:.95rem;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%)translateY(1rem)}.game-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.howto-modal-wrap{display:contents}dialog.howto-modal{border:1px solid var(--line-bright);border-radius:var(--radius-lg);background:var(--bg-card);width:min(92vw,460px);max-height:86dvh;color:var(--ink);box-shadow:var(--shadow-pop), var(--glow-cyan);padding:0;overflow:auto}dialog.howto-modal::backdrop{backdrop-filter:blur(3px);background:#00010694}.howto-modal-head{justify-content:space-between;align-items:center;gap:.6rem;padding:1rem 1.2rem .4rem;display:flex}.howto-modal-head strong{font-size:1.25rem}.howto-x{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:.35rem .5rem;font-size:1.1rem;line-height:1}.howto-x:hover{background:var(--bg)}.howto-modal-body{padding:0 1.4rem 1.3rem}.howto-modal-body ul{color:var(--ink-soft);margin:0;padding-left:1.2rem}.howto-modal-body li{margin-bottom:.4rem}select.input{font-family:var(--font-display);border:1px solid var(--line-bright);background:var(--bg-card);color:var(--ink);cursor:pointer;border-radius:999px;padding:.5rem .9rem;font-size:1rem;font-weight:600}.banner{font-family:var(--font-display);box-shadow:var(--shadow-pop), inset 0 1px 0 #ffffff4d;border-radius:999px;align-items:center;gap:.6rem;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:700;display:none}.banner.show{display:inline-flex}.banner.win{color:#053024;background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--c-leaf) 80%, white), var(--c-leaf))}.banner.lose{color:#fff;background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--c-berry) 70%, white), var(--c-berry))}.site-footer{border-top:1px solid var(--line);background:#04081299;margin-top:2rem}.site-footer .wrap{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.6rem 0;display:flex}.site-footer a{font-weight:700}.site-footer .grown-ups{margin-left:auto;font-size:.85rem}.prose{max-width:70ch}.prose p{color:var(--ink)}.tip-list{gap:1rem;display:grid}.tip{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0d;border-left-width:4px;padding:1rem 1.2rem}.tip h3{margin:0 0 .3rem}.tip p{color:var(--ink-soft);margin:0}.news-item{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0d;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;display:flex}.news-item .when{text-align:center;color:#1a1400;background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--c-sun) 82%, white), var(--c-sun));font-family:var(--font-display);border-radius:12px;flex:none;align-self:flex-start;min-width:64px;padding:.4rem .7rem;font-weight:800}.news-item .when small{font-size:.7rem;font-weight:700;display:block}.news-item h3{margin:0 0 .2rem}.news-item p{color:var(--ink-soft);margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.starfield[data-astro-cid-dac3vbt4]{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}
