:root{--c-bg:#c9e9d2;--c-bg-alt:#b9dfc4;--c-surface:#142128;--c-surface-alt:#1c2d35;--c-text:#1c3c46;--c-text-on-surface:#fff;--c-muted:#4a6670;--c-accent:#f5c518;--c-accent-text:#111a0d;--c-border:#a6cdb3;--c-danger:#b3261e;--c-success:#1e7a46;--radius:14px;--radius-sm:calc(var(--radius) * .6);--shadow:0 10px 30px -12px #14212873;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--header-h:72px;--sticky-offset:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 8px)}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);padding-bottom:var(--sticky-offset);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}body.no-scroll{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(1.8rem,3.2vw + .6rem,2.6rem);font-weight:850}h2{font-size:clamp(1.3rem,1.2vw + .9rem,1.6rem);font-weight:800}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:1000;background:var(--c-surface);color:#fff;border-radius:8px;padding:8px 14px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.btn{white-space:nowrap;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--c-accent);color:var(--c-accent-text);box-shadow:0 6px 18px -8px #f5c518e6}.btn-accent:hover{filter:brightness(1.05)}.btn-dark{background:var(--c-surface);color:var(--c-text-on-surface)}.btn-outline{border-color:var(--c-text);color:var(--c-text);background:0 0}.btn-outline:hover{background:#1c3c4614}.btn-ghost{color:inherit;background:0 0;border-color:currentColor}.btn-block{width:100%}.spinner{place-items:center;padding:48px 0;display:grid}.spinner-dot{border:4px solid #1c3c4633;border-top-color:var(--c-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.boot-error{text-align:center;max-width:480px;font-family:var(--font);margin:15vh auto}.seo-fallback{max-width:1240px;margin:0 auto;padding:32px 16px}.seo-fallback .seo-links{columns:3 220px;padding-left:18px}.site-header{z-index:50;background:color-mix(in srgb, var(--c-bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--c-border);position:sticky;top:0}.header-inner{min-height:var(--header-h);align-items:center;gap:24px;display:flex}.logo img{width:auto;height:44px}.main-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-link{background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active{background:#1c3c4614}.nav-sep{background:var(--c-border);width:1px;height:26px;margin:0 6px}.rot90{transform:rotate(90deg)}.nav-dropdown{position:relative}.dropdown-menu{background:var(--c-surface);min-width:230px;color:var(--c-text-on-surface);box-shadow:var(--shadow);border-radius:12px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:0}.dropdown-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.dropdown-menu.is-open{display:block}.dropdown-item{border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--c-surface-alt)}.dropdown-item .count{opacity:.6;margin-left:auto;font-size:.85rem}.menu-toggle{background:0 0;border:0;margin-left:auto;padding:8px;display:none}.mobile-only{display:none}.site-main{min-height:60vh}.page{padding-top:24px;padding-bottom:56px}.lead{color:var(--c-muted);max-width:72ch;margin:0 0 16px;font-size:1.1rem}.muted{color:var(--c-muted)}.empty-state,.error-state{text-align:center;color:var(--c-muted);padding:40px 16px}.breadcrumbs ol{color:var(--c-muted);flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";opacity:.6;margin-right:6px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:32px;padding:24px 0 28px;display:grid}.hero h1{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(2.2rem,4.4vw + .4rem,3.7rem);font-weight:900;line-height:1.02}.hero-sub{margin:0 0 22px;font-size:1.15rem}.hero-stats{margin:16px 0 0;font-size:.95rem}.hero-skeleton{border-radius:var(--radius);background:#ffffff40;min-height:320px}.hero-image{border-radius:var(--radius)}.hero-collage{height:340px;position:relative}.hero-tile{aspect-ratio:4/3;object-fit:cover;width:46%;box-shadow:var(--shadow);border:4px solid #fff;border-radius:16px;position:absolute}.hero-tile-0{z-index:3;top:0;left:26%;transform:rotate(-4deg)}.hero-tile-1{z-index:2;top:30%;left:2%;transform:rotate(-10deg)}.hero-tile-2{z-index:2;top:24%;right:0;transform:rotate(8deg)}.hero-tile-3{z-index:4;bottom:0;left:30%;transform:rotate(3deg)}.hero-tile-4{z-index:1;width:30%;top:-4%;right:6%;transform:rotate(12deg)}.search-box{background:var(--c-surface);color:var(--c-text-on-surface);max-width:560px;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.search-box input{min-width:0;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:10px 0}.search-box input::placeholder{color:#ffffff8c}.search-box button{background:var(--c-accent);width:46px;height:46px;color:var(--c-accent-text);border:0;border-radius:10px;place-items:center;display:grid}.search-icon{opacity:.7}.category-nav{scrollbar-width:none;gap:10px;padding:6px 0 22px;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.cat-pill{background:var(--c-surface);min-height:48px;color:var(--c-text-on-surface);border-radius:12px;flex:1 0 auto;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex}.cat-pill:hover{transform:translateY(-2px)}.cat-pill.is-active{background:var(--c-accent);color:var(--c-accent-text)}.home-section{margin:8px 0 28px}.section-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-header h1,.section-header h2{margin:0;font-size:clamp(1.35rem,1.1vw + 1rem,1.7rem)}.section-more{white-space:nowrap;align-items:center;gap:6px;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex}.section-more:hover{text-decoration:underline}.game-grid,.game-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.game-grid+.game-grid{margin-top:16px}.game-card{background:var(--c-surface);color:var(--c-text-on-surface);border-radius:var(--radius);transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px 18px -10px #14212899}.game-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.game-card-link{color:inherit;text-decoration:none;display:block}.game-card-media{aspect-ratio:16/10;background:var(--c-surface-alt);position:relative}.game-card-media img{object-fit:cover;width:100%;height:100%}.game-card-placeholder{text-align:center;background:linear-gradient(135deg, var(--c-surface-alt), var(--c-text));place-items:center;height:100%;padding:12px;font-size:1.2rem;font-weight:800;display:grid}.game-card-body{padding:10px 48px 12px 14px}.game-card-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.98rem;font-weight:700;overflow:hidden}.game-card-meta{color:#ffffff9e;margin:2px 0 0;font-size:.8rem}.fav-btn{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:10px;right:8px}.fav-btn:hover{background:#ffffff1a}.fav-btn.is-active,.fav-inline.is-active{color:#ff5a79}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800;position:absolute;top:8px;left:8px}.badge-jackpot{background:var(--c-accent);color:var(--c-accent-text)}.skeleton{aspect-ratio:16/13;background:linear-gradient(90deg,#1421281f 25%,#14212833 37%,#1421281f 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.listing-head h1{margin-bottom:6px}.listing-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.result-count{margin:0;font-weight:650}.sort-select{align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.sort-select select{appearance:none;border:1px solid var(--c-border);background:var(--c-bg-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c3c46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--c-text);cursor:pointer;border-radius:8px;padding:8px 36px 8px 12px;font-family:inherit;font-size:.95rem;font-weight:650}.sort-select select:hover{border-color:var(--c-text)}.sort-select select:focus-visible{outline:2px solid var(--c-text);outline-offset:2px}.sort-select option{background:var(--c-bg);color:var(--c-text);font-weight:650}.listing .search-box{margin-bottom:18px}.pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:28px;display:flex}.pagination button{border:1px solid var(--c-border);background:#ffffff80;border-radius:10px;min-width:42px;height:42px;padding:0 12px;font-weight:650}.pagination button.is-active{background:var(--c-surface);color:#fff;border-color:var(--c-surface)}.pagination-gap{align-self:center;padding:0 4px}.game-head{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.game-head h1{align-items:center;gap:10px;margin-bottom:2px;display:flex}.game-sub{color:var(--c-muted);margin:0}.game-sub a{font-weight:650;text-decoration:none}.fav-inline{color:var(--c-text);background:0 0;border:0;place-items:center;padding:4px;display:grid}.game-info{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:32px;margin:28px 0 32px;display:grid}.game-about p{max-width:72ch;margin:0 0 12px}.game-facts{border-left:1px solid var(--c-border);margin:0;padding-left:24px}.game-facts div{border-bottom:1px solid var(--c-border);justify-content:space-between;gap:12px;padding:9px 0;font-size:.95rem;display:flex}.game-facts dt{color:var(--c-muted)}.game-facts dd{text-align:right;margin:0;font-weight:650}.game-facts a{text-decoration:none}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:#1c3c4614;border-radius:999px;padding:4px 10px;font-size:.85rem;text-decoration:none}.player{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--c-text-on-surface);overflow:hidden}.player-stage{aspect-ratio:var(--player-ratio,16/9);background:#000;position:relative}.player-frame{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.player-poster,.player-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player-poster-overlay{text-align:center;background:linear-gradient(#0a121600 35%,#0a1216c7 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:24px 16px 32px;display:flex;position:absolute;inset:0}.btn-play{border-radius:12px;min-height:56px;padding:0 34px;font-size:1.15rem}.player-note{text-shadow:0 1px 2px #0009;margin:0;font-size:.92rem}.player-loading{text-align:center;background:#0a1216d9;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.player-loading .spinner-dot{border-color:#fff3;border-top-color:var(--c-accent)}.player-loading p{margin:0}.player-bar{background:var(--c-surface);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.player-title{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.player-ctl{min-height:40px;color:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:.92rem;font-weight:650;display:inline-flex}.player-ctl:hover:not(:disabled){background:var(--c-surface-alt)}.player-unavailable{text-align:center;padding:48px 16px}.player.is-fullscreen{border-radius:0;flex-direction:column;width:100%;height:100%;display:flex}.player.is-fullscreen .player-stage{aspect-ratio:auto;flex:1}.player.is-pseudo-fullscreen{z-index:300;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.ad-slot{position:relative}.ad-inline{flex-direction:column;align-items:center;margin:14px auto;display:flex}.ad-frame{width:100%}.ad-img{object-fit:contain;border-radius:var(--radius-sm);width:100%;height:100%}.ad-form{margin:0;display:contents}.ad-btn,.ad-link{background:0 0;border:0;width:100%;padding:0;display:block}.ad-close{color:#fff;background:#142128d9;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:4px;right:4px}.ad-sticky{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:40;width:min(calc(100vw - 16px), var(--ad-w,728px));background:var(--c-surface);box-shadow:var(--shadow);border-radius:10px;padding:4px 4px 6px;position:fixed;transform:translate(-50%)}.ad-sticky.ad-place-top{top:calc(var(--header-h) + 8px);bottom:auto}.ad-sticky .ad-img{max-height:var(--ad-h,90px)}.ad-inline.ad-full{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.ad-inline.ad-full .ad-img{border-radius:0}@media (max-width:767px){.ad-inline.ad-full-mobile{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.ad-inline.ad-full-mobile .ad-frame{max-width:none!important}.ad-inline.ad-full-mobile .ad-img{border-radius:0}.ad-sticky.ad-full-mobile{width:100%;padding:4px 0 calc(4px + env(safe-area-inset-bottom));border-radius:0;bottom:0;left:0;right:0;transform:none}.ad-sticky.ad-full-mobile .ad-img{object-fit:cover;border-radius:0;width:100%}}.ad-sticky.ad-full{width:100%;padding:4px 0 calc(4px + env(safe-area-inset-bottom));border-radius:0;bottom:0;left:0;right:0;transform:none}.ad-sticky.ad-full .ad-img{max-height:var(--ad-h,90px);object-fit:cover;border-radius:0;width:100%}.ad-fixed{z-index:30;width:var(--ad-w,160px);display:none;position:fixed;top:50%;transform:translateY(-50%)}.ad-fixed.ad-place-left{left:12px}.ad-fixed.ad-place-right{right:12px}@media (min-width:1600px){.ad-fixed{display:block}}.ad-overlay{z-index:200;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ad-overlay-backdrop{background:#0a1216b8;position:absolute;inset:0}.ad-overlay-box{background:var(--c-surface);border-radius:var(--radius);max-width:min(600px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);padding:8px;position:relative}.ad-overlay-box .ad-img{max-height:calc(100dvh - 90px)}.ad-overlay-interstitial .ad-overlay-box{max-width:min(960px,100%)}.ad-close-overlay{background:var(--c-accent);width:36px;height:36px;color:var(--c-accent-text);top:-12px;right:-12px}.prose{max-width:78ch}.prose h2{margin-top:1.4em}.prose a{font-weight:650}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{border:1px solid var(--c-border);padding:6px 10px}.promo-form{margin:0;display:inline-block}.home-text{margin:16px 0}.auth-page{place-items:center;display:grid}.auth-card,.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:28px}.auth-card{width:100%;max-width:440px}.auth-note{color:var(--c-muted);font-size:.88rem}.auth-footer{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;font-size:.92rem;display:flex}.form{gap:14px;display:grid}.form label{gap:6px;font-size:.92rem;font-weight:600;display:grid}.form input,.form select,.form textarea{background:#fff;border:1px solid #b7cbc0;border-radius:10px;padding:11px 12px;font-weight:400}.form-error{color:var(--c-danger);margin:0}.form-success{color:var(--c-success);margin:0}.form-actions{gap:10px;display:flex}.profile-grid{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:28px;display:grid}.not-found{text-align:center}.not-found .search-box{margin:20px auto}.site-footer{border-top:1px solid var(--c-border);margin-top:20px;padding:22px 0 18px}.footer-inner{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.site-footer .logo img{height:34px}.footer-links{flex-wrap:wrap;gap:6px 18px;font-size:.88rem;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.social-links{gap:8px;margin-left:auto;display:flex}.social-links a{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.social-links a:hover{background:#1c3c4614}.footer-note{color:var(--c-muted);margin-top:12px;font-size:.8rem}.consent{left:16px;bottom:calc(16px + var(--sticky-offset));z-index:60;background:var(--c-surface);max-width:420px;color:var(--c-text-on-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:fixed}.consent p{margin:0 0 12px;font-size:.92rem}.consent-actions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:1100px){.game-grid,.game-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-collage{display:none}.game-info,.profile-grid{grid-template-columns:1fr}.game-facts{border-left:0;padding-left:0}.menu-toggle{display:grid}.main-nav{background:var(--c-bg);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.main-nav.is-open{display:flex}.nav-sep{display:none}.nav-link{padding:12px}.mobile-only{display:inline}.dropdown-menu{box-shadow:none;margin-top:4px;position:static}.main-nav .btn{margin-top:6px}}@media (max-width:767px){:root{--header-h:60px}.logo img{height:34px}.page{padding-top:16px}.game-grid,.game-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-row{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding-bottom:6px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.game-row .game-card{scroll-snap-align:start;flex:0 0 62%}.game-card-body{padding:8px 40px 10px 10px}.cat-pill{flex:none;min-height:44px;padding:0 14px}.player{border-radius:0;margin:0 -16px}.player-stage{aspect-ratio:auto;height:min(76svh,640px)}.player.is-fullscreen .player-stage,.player.is-pseudo-fullscreen .player-stage{height:auto}.player-ctl span{display:none}.player-ctl{justify-content:center;min-width:44px;min-height:44px}.listing-tools{flex-wrap:wrap}.social-links{margin-left:0}.consent{max-width:none;left:8px;right:8px}.auth-card,.card{padding:20px}}.advertising-slot:empty{display:none}.ad-revive{max-width:100%;overflow:hidden}.ad-revive .revive-box{max-width:min(100%, var(--ad-w,100%));justify-content:center;display:flex}.ad-revive .revive-box img,.ad-revive .revive-box iframe{max-width:100%;height:auto}.ad-revive-empty{display:none}.ad-revive-popup.is-pending{visibility:hidden;pointer-events:none}.ad-revive-popup .revive-box{max-width:min(100%, var(--ad-w,600px));overflow:auto}.ad-revive-popup .revive-box img{max-width:100%;height:auto;max-height:calc(100dvh - 90px)}.ads-debug .advertising-slot,.ads-debug .advertising-slot:empty{outline-offset:2px;background:#d0367a0f;outline:2px dashed #d0367a;min-height:34px;margin:8px 0;display:block;position:relative}.ads-debug .advertising-slot:before{content:attr(data-ad-slot) " · #" attr(id) " · " attr(data-ad-source) " · " attr(data-ad-size);z-index:5;color:#fff;background:#d0367a;padding:2px 6px;font:600 11px/1.4 ui-monospace,monospace;position:absolute;top:0;left:0}.ads-debug .ad-revive-empty{display:block}