:root{color-scheme:dark;--bg:#02070b;--panel:#071219;--panel-strong:#091823;--text:#f4fbff;--muted:#91a5b3;--green:#35ef91;--cyan:#6ee7ff;--gold:#ffe05e;--purple:#8e78ff;--border:rgba(49,231,143,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 14%,rgba(53,239,145,.13),transparent 25%),radial-gradient(circle at 14% 62%,rgba(110,231,255,.07),transparent 27%),linear-gradient(180deg,#030a0f,#020608 74%);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;opacity:.28}
.arcade-header{position:sticky;top:0;z-index:20;padding:12px 4%;border-bottom:1px solid var(--border);background:rgba(2,7,11,.92);backdrop-filter:blur(18px)}.arcade-header-inner{width:min(1220px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.arcade-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.arcade-brand img{width:48px;height:48px;border-radius:13px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(49,231,143,.25))}.arcade-brand span{display:grid;line-height:1}.arcade-brand strong{color:var(--gold);font-size:.92rem;letter-spacing:.08em}.arcade-brand small{margin-top:6px;color:var(--muted);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase}.arcade-header nav{display:flex;align-items:center;gap:4px}.arcade-header nav a{padding:9px 11px;border-radius:9px;color:#b7c7d1;font-size:.76rem;font-weight:850;text-decoration:none}.arcade-header nav a:hover,.arcade-header nav a:focus-visible{color:var(--green);background:rgba(53,239,145,.07)}.arcade-header nav a.active{color:#03130d;background:linear-gradient(135deg,var(--green),#2acfc2)}
main{width:min(1220px,calc(100% - 30px));margin:auto;padding:54px 0 38px}.arcade-hero{position:relative;overflow:hidden;padding:clamp(30px,6vw,72px);border:1px solid rgba(53,239,145,.32);border-radius:28px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(53,239,145,.15),transparent 42%),radial-gradient(circle at 90% 80%,rgba(142,120,255,.12),transparent 33%),linear-gradient(145deg,rgba(8,21,27,.97),rgba(3,9,14,.96));box-shadow:0 30px 90px rgba(0,0,0,.42)}.arcade-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 33%)}.arcade-eyebrow{position:relative;z-index:1;margin:0;color:var(--green);font-size:.72rem;font-weight:950;letter-spacing:.17em}.arcade-hero h1{position:relative;z-index:1;margin:8px 0 0;color:var(--gold);font-size:clamp(3.4rem,10vw,7.5rem);line-height:.9;letter-spacing:-.06em;text-shadow:0 0 34px rgba(255,224,94,.12)}.arcade-hero>p:not(.arcade-eyebrow){position:relative;z-index:1;max-width:720px;margin:20px auto 0;color:#a7bac5;font-size:clamp(.98rem,1.8vw,1.15rem);line-height:1.65}.arcade-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 12px;border:1px solid rgba(53,239,145,.2);border-radius:999px;color:#bfffe0;background:rgba(53,239,145,.06);font-size:.66rem;font-weight:900;letter-spacing:.1em}.arcade-status span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.game-card{min-width:0;min-height:390px;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:23px;border:1px solid rgba(255,255,255,.08);border-radius:21px;background:linear-gradient(150deg,rgba(9,23,30,.97),rgba(3,10,14,.98));box-shadow:0 22px 64px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)}.game-card.live-card{border-color:rgba(53,239,145,.32)}.game-card.force-card{border-color:rgba(142,120,255,.34);background:radial-gradient(circle at 90% 0,rgba(142,120,255,.16),transparent 37%),linear-gradient(150deg,rgba(10,18,33,.98),rgba(3,9,15,.98))}.game-card.arboretum-card{border-color:rgba(255,224,94,.2)}.game-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(53,239,145,.2);border-radius:14px;background:rgba(53,239,145,.07);font-size:1.55rem}.game-icon.pixel{border-color:rgba(142,120,255,.25);background:rgba(142,120,255,.09)}.status{padding:6px 8px;border-radius:999px;font-size:.6rem;font-weight:950;letter-spacing:.1em}.status.live{color:#042114;background:var(--green)}.status.soon{color:#f2edff;background:rgba(142,120,255,.22);border:1px solid rgba(142,120,255,.35)}.status.testing{color:#291f00;background:var(--gold)}.game-label{margin:0;color:var(--green);font-size:.63rem;font-weight:900;letter-spacing:.13em}.force-card .game-label{color:#ae9dff}.game-card h2{margin:7px 0 0;color:var(--gold);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1}.game-card h3{margin:7px 0 0;color:var(--cyan);font-size:.82rem;letter-spacing:.12em}.game-card div>p:last-child{margin:15px 0 0;color:var(--muted);line-height:1.62}.game-action{justify-self:start;min-width:136px;min-height:42px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:.72rem;font-weight:950;letter-spacing:.06em;text-decoration:none}.play-action{color:#03140d;background:linear-gradient(135deg,var(--green),#2acfc2);box-shadow:0 9px 24px rgba(53,239,145,.14);transition:.16s ease}.play-action:hover,.play-action:focus-visible{transform:translateY(-2px);filter:brightness(1.06)}.game-action.disabled{color:#8195a2;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.arcade-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:24px 26px;border:1px solid var(--border);border-radius:20px;background:rgba(6,17,22,.84)}.arcade-footer-cta h2{margin:6px 0 0;color:var(--gold);font-size:clamp(1.3rem,3vw,2rem)}.arcade-footer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arcade-footer-actions a{min-height:40px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(53,239,145,.24);border-radius:9px;color:var(--text);font-size:.7rem;font-weight:900;text-decoration:none}.arcade-footer-actions a:first-child{color:#03140d;border-color:transparent;background:linear-gradient(135deg,var(--green),#2acfc2)}footer{padding:26px 4%;border-top:1px solid var(--border);color:var(--muted);text-align:center}footer strong{color:var(--gold);font-size:.76rem;letter-spacing:.1em}footer p{margin:6px 0 0;font-size:.75rem}
@media(max-width:860px){.game-grid{grid-template-columns:1fr}.game-card{min-height:330px}.arcade-footer-cta{align-items:flex-start;flex-direction:column}.arcade-footer-actions{width:auto}}
@media(max-width:620px){.arcade-header{padding:9px 12px}.arcade-header-inner{align-items:center;flex-wrap:wrap;gap:7px}.arcade-brand img{width:40px;height:40px}.arcade-brand strong{font-size:.76rem}.arcade-brand small{display:none}.arcade-header nav{width:100%;max-width:none;overflow-x:auto;justify-content:center;border-top:1px solid rgba(49,231,143,.1);padding-top:7px}.arcade-header nav a{padding:8px 12px;font-size:.67rem;white-space:nowrap}main{width:min(100% - 20px,600px);padding-top:24px}.arcade-hero{padding:34px 18px;border-radius:22px}.arcade-hero h1{font-size:clamp(3.25rem,20vw,5.4rem)}.game-card{min-height:0;padding:19px}.game-action{min-width:126px;min-height:44px;padding:9px 14px}.arcade-footer-actions{display:flex;width:auto}.arcade-footer-actions a{min-height:44px;padding:9px 13px}.arcade-footer-cta{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.play-action{transition:none}.play-action:hover{transform:none}}