:root{
  color-scheme:dark;
  --bg:#080a0f;--bg-soft:#0d1118;--panel:#10151d;--panel-2:#141a24;--text:#f7f9fc;--muted:#8b96a8;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.15);--accent:#55d8ff;--accent-2:#7a5cff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.shell-wide{width:min(1500px,calc(100% - 28px));margin-inline:auto}
.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.16;border-radius:50%;z-index:-1}.ambient-a{width:440px;height:440px;background:#2745ff;top:80px;left:-180px}.ambient-b{width:520px;height:520px;background:#00c8ff;right:-280px;top:420px}
.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em;font-size:15px}.brand.compact{font-size:14px}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:skewX(-8deg)}.brand-mark i{display:block;background:linear-gradient(180deg,#eefcff,#62d5ff);border-radius:2px}.brand-mark i:nth-child(2){transform:translateY(4px)}.brand-mark i:nth-child(3){transform:translateY(8px)}.topnav{display:flex;gap:30px;color:var(--muted);font-size:14px}.topnav a{transition:color .2s ease}.topnav a:hover,.topnav .is-active{color:var(--text)}
.hero{min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding-block:70px}.eyebrow{margin:0 0 13px;color:#73dfff;font-size:12px;font-weight:800;letter-spacing:.2em}.hero h1,.section-head h2,.manifesto h2{margin:0;letter-spacing:-.055em;line-height:.95}.hero h1{font-size:clamp(54px,7vw,94px);max-width:760px}.hero h1 span{color:#728096}.hero-text{max-width:560px;margin:25px 0 0;color:#97a3b5;line-height:1.7;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{min-height:48px;padding:0 20px;border-radius:13px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.btn-primary{background:#f6f9ff;color:#07090d;border-color:#f6f9ff}.btn-primary:hover{background:#dff7ff}.btn-ghost{background:rgba(255,255,255,.035);color:#d8e0eb}.btn-ghost:hover{border-color:var(--line-strong);background:rgba(255,255,255,.06)}
.hero-visual{position:relative;min-height:430px}.orb{position:absolute;border-radius:50%}.orb-main{width:250px;height:250px;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle at 36% 28%,#fff 0 4%,#9cf1ff 12%,#4ed1ff 28%,#4c6fff 54%,#162056 74%,#090c16 100%);box-shadow:0 0 42px rgba(79,210,255,.28),0 0 100px rgba(66,87,255,.28)}.orb-small{width:48px;height:48px;left:19%;top:22%;background:radial-gradient(circle at 35% 32%,#fff,#96e8ff 24%,#3f6cff 65%,#11193e)}.arc{position:absolute;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-16deg)}.arc-a{width:390px;height:390px;border:1px solid rgba(114,222,255,.22);border-left-color:transparent;border-bottom-color:transparent}.arc-b{width:330px;height:330px;border:1px dashed rgba(255,255,255,.13);transform:translate(-50%,-50%) rotate(22deg)}.hero-badge{position:absolute;right:6%;bottom:8%;font-size:11px;font-weight:900;line-height:1.05;letter-spacing:.14em;color:#bdefff;padding:14px;border:1px solid rgba(117,220,255,.24);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;text-align:center;background:rgba(9,14,24,.6);backdrop-filter:blur(8px)}
.games-section{padding:40px 0 100px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2,.manifesto h2{font-size:clamp(38px,4vw,58px)}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter-btn{min-height:38px;border-radius:999px;border:1px solid var(--line);background:transparent;color:#8f9bad;padding:0 14px;cursor:pointer;font-size:12px;font-weight:800}.filter-btn:hover,.filter-btn.is-active{color:#f5fbff;border-color:rgba(108,220,255,.36);background:rgba(86,202,255,.08)}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));transition:transform .2s ease,border-color .2s ease,background .2s ease}.game-card:hover{transform:translateY(-3px);border-color:var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.023))}.game-art{height:190px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(83,179,255,.22),transparent 30%),linear-gradient(145deg,#141b27,#090d14 70%)}.art-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.12);transform:translate(-50%,-50%)}.ring-one{width:128px;height:128px}.ring-two{width:82px;height:82px;border-style:dashed}.art-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:950;letter-spacing:-.06em;color:#f7fbff;text-shadow:0 0 24px rgba(84,206,255,.42)}.game-card-body{padding:18px}.game-card-topline,.game-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718097;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.game-card h3{margin:9px 0 22px;font-size:22px;letter-spacing:-.035em}.game-card-bottom{font-size:9px;letter-spacing:.05em}.card-state{display:inline-flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#465166}.status-dot.live{background:#7dffb1;box-shadow:0 0 12px rgba(125,255,177,.65)}
.accent-violet .game-art{background:radial-gradient(circle at 50% 45%,rgba(126,88,255,.32),transparent 32%),linear-gradient(145deg,#171429,#0b0a12 70%)}.accent-blue .game-art,.accent-sky .game-art,.accent-ice .game-art{background:radial-gradient(circle at 50% 45%,rgba(80,182,255,.34),transparent 32%),linear-gradient(145deg,#102033,#080b12 70%)}.accent-orange .game-art,.accent-amber .game-art,.accent-gold .game-art{background:radial-gradient(circle at 50% 45%,rgba(255,163,67,.31),transparent 32%),linear-gradient(145deg,#241912,#0d0b09 70%)}.accent-lime .game-art,.accent-green .game-art{background:radial-gradient(circle at 50% 45%,rgba(120,255,143,.27),transparent 32%),linear-gradient(145deg,#11251a,#090d0a 70%)}.accent-pink .game-art,.accent-coral .game-art,.accent-red .game-art{background:radial-gradient(circle at 50% 45%,rgba(255,96,132,.29),transparent 32%),linear-gradient(145deg,#25121a,#0d090b 70%)}.accent-teal .game-art{background:radial-gradient(circle at 50% 45%,rgba(56,240,210,.26),transparent 32%),linear-gradient(145deg,#0f2423,#080d0d 70%)}.accent-rainbow .game-art{background:radial-gradient(circle at 35% 45%,rgba(255,86,139,.23),transparent 28%),radial-gradient(circle at 67% 48%,rgba(79,209,255,.25),transparent 30%),linear-gradient(145deg,#1b1927,#090b10 70%)}.accent-mono .game-art{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.13),transparent 32%),linear-gradient(145deg,#1a1b1e,#08090b 70%)}
.empty-state{text-align:center;color:var(--muted);padding:40px}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:76px}.manifesto>p{margin:28px 0 0;color:#8f9caf;line-height:1.8;font-size:16px;max-width:520px}.footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;color:#626e80;font-size:12px}.footer div{display:flex;gap:22px}
.player-body{background:#06080c}.player-topbar{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.player-title-wrap{text-align:center;display:flex;flex-direction:column;gap:3px}.player-kicker{font-size:9px;letter-spacing:.18em;color:#67758a;font-weight:900}.player-title-wrap strong{font-size:14px}.player-actions{display:flex;justify-content:flex-end;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#0c1017;color:#dbe5f0;display:grid;place-items:center;font-size:24px;cursor:pointer}.icon-btn:hover{border-color:var(--line-strong);background:#121824}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.player-main{padding:18px 0 24px}.game-stage{position:relative;width:100%;min-height:calc(100vh - 142px);border:1px solid var(--line);border-radius:20px;background:#030407;overflow:hidden}.game-stage iframe{display:block;width:100%;height:calc(100vh - 142px);min-height:560px;border:0;background:#05070b}.game-fallback{min-height:620px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.game-fallback[hidden]{display:none}.fallback-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff,#85eaff 20%,#446dff 58%,#161e4e 100%);font-weight:950;font-size:32px;box-shadow:0 0 60px rgba(61,147,255,.28);margin-bottom:24px}.game-fallback h1{margin:0;font-size:clamp(30px,5vw,56px);letter-spacing:-.05em}.game-fallback p{max-width:720px;color:#8b98aa;line-height:1.7;margin:18px 0 28px}.game-fallback code{color:#c6f5ff}.player-meta{display:flex;justify-content:space-between;color:#5f6d80;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding:10px 6px 0}
@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:360px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifesto{grid-template-columns:1fr;gap:22px}.player-topbar{grid-template-columns:auto 1fr auto}.player-title-wrap{padding:0 14px}}
@media (max-width:620px){.shell{width:min(100% - 24px,1180px)}.shell-wide{width:min(100% - 16px,1500px)}.topbar{height:72px}.topnav{gap:18px}.hero{padding-block:46px;gap:12px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero-text{font-size:15px}.hero-visual{min-height:300px}.orb-main{width:195px;height:195px}.arc-a{width:285px;height:285px}.arc-b{width:240px;height:240px}.section-head{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.game-grid{grid-template-columns:1fr}.game-art{height:176px}.manifesto{padding-block:56px}.footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:18px}.player-topbar{height:66px}.player-title-wrap strong{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand.compact span:last-child{display:none}.game-stage{min-height:calc(100vh - 128px);border-radius:14px}.game-stage iframe{height:calc(100vh - 128px);min-height:520px}.player-meta{padding-inline:3px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.topnav a{transition:none}.game-card:hover{transform:none}}
.library-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.game-search{height:40px;width:min(300px,100%);display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#68768a}.game-search input{width:100%;border:0;outline:0;background:transparent;color:#eaf2fb;font:inherit;font-size:12px}.game-art.has-thumb{background:#080b10}.game-art.has-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease,filter .3s ease}.game-card:hover .game-art.has-thumb img{transform:scale(1.025);filter:brightness(1.06)}
@media(max-width:620px){.library-tools{width:100%;align-items:flex-start}.game-search{width:100%}}
@media(prefers-reduced-motion:reduce){.game-art.has-thumb img{transition:none}.game-card:hover .game-art.has-thumb img{transform:none}}