:root{--bg: #090914;--bg-2: #0d101b;--surface: #141425;--surface-2: #1d1b2e;--topbar: #242236;--accent: #6c4cff;--accent-2: #9c7cff;--cyan: #32d5ff;--green: #55d889;--gold: #ffd166;--hot: #ff5a3d;--text: #ffffff;--muted: #b9b7ca;--muted-2: #89869e;--border: rgba(255, 255, 255, .08);--shadow: 0 20px 60px rgba(0, 0, 0, .36);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 30% -20%,rgba(108,76,255,.18),transparent 34rem),linear-gradient(180deg,#090914,#0d101b 52%,#090914);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.plain-button{border:1px solid var(--border);background:#ffffff0f;color:var(--text);border-radius:8px;padding:.45rem .7rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{position:fixed;z-index:40;top:0;right:0;left:0;height:56px;display:grid;grid-template-columns:230px minmax(280px,1fr) auto;align-items:center;gap:16px;padding:0 18px 0 14px;background:#242236f0;border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.brand-cluster,.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}.topbar-actions{justify-content:end}.brand{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:900;line-height:.84;letter-spacing:0}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--accent),#43d6ff);box-shadow:0 8px 24px #6c4cff5c}.brand-text{font-size:14px;text-transform:lowercase}.brand-text b{color:var(--cyan);font-size:10px}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#ffffff12;color:var(--text)}.icon-button:hover{background:#ffffff1f}.menu-toggle{display:none}.search-box{justify-self:center;width:min(520px,100%);height:40px;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff14;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-box input::placeholder{color:var(--muted)}.lang-switcher select{height:36px;min-width:92px;max-width:132px;border:1px solid var(--border);border-radius:18px;padding:0 28px 0 12px;background:#ffffff14;color:var(--text)}.sidebar{position:fixed;z-index:35;top:56px;bottom:0;left:0;width:188px;padding:14px 10px 24px;overflow-y:auto;background:#090914f0;border-right:1px solid var(--border)}.nav-list{list-style:none;margin:0;padding:0}.nav-list a{height:34px;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:0 8px;border-radius:8px;color:var(--muted);font-size:14px;white-space:nowrap}.nav-list a:hover{background:#6c4cff24;color:var(--text)}.nav-list svg{color:var(--accent-2)}.nav-divider{height:1px;margin:12px 6px;background:var(--border)}.nav-kicker{margin:0 8px 8px;color:var(--muted-2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.app-main{min-height:100vh;margin-left:188px;padding:78px 18px 32px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:clamp(28px,4vw,54px);line-height:1;letter-spacing:0}.page-head p{max-width:780px;margin:12px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.site-footer{margin:44px 0 0;padding:22px 0 12px;border-top:1px solid var(--border);color:var(--muted);font-size:14px;line-height:1.6}.search-overlay{position:fixed;z-index:90;inset:0;display:grid;place-items:start center;padding-top:76px;background:#04050ca8;backdrop-filter:blur(10px)}.search-panel{width:min(720px,calc(100vw - 28px));max-height:min(76vh,720px);overflow:auto;border:1px solid var(--border);border-radius:12px;background:#111321;box-shadow:var(--shadow)}.search-panel-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#17172a;border-bottom:1px solid var(--border)}.search-results{display:grid;gap:8px;padding:12px}.search-result,.mini-card{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:8px;border-radius:10px;background:#ffffff0a}.search-result.is-active,.search-result:hover,.mini-card:hover{background:#6c4cff2e}.search-result img,.mini-card img{border-radius:7px;object-fit:cover;aspect-ratio:16 / 9}.search-result small{display:block;margin-top:4px;color:var(--muted)}.breadcrumbs{margin-bottom:16px;color:var(--muted);font-size:14px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:8px;color:var(--muted-2)}.breadcrumbs a:hover{color:var(--text)}@media(max-width:860px){.topbar{grid-template-columns:auto 1fr auto;padding:0 10px}.menu-toggle{display:inline-grid}.brand-text,.topbar-actions .icon-button{display:none}.lang-switcher select{min-width:74px;max-width:94px}.sidebar{transform:translate(-100%);transition:transform .18s ease}.nav-open .sidebar{transform:translate(0)}.app-main{margin-left:0;padding:72px 12px 24px}.page-head{display:block}}@media(max-width:540px){.topbar{height:auto;min-height:56px;grid-template-columns:auto 1fr auto;gap:8px}.search-box{grid-column:1 / -1;order:3;width:100%;margin-bottom:8px}.sidebar{top:96px}.app-main{padding-top:112px}}.game-section{margin:22px 0;content-visibility:auto;contain-intrinsic-size:260px}.section-heading{display:flex;align-items:baseline;gap:16px;margin:0 0 10px}.section-heading h2{margin:0;font-size:24px;line-height:1.1}.section-heading a{color:var(--accent-2);font-size:14px;font-weight:700}.game-row{display:grid;grid-auto-flow:column;grid-auto-columns:220px;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 14px;scroll-snap-type:x proximity}.game-card{position:relative;width:100%;isolation:isolate;scroll-snap-align:start}.game-card-link{position:relative;display:block;overflow:hidden;border-radius:8px;background:var(--surface);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 20px #00000042}.game-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;transform:scale(1.01);transition:transform .18s ease,filter .18s ease}.game-card-preview{position:absolute;inset:0;z-index:1;overflow:hidden;background:#050610b8;opacity:0;transform:scale(1.02);transition:opacity .18s ease,transform .22s ease;pointer-events:none}.game-card-preview:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 20% 15%,rgba(50,213,255,.18),transparent 34%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.58))}.game-card-preview iframe{width:100%;height:100%;border:0;transform:scale(1.02)}.game-card-link.is-previewing .game-card-preview{opacity:1;transform:scale(1)}.game-card:hover img{transform:scale(1.06);filter:saturate(1.1) brightness(1.05)}.game-card-link:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:58%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));opacity:.88}.game-card-title{position:absolute;z-index:2;left:10px;right:34px;bottom:8px;overflow:hidden;color:#fff;font-size:14px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.game-card--small{width:180px}.game-card--medium{width:220px}.game-card--large{width:360px}.game-card--hero{width:min(520px,100%)}.game-card--hero .game-card-title{font-size:24px;bottom:14px;left:16px}.game-card--large .game-card-title{font-size:18px}.badge{position:absolute;z-index:3;top:8px;left:8px;max-width:calc(100% - 16px);border-radius:7px;padding:4px 7px;color:#111321;background:var(--gold);font-size:12px;font-weight:900;line-height:1}.badge--new{background:var(--cyan)}.badge--updated,.badge--multiplayer{background:var(--green)}.badge--hot{background:var(--hot);color:#fff}.favorite-button{position:absolute;z-index:5;right:7px;bottom:7px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#10101cc2;color:#fff;backdrop-filter:blur(8px)}.favorite-button.is-favorite,.control-button.is-favorite{color:#ff6fa8}.hero-mosaic-section{margin:10px 0 18px}.mosaic-grid{display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:10px;align-items:stretch}.mosaic-small{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-auto-rows:minmax(104px,1fr);gap:10px;overflow:hidden}.mosaic-small .game-card{width:100%}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.game-grid .game-card,.game-grid .game-card--large,.game-grid .game-card--medium{width:100%}.category-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px}.category-tile{min-height:132px;display:flex;align-items:end;padding:14px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#09091414,#090914d6),var(--category-bg, linear-gradient(135deg, #1c2b38, #34235c));background-size:cover;overflow:hidden}.category-tile strong{font-size:20px}@media(max-width:1180px){.mosaic-grid{grid-template-columns:1fr}}@media(max-width:760px){.game-row{grid-auto-columns:180px}.game-card--medium,.game-card--small{width:180px}.game-card--large{width:240px}.mosaic-small{grid-template-columns:repeat(2,minmax(140px,1fr))}}.player-card{overflow:hidden;width:100%;max-width:min(100%,var(--player-width-640, 1138px));margin-inline:auto;border:1px solid var(--border);border-radius:8px;background:#080a12;box-shadow:var(--shadow)}.player-stage{position:relative;width:100%;aspect-ratio:var(--game-aspect, 16 / 9);background:#05060c}.player-stage iframe,.play-overlay,.play-overlay picture,.play-overlay img{position:absolute;inset:0;width:100%;height:100%}.player-stage iframe{border:0;background:#000}.play-overlay{z-index:2;display:grid;place-items:center;overflow:hidden}.play-overlay img{object-fit:cover;filter:saturate(1.1) brightness(.72)}.play-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(108,76,255,.34),transparent 22rem),linear-gradient(180deg,#0000001a,#000000b8)}.play-overlay-panel{position:relative;z-index:3;width:min(520px,calc(100% - 32px));display:grid;justify-items:center;gap:14px;text-align:center}.play-overlay-panel p{margin:0;color:var(--text);font-size:16px;line-height:1.5}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:178px;min-height:54px;border:0;border-radius:999px;padding:0 24px;background:linear-gradient(135deg,var(--accent),#35c7ff);color:#fff;font-weight:900;box-shadow:0 16px 40px #6c4cff5c}.player-actions{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border-top:1px solid var(--border);background:#111321}.page-head--game{align-items:end;margin-bottom:12px}.page-head--game h1{font-size:clamp(26px,3.2vw,40px)}.page-head--game p{max-width:680px;margin-top:8px;font-size:15px;line-height:1.45}.control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:#ffffff0f;color:var(--text)}.game-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:18px}.detail-panel{border:1px solid var(--border);border-radius:8px;padding:16px;background:#ffffff0a}.detail-panel h2,.detail-panel h3{margin-top:0}.detail-panel p{color:var(--muted);line-height:1.65}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pill-list a,.pill-list span{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--border);border-radius:999px;padding:0 10px;background:#ffffff0f;color:var(--muted);font-size:14px}.share-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}@media(max-width:980px){.game-detail{grid-template-columns:1fr}.player-card{max-width:100%}}@media(max-width:640px){.player-card{max-width:100%}}@media(max-height:940px)and (min-width:981px){.player-card{max-width:min(100%,var(--player-width-600, 1067px))}}@media(max-height:860px)and (min-width:981px){.player-card{max-width:min(100%,var(--player-width-500, 889px))}}@media(max-height:780px)and (min-width:981px){.player-card{max-width:min(100%,var(--player-width-460, 818px))}}@media(max-height:680px)and (min-width:981px){.player-card{max-width:min(100%,var(--player-width-400, 711px))}}.seo-content{max-width:1060px;margin-top:34px;columns:2 360px;column-gap:34px}.seo-content article{break-inside:avoid;margin:0 0 24px}.seo-content h2,.faq-section h2{margin:0 0 10px;font-size:24px}.seo-content p,.faq-list p{color:var(--muted);line-height:1.72}.faq-section{max-width:920px;margin-top:34px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--border);border-radius:8px;background:#ffffff0a}.faq-list summary{cursor:pointer;padding:14px 16px;font-weight:800}.faq-list p{margin:0;padding:0 16px 16px}.listing-empty{padding:26px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--muted)}
