:root{color-scheme:dark;--ink:#080e1b;--text:#f3f6ff;--muted:#aeb9ce;--red:#ff6569;--line:#263146;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;background:var(--ink);color:var(--text)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 30%,#12264080,transparent 48%),radial-gradient(ellipse at 92% 55%,#381b2980,transparent 48%),var(--ink)}a{color:inherit}a:focus-visible{outline:4px solid #fff;outline-offset:7px}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;padding:14px 20px;background:#fff;color:#080e1b;font-weight:800}.skip-link:focus{top:20px}.page{width:min(1440px,100%);min-height:100svh;margin:auto;padding:0 clamp(20px,4.2vw,68px);display:flex;flex-direction:column}.masthead{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;font-size:1.65rem;font-weight:950;letter-spacing:-.055em}.brand-mark{display:grid;place-items:center;transform:skew(-8deg);width:35px;height:35px;margin-right:13px;background:var(--red);color:#0a101b;font-weight:950;font-size:1.55rem;letter-spacing:-.11em;padding-right:3px;border-radius:5px}.brand-period{color:var(--red)}.studio{font-size:.8rem;letter-spacing:.18em;color:#aeb9ce;font-weight:700}main{flex:1;display:flex;flex-direction:column;padding:32px 0 26px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--red);font-size:.8rem;font-weight:850;letter-spacing:.16em}h1{font-size:clamp(2rem,3.65vw,3.45rem);font-weight:900;line-height:1.1;letter-spacing:-.05em;margin:0}h1 span{color:#c5cedf}.intro-note{margin:0;color:var(--muted);font-size:1rem;line-height:1.5}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;flex:1;min-height:510px}.game{--accent:#a0edff;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:510px;overflow:hidden;border:1px solid #617d9970;border-radius:12px;text-decoration:none;background:#10253c;box-shadow:0 12px 40px #0003;transition:border-color .2s,box-shadow .2s,transform .2s}.game.arena{--accent:#ffc886;background:#381d25;border-color:#9f67556e}.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;z-index:-3;transition:transform .65s ease;filter:saturate(.95)}.game:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06111a55 0%,#06111a00 25%,#06111a66 40%,#071422ef 72%,#071422 100%)}.arena:before{background:linear-gradient(180deg,#180e1660 0%,#180e1610 25%,#180e1680 43%,#190f1cf5 76%,#190f1c 100%)}.game-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 8px #000}.game-number{font-size:.95rem;letter-spacing:0;border:1px solid #ffffff80;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#08132480}.game-kind{padding:7px 10px;background:#081324ad;border:1px solid #ffffff24;border-radius:4px}.game-content{padding:20px 30px 28px}.game-kicker{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--accent);margin:0 0 12px}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:950;text-shadow:0 3px 12px #0009}h2 span{font-size:clamp(3.6rem,6.2vw,5.8rem);line-height:1.02;color:var(--accent);letter-spacing:-.05em}.description{font-size:1rem;line-height:1.55;color:#e0e9f4;margin:18px 0 23px}.game-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.play{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;background:var(--accent);color:#092232;border:1px solid #ffffff90;font-size:.96rem;font-weight:850;border-radius:5px;transition:background .2s,box-shadow .2s}.arena .play{color:#30140b}.game-meta{font-size:.75rem;font-weight:750;letter-spacing:.06em;color:#ced7e5}.fighter{position:absolute;right:-1%;top:7%;height:61%;width:63%;object-fit:contain;z-index:-2;image-rendering:pixelated;filter:drop-shadow(0 10px 14px #210e21b3);transform:rotate(-3deg);transition:transform .65s ease}.game:hover{border-color:var(--accent);box-shadow:0 16px 42px #0005;transform:translateY(-3px)}.game:hover .world{transform:scale(1.045)}.game:hover .fighter{transform:rotate(0deg) translateY(-7px)}.game:hover .play{background:#fff;box-shadow:0 0 26px #ffffff25}footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}footer strong{color:#e1e7f3;font-weight:700}footer>span:last-child{font-size:.75rem;font-weight:800;letter-spacing:.14em}
@media(min-width:1000px) and (min-height:850px){.game-grid{max-height:700px}.game{min-height:570px}.game-content{padding:30px 38px 36px}.game-kicker{margin-bottom:18px}.description{margin:24px 0 30px}.intro{margin-bottom:36px}main{padding-top:40px}}
@media(max-width:850px){.game-grid{gap:16px}.game-content{padding:20px}.game-top{padding:18px}.game-meta{display:none}.studio{font-size:.75rem;letter-spacing:.08em}.intro-note{font-size:.9rem}}
@media(max-width:620px){.page{padding:0 18px}.masthead{min-height:76px}.wordmark{font-size:1.45rem}.studio{max-width:100px;text-align:right;line-height:1.4}.intro{align-items:flex-start;margin-bottom:22px}.intro-note{display:none}main{padding-top:26px}.eyebrow{font-size:.75rem}h1{font-size:2rem}.game-grid{grid-template-columns:1fr;gap:20px}.game{min-height:460px}.game-content{padding:24px}.game-top{padding:20px 24px}.game-kicker{font-size:.75rem}h2{font-size:1.85rem}h2 span{font-size:4.4rem}.fighter{top:11%;right:0;width:62%;height:57%}.game-bottom{gap:10px}.game-meta{display:block;font-size:.72rem}.description{margin-top:14px}.play{min-height:48px;font-size:.9rem;padding:12px 16px}footer{font-size:.8rem;min-height:68px}footer>span:last-child{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.game:hover{transform:none}.game:hover .world,.game:hover .fighter{transform:none}}
