*,:before,:after{box-sizing:border-box}:root{--bg:#f6f7fb;--surface:#fff;--surface-soft:#eef3f6;--surface-deep:#101829;--ink:#101423;--ink-soft:#3e4759;--muted:#667085;--line:#d9e0ea;--line-strong:#bac6d6;--aqua:#25b8b0;--aqua-dark:#0f8f89;--coral:#ed6f59;--lemon:#f0c857;--violet:#7357d5;--shadow-sm:0 10px 28px #10182914;--shadow-md:0 20px 55px #10182924;--radius:8px;--container:1220px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #25b8b017, transparent 420px), radial-gradient(circle at 12% 8%, #f0c8572e, transparent 260px), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}main{flex:1}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:min(var(--container), calc(100% - 40px));margin:0 auto}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7fbe0;border-bottom:1px solid #d9e0ead1;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:22px;min-height:72px;display:flex}.brand-link{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{border-radius:var(--radius);background:var(--surface-deep);color:#fff;letter-spacing:0;place-items:center;width:42px;height:42px;font-size:.83rem;font-weight:900;display:grid;box-shadow:inset 0 -4px #25b8b073}.brand-name{color:var(--ink);letter-spacing:0;white-space:nowrap;font-size:1.05rem;font-weight:900}.header-nav{align-items:center;display:flex}.nav-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:40px;color:var(--ink-soft);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0 18px;font-size:.9rem;font-weight:800;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}.nav-link:hover,.nav-link.router-link-active{color:var(--aqua-dark);border-color:#25b8b08c;transform:translateY(-1px)}.section{padding:72px 0}.surface-section{background:linear-gradient(#eef3f6eb,#f6f7fbd1);border-top:1px solid #d9e0eab8;border-bottom:1px solid #d9e0eab8}.section-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-header.compact{margin-bottom:18px}.section-header h2,.module-heading h2,.spotlight-panel h2,.detail-card h1,.page-hero h1,.empty-page h1,.content-panel h2,.about-card h2,.contact-card h2,.compliance-content h2,.related-panel h2{color:var(--ink);letter-spacing:0;font-weight:900;line-height:1.08}.section-header h2,.module-heading h2{font-size:clamp(1.65rem,3vw,2.55rem)}.eyebrow{color:var(--aqua-dark);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:900}.text-link{color:var(--ink);border-bottom:2px solid var(--aqua);white-space:nowrap;font-size:.94rem;font-weight:850;transition:color .18s,border-color .18s}.text-link:hover{color:var(--aqua-dark);border-color:var(--coral)}.button{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:.9rem;font-weight:900;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.button.primary{background:var(--aqua);color:#052927;border:1px solid #0f8f8959;box-shadow:0 12px 28px #25b8b038}.button.primary:hover{background:var(--lemon);transform:translateY(-1px)}.button.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.button.ghost:hover{border-color:var(--aqua);color:var(--aqua-dark);transform:translateY(-1px)}.button.light{color:#fff;background:#ffffff14;border-color:#ffffff3d}.home-hero{padding:72px 0 38px}.home-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:stretch;gap:28px;display:grid}.hero-copy{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #fffffff5, #eef3f6eb), var(--surface);box-shadow:var(--shadow-sm);padding:clamp(28px,5vw,56px)}.hero-copy h1{max-width:790px;color:var(--ink);letter-spacing:0;font-size:clamp(2.2rem,6vw,5.4rem);font-weight:950;line-height:.98}.hero-text{max-width:640px;color:var(--ink-soft);margin-top:22px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.hero-search,.page-search{border:1px solid var(--line);border-radius:var(--radius);max-width:690px;box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:30px;padding:10px;display:grid}.hero-search svg,.page-search svg{color:var(--muted);margin-left:8px}.hero-search input,.page-search input{width:100%;min-width:0;color:var(--ink);border:0;outline:0;font-size:.98rem}.hero-stats{gap:14px;display:grid}.hero-stats div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-deep);color:#fff;min-height:120px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.hero-stats span{color:var(--lemon);font-size:clamp(1.75rem,4vw,2.6rem);font-weight:950;line-height:1}.hero-stats strong{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:900}.banner-module{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:34px}.module-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.banner-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:132px;gap:14px;display:grid}.banner-tile{border-radius:var(--radius);background:var(--surface-deep);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.banner-tile img{object-fit:cover;width:100%;height:100%;transition:transform .32s}.banner-tile:hover img{transform:scale(1.05)}.tile-hero{grid-area:span 3/span 3}.tile-standard{grid-area:span 1/span 1}.tile-content{color:#fff;gap:6px;padding:16px;display:grid;position:absolute;inset:auto 0 0}.tile-meta,.ranking-category,.related-item small{color:var(--lemon);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.tile-title{font-size:clamp(.95rem,2vw,1.35rem);font-weight:950;line-height:1.12}.category-grid,.category-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.category-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:190px;box-shadow:var(--shadow-sm);gap:18px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.category-panel:hover{box-shadow:var(--shadow-md);border-color:#25b8b094;transform:translateY(-3px)}.category-panel-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-label{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:850;display:block}.panel-name{color:var(--ink);font-size:1.16rem;font-weight:950;display:block}.panel-count{color:var(--aqua-dark);white-space:nowrap;flex:none;font-size:.78rem;font-weight:900}.panel-thumbs{grid-template-rows:1fr 1fr;grid-template-columns:1.3fr .9fr;gap:8px;min-height:92px;display:grid}.panel-thumbs img{object-fit:cover;background:var(--surface-soft);border-radius:6px;width:100%;height:100%;min-height:0}.panel-thumbs img:first-child{grid-row:span 2}.featured-row,.games-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.featured-row .game-card,.games-grid .game-card{grid-column:span 2}.game-card:hover{box-shadow:var(--shadow-md);border-color:#25b8b08c;transform:translateY(-4px)}.game-image-wrap{background:var(--surface-soft);display:block;position:relative;overflow:hidden}.game-image-wrap img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .26s}.game-card:hover .game-image-wrap img{transform:scale(1.04)}.game-category{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#101829d1;border-radius:6px;max-width:calc(100% - 20px);padding:5px 8px;font-size:.7rem;font-weight:850;position:absolute;bottom:10px;left:10px;overflow:hidden}.game-card-body{gap:8px;padding:15px;display:grid}.game-title{color:var(--ink);font-size:1rem;font-weight:950;line-height:1.28}.game-description{color:var(--muted);font-size:.88rem;line-height:1.5}.editorial-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:30px;display:grid}.ranking-list{gap:10px;display:grid}.ranking-item{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:52px 92px minmax(0,1fr);align-items:center;gap:14px;padding:12px;transition:transform .18s,border-color .18s;display:grid}.ranking-item:hover{border-color:#ed6f598c;transform:translate(3px)}.rank-number{color:var(--coral);font-size:1.35rem;font-weight:950;line-height:1}.ranking-item img{object-fit:cover;border-radius:6px;width:92px;height:68px}.ranking-item strong{color:var(--ink);margin-top:3px;font-size:.96rem;line-height:1.25;display:block}.spotlight-panel,.detail-card,.related-panel,.contact-card,.contact-form,.about-card,.content-panel,.compliance-content{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff}.spotlight-panel{gap:16px;padding:18px;display:grid;position:sticky;top:96px}.spotlight-panel img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.spotlight-panel h2{font-size:1.45rem}.spotlight-panel p{color:var(--ink-soft);line-height:1.65}.page-hero{background:linear-gradient(135deg, #101829f5, #142d40f5), var(--surface-deep);color:#fff;padding:70px 0 56px}.page-hero-inner{text-align:center;max-width:820px;margin-inline:auto}.page-hero h1{color:#fff;font-size:clamp(2.1rem,5vw,4rem)}.page-hero p:not(.eyebrow){color:#ffffffbf;margin-top:16px;font-size:1.06rem;line-height:1.75}.page-search{text-align:left;margin-left:auto;margin-right:auto}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.filter-bar button{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--ink-soft);background:#fff;padding:0 15px;font-size:.86rem;font-weight:850;transition:background .18s,border-color .18s,color .18s}.filter-bar button:hover,.filter-bar button.active{border-color:var(--aqua);background:var(--aqua);color:#052927}.category-overview{margin-bottom:34px}.category-games{margin-top:22px}.empty-state,.form-note{color:var(--muted);margin-top:22px;line-height:1.6}.player-section{background:var(--surface-deep);padding:20px 0 34px}.player-section.fullscreen{z-index:300;align-items:stretch;padding:0;display:flex;position:fixed;inset:0}.player-section.fullscreen .container{flex-direction:column;width:100%;max-width:none;padding:0;display:flex}.player-topbar{justify-content:space-between;align-items:center;gap:18px;padding:10px 0 16px;display:flex}.fullscreen .player-topbar{padding:12px 18px}.breadcrumb{color:#ffffff94;align-items:center;gap:8px;min-width:0;font-size:.84rem;display:flex}.breadcrumb a{color:#ffffffc2}.breadcrumb span:last-child{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-frame-shell{border-radius:var(--radius);background:#05070d;border:1px solid #ffffff24;overflow:hidden;box-shadow:0 25px 70px #00000052}.fullscreen .game-frame-shell{border:0;border-radius:0;flex:1}.game-frame-shell iframe,.play-cover{background:#05070d;width:100%;height:min(68vh,720px);min-height:420px;display:block}.fullscreen .game-frame-shell iframe,.fullscreen .play-cover{height:100%;min-height:0}.play-cover{color:#fff;padding:0;position:relative;overflow:hidden}.play-cover img{object-fit:cover;opacity:.72;width:100%;height:100%;transition:transform .3s}.play-cover:hover img{transform:scale(1.04)}.play-cover-overlay{letter-spacing:.12em;text-transform:uppercase;background:#05070d5c;align-content:center;place-items:center;gap:14px;font-size:.95rem;font-weight:950;display:grid;position:absolute;inset:0}.play-icon{background:var(--aqua);color:#052927;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;box-shadow:0 18px 44px #25b8b05c}.detail-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;display:grid}.detail-card{padding:clamp(22px,4vw,38px)}.detail-card h1{font-size:clamp(2rem,4.4vw,4rem)}.detail-tags,.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.detail-tags span,.tag-list span{background:var(--surface-soft);color:var(--ink-soft);border-radius:6px;padding:6px 10px;font-size:.78rem;font-weight:850}.detail-block{border-top:1px solid var(--line);margin-top:32px;padding-top:26px}.detail-block h2{color:var(--ink);margin-bottom:12px;font-size:1.18rem;font-weight:950}.detail-block p{color:var(--ink-soft);line-height:1.8}.related-panel{gap:12px;padding:18px;display:grid}.related-panel h2{margin-bottom:4px;font-size:1.16rem}.related-item{border:1px solid var(--line);border-radius:6px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;padding:10px;transition:border-color .18s,transform .18s;display:grid}.related-item:hover{border-color:var(--aqua);transform:translate(2px)}.related-item img{object-fit:cover;border-radius:5px;width:82px;height:62px}.related-item strong{color:var(--ink);text-overflow:ellipsis;margin-top:3px;font-size:.9rem;line-height:1.25;display:block;overflow:hidden}.contact-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.contact-form{gap:18px;padding:clamp(20px,4vw,34px);display:grid}.contact-form label{color:var(--ink);gap:8px;font-size:.9rem;font-weight:850;display:grid}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;outline:0;padding:12px 13px;transition:border-color .18s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--aqua)}.contact-card{gap:16px;padding:24px;display:grid}.contact-card h2{font-size:1.35rem}.contact-card p{color:var(--ink-soft);line-height:1.7}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.about-card{padding:24px}.about-card h2{margin-bottom:12px;font-size:1.32rem}.about-card p,.content-panel p{color:var(--ink-soft);line-height:1.75}.content-panel{max-width:850px;padding:clamp(22px,4vw,38px)}.content-panel h2{margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.35rem)}.compliance-content{max-width:910px;padding:clamp(22px,4vw,42px)}.compliance-content section+section{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.compliance-content h2{margin-bottom:12px;font-size:1.25rem}.compliance-content p{color:var(--ink-soft);line-height:1.82}.compliance-content p+p{margin-top:12px}.empty-page{border:1px solid var(--line);border-radius:var(--radius);max-width:620px;box-shadow:var(--shadow-sm);background:#fff;justify-items:start;gap:16px;padding:40px;display:grid}.site-footer{background:var(--surface-deep);color:#ffffffbd}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding:50px 0 34px;display:grid}.footer-logo{color:#fff;margin-bottom:12px;font-size:1.22rem;font-weight:950;display:inline-block}.footer-brand p{max-width:360px;line-height:1.7}.footer-column{align-content:start;gap:9px;display:grid}.footer-column h2{color:#fff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.8rem;font-weight:950}.footer-column a{color:#ffffffb8;font-size:.9rem;transition:color .18s}.footer-column a:hover{color:var(--lemon)}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;padding:18px 0;font-size:.82rem;display:flex}.cookie-consent{z-index:250;border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100% - 36px);box-shadow:var(--shadow-md);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;position:fixed;bottom:18px;right:18px}.cookie-consent h2{color:var(--ink);margin-bottom:6px;font-size:1rem;font-weight:950}.cookie-consent p{color:var(--ink-soft);font-size:.88rem;line-height:1.55}.cookie-actions{gap:10px;display:flex}@media (width<=1120px){.featured-row,.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-row .game-card,.games-grid .game-card{grid-column:span 2}.category-grid,.category-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-hero{grid-area:span 2/span 4}.tile-wide{grid-column:span 2}.tile-tall,.tile-standard{grid-area:span 1/span 2}.editorial-layout,.detail-layout,.contact-layout{grid-template-columns:1fr}.spotlight-panel{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.container{width:min(100% - 28px, var(--container))}.header-inner{min-height:64px}.brand-mark{width:38px;height:38px}.brand-name{font-size:.95rem}.nav-link{min-height:38px;padding:0 12px;font-size:.82rem}.section{padding:48px 0}.home-hero{padding:46px 0 24px}.home-hero-grid,.hero-stats{grid-template-columns:1fr}.hero-copy{padding:24px}.hero-search,.page-search{grid-template-columns:auto minmax(0,1fr)}.hero-search .button,.page-search .button{grid-column:1/-1;width:100%}.hero-stats{display:grid}.hero-stats div{min-height:94px}.banner-module{padding:18px}.module-heading,.section-header{flex-direction:column;align-items:start;gap:10px}.banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:126px}.tile-hero,.tile-wide,.tile-tall,.tile-standard{grid-area:span 1/span 2}.tile-copy{display:none}.category-grid,.category-overview,.featured-row,.games-grid,.about-grid{grid-template-columns:1fr}.featured-row .game-card,.games-grid .game-card{grid-column:span 1}.ranking-item{grid-template-columns:38px 78px minmax(0,1fr);gap:10px}.ranking-item img{width:78px;height:58px}.player-topbar{flex-direction:column;align-items:start}.breadcrumb{width:100%}.game-frame-shell iframe,.play-cover{height:58vh;min-height:280px}.detail-layout,.contact-layout{gap:18px}.filter-bar{flex-wrap:nowrap;margin-inline:-14px;padding:0 14px 4px;overflow-x:auto}.filter-bar button{flex:none}.footer-grid{text-align:center;grid-template-columns:1fr;justify-items:center;padding:36px 0 28px}.footer-brand p{max-width:360px}.footer-column{justify-items:center}.footer-bottom{text-align:center;flex-direction:column;align-items:center}.cookie-consent{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.cookie-actions .button{width:100%}}@media (width<=460px){.brand-name{display:none}.header-inner{gap:12px}.nav-link{font-size:.78rem}.home-hero .eyebrow,.page-hero .eyebrow{font-size:.68rem}.hero-copy h1{font-size:2.05rem}.page-hero{padding:50px 0 42px}.banner-grid{grid-auto-rows:118px}.tile-content{padding:13px}.tile-title{font-size:1rem}.related-item{grid-template-columns:70px minmax(0,1fr)}.related-item img{width:70px;height:54px}}:root{--bg:#f4efe7;--surface:#fffaf1;--surface-soft:#eee5d8;--surface-deep:#15110d;--ink:#17120d;--ink-soft:#493f35;--muted:#817468;--line:#d6cabd;--line-strong:#17120d;--aqua:#c94232;--aqua-dark:#b63328;--coral:#c94232;--lemon:#d6a92d;--violet:#6e604f;--red:#c94232;--red-dark:#a92e24;--cream:#f4efe7;--cream-light:#fffaf1;--shadow-sm:0 8px 22px #17120d14;--shadow-md:0 16px 42px #17120d29;--radius:4px}body{background:linear-gradient(180deg, #fffaf1e0, #f4efe7fa 360px), repeating-linear-gradient(90deg, #17120d06 0 1px, transparent 1px 96px), var(--bg);color:var(--ink)}.container{width:min(1240px,100% - 40px)}.topbar{background:var(--ink);color:#fffaf1b8}.topbar-inner{justify-content:space-between;align-items:center;height:34px;display:flex}.topbar-left,.topbar-right{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:.66rem;font-weight:800;display:flex}.topbar-right a{transition:color .18s}.topbar-right a:hover{color:var(--cream-light)}.tb-sep{opacity:.38}.site-header{z-index:120;background:var(--cream-light);border-bottom:3px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0}.header-inner{align-items:center;gap:0;min-height:68px;display:flex}.logo{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:none;margin-right:38px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:950;line-height:1}.logo span{color:var(--red)}.main-nav{flex:1;align-self:stretch;min-width:0;display:flex}.nav-link{min-height:68px;box-shadow:none;color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;justify-content:center;align-items:center;margin-bottom:-3px;padding:0 15px;font-size:.78rem;font-weight:850;transition:color .18s,border-color .18s,background .18s;display:flex}.nav-link:hover,.nav-link.router-link-active{border-bottom-color:var(--red);color:var(--red);transform:none}.nav-all{color:var(--red);margin-left:auto;font-weight:950}.search-toggle{width:44px;height:44px;color:var(--ink);background:0 0;flex:none;place-items:center;margin-left:14px;transition:color .18s,transform .18s;display:grid}.search-toggle:hover{color:var(--red);transform:translateY(-1px)}.burger{background:0 0;flex-direction:column;flex:none;justify-content:center;gap:5px;width:38px;height:38px;margin-right:16px;padding:0;display:none}.burger span{background:var(--ink);width:23px;height:2px;display:block}.search-bar-wrap{background:var(--surface-soft);border-top:1px solid var(--line);border-bottom:2px solid var(--ink);padding:14px 0}.search-bar-inner{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.search-bar-inner svg{color:var(--muted)}.search-bar-inner input{border:2px solid var(--ink);background:var(--cream-light);width:100%;min-width:0;color:var(--ink);outline:none;padding:11px 14px}.btn-solid,.btn-red{border:2px solid var(--ink);background:var(--ink);min-height:42px;color:var(--cream-light);letter-spacing:.12em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;padding:0 20px;font-size:.76rem;font-weight:950;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.search-close{width:40px;height:40px;color:var(--muted);background:0 0;place-items:center;display:grid}.search-close:hover{color:var(--ink)}.search-drop-enter-active,.search-drop-leave-active,.slide-down-enter-active,.slide-down-leave-active{transition:opacity .2s,transform .2s}.search-drop-enter-from,.search-drop-leave-to,.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-8px)}.mobile-menu{z-index:121;border-bottom:2px solid var(--ink);background:var(--surface);max-height:calc(100vh - 68px);box-shadow:var(--shadow-md);position:fixed;top:68px;left:0;right:0;overflow-y:auto}.mobile-nav{flex-direction:column;display:flex}.m-link{border-bottom:1px solid var(--line);color:var(--ink);padding:15px 24px;font-size:.94rem;font-weight:850}.m-link:hover,.m-featured{color:var(--red);background:var(--surface-soft)}.hero-banner{grid-template-columns:330px minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.hero-banner-copy{border:3px solid var(--ink);background:var(--red);color:#fff;min-height:500px;box-shadow:10px 10px 0 var(--ink);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.hero-banner-copy .section-kicker{color:#ffffffbd}.hero-banner-copy h1{color:#fff;letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.35rem);font-weight:950;line-height:.95}.hero-banner-copy p:last-child{color:#ffffffd1;font-size:.95rem;line-height:1.7}.hero-banner-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:118px;gap:12px;display:grid}.hero-tile{border:2px solid var(--ink);background:var(--ink);color:#fff;display:block;position:relative;overflow:hidden;box-shadow:4px 4px #17120d29}.hero-tile img{object-fit:cover;width:100%;height:100%;transition:transform .34s}.hero-tile:hover img{transform:scale(1.05)}.tile-shade{background:linear-gradient(#17120d0f 15%,#17120dd6 100%),linear-gradient(90deg,#17120d7a,#0000 58%);position:absolute;inset:0}.tile-content{gap:6px;padding:16px;display:grid;position:absolute;inset:auto 0 0}.tile-meta,.hot-feature-body p,.hot-list-item small,.hot-mini-card small,.chart-row small,.daily-card small{color:var(--lemon);letter-spacing:.16em;text-transform:uppercase;font-size:.63rem;font-weight:950}.tile-title{color:#fff;font-size:clamp(.9rem,1.8vw,1.5rem);font-weight:950;line-height:1.08}.tile-main .tile-title{font-size:clamp(1.65rem,3vw,2.5rem)}.tile-copy{color:#ffffffd1;max-width:520px;font-size:.9rem;line-height:1.55}.home-section{background:var(--bg)}.section-white{background:var(--cream-light);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;padding-bottom:14px;display:flex}.section-head h2{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:950;line-height:1}.section-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:.68rem;font-weight:950}.view-all{color:var(--red);letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--red);white-space:nowrap;font-size:.74rem;font-weight:950}.view-all:hover{color:var(--ink);border-color:var(--ink)}.hot-grid{border:2px solid var(--ink);background:var(--cream-light);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr) minmax(300px,.8fr);display:grid;box-shadow:8px 8px #17120d1a}.hot-feature{border-right:2px solid var(--ink);min-width:0;color:var(--ink);flex-direction:column;display:flex}.hot-feature-image{border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.hot-feature-image img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .28s}.hot-feature:hover .hot-feature-image img,.hot-mini-card:hover img,.game-card:hover .game-image-wrap img{transform:scale(1.04)}.badge.hot{background:var(--red);color:#fff;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;font-size:.62rem;font-weight:950;position:absolute;top:12px;left:12px}.hot-feature-body{flex-direction:column;flex:1;padding:18px;display:flex}.hot-feature-body h3{color:var(--ink);margin:6px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;line-height:1.12}.hot-feature-body span{color:var(--ink-soft);font-size:.88rem;line-height:1.65}.hot-feature-body strong{color:var(--red);letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;margin-top:auto;padding-top:16px;font-size:.74rem;font-weight:950}.hot-list{border-right:2px solid var(--ink);flex-direction:column;display:flex}.hot-list-item{border-bottom:1px solid var(--line);min-height:96px;color:var(--ink);flex:1;grid-template-columns:36px 74px minmax(0,1fr);align-items:center;gap:12px;padding:12px;transition:background .18s;display:grid}.hot-list-item:last-child{border-bottom:0}.hot-list-item:hover{background:var(--surface-soft)}.hot-rank{color:var(--line);font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:950;line-height:1}.hot-list-item img{object-fit:cover;width:74px;height:56px}.hot-list-item strong,.hot-mini-card strong{color:var(--ink);margin-top:4px;font-size:.88rem;line-height:1.22;display:block}.hot-mini-grid{grid-template-columns:1fr 1fr;display:grid}.hot-mini-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:50%;color:var(--ink);display:grid}.hot-mini-card:nth-child(2n){border-right:0}.hot-mini-card:nth-last-child(-n+2){border-bottom:0}.hot-mini-card img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .28s}.hot-mini-card span{padding:10px}.category-band{background:var(--ink);color:var(--cream-light);border-top:3px solid var(--red);border-bottom:3px solid var(--red)}.category-band-inner{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:28px;padding:34px 0;display:grid}.category-band-title p{color:#fffaf185;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:950}.category-band-title h2{color:#fff;margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1}.category-band-list{flex-wrap:wrap;gap:0;display:flex}.category-band-list a{color:#fffaf1d1;border:1px solid #fffaf124;align-items:center;gap:8px;min-height:44px;margin:-1px 0 0 -1px;padding:0 18px;font-size:.84rem;font-weight:850;transition:background .18s,color .18s;display:inline-flex}.category-band-list span{color:#fffaf166;font-size:.68rem}.strip-grid,.games-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.strip-grid .game-card,.games-grid .game-card{grid-column:span 2}.game-card{border:1px solid var(--line);background:var(--cream-light);box-shadow:none;border-radius:0;overflow:hidden}.game-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:6px 6px #17120d1f}.game-image-wrap{background:var(--surface-soft)}.game-image-wrap img{aspect-ratio:4/3}.game-category{background:var(--red);letter-spacing:.1em;text-transform:uppercase;border-radius:0;font-size:.62rem;font-weight:950}.game-card-body{padding:13px 14px 16px}.game-title{color:var(--ink);font-size:.94rem;font-weight:900}.game-description{color:var(--muted);font-size:.8rem}.chart-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:34px;display:grid}.chart-board{border:2px solid var(--ink);background:var(--cream-light);grid-template-columns:1fr 1fr;display:grid}.chart-row{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:104px;color:var(--ink);grid-template-columns:46px 84px minmax(0,1fr);align-items:center;gap:12px;padding:13px;transition:background .18s;display:grid}.chart-row:nth-child(2n){border-right:0}.chart-row:hover{background:var(--surface-soft)}.chart-number{color:var(--line);font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:950;line-height:1}.chart-number.silver{color:#a4a7a9}.chart-number.bronze{color:#bd7a4a}.chart-row img{object-fit:cover;width:84px;height:64px}.chart-info{min-width:0}.chart-info strong{color:var(--ink);margin:3px 0;font-size:.9rem;line-height:1.2;display:block}.chart-info em{color:var(--muted);font-size:.76rem;font-style:normal;line-height:1.45;display:block}.daily-card{border:2px solid var(--ink);background:var(--cream-light);position:sticky;top:112px;box-shadow:8px 8px #17120d1a}.daily-card>.section-kicker{padding:16px 16px 0}.daily-card img{aspect-ratio:4/3;object-fit:cover;width:calc(100% - 32px);margin:12px 16px 0}.daily-card div{gap:10px;padding:16px;display:grid}.daily-card h3{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.45rem;line-height:1.12}.daily-card p{color:var(--ink-soft);font-size:.88rem;line-height:1.6}@media (width<=1120px){.main-nav .nav-link:not(.nav-all){display:none}.hero-banner{grid-template-columns:1fr}.hero-banner-copy{gap:28px;min-height:auto}.hot-grid,.chart-layout{grid-template-columns:1fr}.hot-feature,.hot-list{border-right:0;border-bottom:2px solid var(--ink)}.chart-board{grid-template-columns:1fr}.chart-row{border-right:0}.daily-card{position:static}.strip-grid,.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.topbar{display:none}.site-header{top:0}.main-nav{display:none}.burger{display:flex}.header-inner{min-height:64px;position:relative}.logo{margin-right:0;font-size:1.18rem;position:absolute;left:50%;transform:translate(-50%)}.search-toggle{margin-left:auto}.home-banner-shell{padding:20px 0 44px}.hero-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:128px}.tile-main,.tile-wide,.tile-tall,.tile-small{grid-area:span 1/span 2}.tile-copy{display:none}.category-band-inner{grid-template-columns:1fr;gap:18px}.strip-grid,.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-grid .game-card,.games-grid .game-card{grid-column:span 1}.section-head{flex-direction:column;align-items:start;gap:10px}.search-bar-inner{grid-template-columns:auto minmax(0,1fr) auto}.search-bar-inner .btn-solid{grid-column:1/-1}.search-close{grid-area:1/3}}@media (width<=560px){.container{width:min(100% - 28px,1240px)}.logo{letter-spacing:.02em;text-overflow:ellipsis;max-width:calc(100% - 112px);font-size:1rem;overflow:hidden}.hero-banner-copy{box-shadow:6px 6px 0 var(--ink);padding:22px}.hero-banner-copy h1{font-size:2.25rem}.hero-banner-grid{grid-auto-rows:118px;gap:10px}.tile-content{padding:12px}.hot-list-item{grid-template-columns:34px 66px minmax(0,1fr)}.hot-list-item img{width:66px;height:50px}.hot-mini-grid{grid-template-columns:1fr}.hot-mini-card{border-right:0}.strip-grid,.games-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:38px 72px minmax(0,1fr);min-height:94px}.chart-row img{width:72px;height:54px}}:root{--bg:#eef2f5;--surface:#fff;--surface-soft:#e2e9ee;--surface-deep:#101820;--ink:#101820;--ink-soft:#34414d;--muted:#72808c;--line:#cbd5de;--line-strong:#101820;--aqua:#22b8a7;--aqua-dark:#0d8f82;--coral:#ff6b4a;--lemon:#ffc857;--violet:#5465ff;--red:#22b8a7;--red-dark:#0d8f82;--cream:#eef2f5;--cream-light:#fff;--shadow-sm:0 12px 30px #10182014;--shadow-md:0 20px 54px #10182029}body{background:linear-gradient(180deg, #f8fbfc 0, #eef2f5 440px), repeating-linear-gradient(90deg, #10182008 0 1px, transparent 1px 92px), var(--bg)}.topbar{color:#ffffffb3;background:#101820}.site-header{background:#fffffff0;border-bottom-color:#101820}.logo span,.nav-link:hover,.nav-link.router-link-active,.nav-all,.search-toggle:hover,.view-all,.hot-feature-body strong,.m-link:hover,.m-featured{color:var(--aqua-dark)}.nav-link:hover,.nav-link.router-link-active,.view-all{border-bottom-color:var(--aqua)}.search-bar-inner input:focus{border-color:var(--aqua)}.btn-solid:hover,.btn-red:hover{border-color:var(--aqua);background:var(--aqua);color:#062b27}.home-page{background:linear-gradient(180deg, #fff 0, #eef2f5 430px), var(--bg)}.hero-banner{display:block}.hero-banner-copy{display:none}.hero-banner-grid{grid-template-rows:repeat(4,118px);grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;display:grid}.hero-tile{background:#101820;border:2px solid #101820;box-shadow:5px 5px #10182029}.tile-main{grid-area:1/1/span 3/span 3}.tile-wide{grid-area:1/4/span 2/span 3}.tile-tall{grid-area:1/7/span 3/span 2}.tile-medium{grid-area:3/4/span 2/span 2}.tile-small{grid-area:auto/auto/span 1/span 1}.tile-small-1{grid-area:3/6/span 1/span 1}.tile-small-2{grid-area:4/6/span 1/span 1}.tile-small-3{grid-area:4/1/span 1/span 1}.tile-small-4{grid-area:4/2/span 1/span 2}.tile-small-4 .tile-title{font-size:clamp(.9rem,1.4vw,1.25rem)}.tile-shade{background:linear-gradient(#10182005 20%,#101820d6 100%),linear-gradient(90deg,#10182080,#0000 62%)}.tile-meta,.hot-feature-body p,.hot-list-item small,.hot-mini-card small,.chart-row small,.daily-card small{color:var(--lemon)}.category-band{border-top-color:var(--aqua);border-bottom-color:var(--aqua);background:#101820}.category-band-list a:hover{background:var(--aqua);color:#062b27}.badge.hot,.game-category{background:var(--aqua-dark)}.hot-grid,.chart-board,.daily-card{background:#fff;border-color:#101820}.section-white,.game-card{background:#fff}.game-card:hover{border-color:#101820;box-shadow:6px 6px #22b8a73d}.chart-number.gold{color:var(--lemon)}@media (width<=1120px){.hero-banner-grid{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:122px}.tile-main,.tile-wide{grid-area:span 2/span 2}.tile-tall,.tile-medium{grid-area:span 1/span 2}.tile-small,.tile-small-1,.tile-small-2,.tile-small-3,.tile-small-4{grid-area:span 1/span 1}.tile-small-4{grid-column:span 2}}@media (width<=820px){.hero-banner-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:128px}.tile-main,.tile-wide,.tile-tall,.tile-medium{grid-area:span 1/span 2}.tile-small,.tile-small-1,.tile-small-2,.tile-small-3,.tile-small-4{grid-area:span 1/span 1}}@media (width<=560px){.hero-banner-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:132px;gap:10px}.tile-main,.tile-wide,.tile-tall,.tile-medium,.tile-small{grid-area:span 1/span 1}}.cookie-consent{left:50%;right:auto;bottom:max(18px, env(safe-area-inset-bottom));width:min(780px,100% - 32px);transform:translate(-50%)}.cookie-consent p a{color:var(--aqua-dark);text-underline-offset:2px;font-weight:850;text-decoration:underline}.home-banner-shell{padding:28px 0 46px}.hero-banner-grid{grid-template-rows:repeat(4,122px);gap:12px}.tile-tall{grid-row:1/span 4}.hero-tile{min-width:0}.tile-content{gap:5px;min-width:0;padding:14px}.tile-title{overflow-wrap:anywhere}.tile-small .tile-content{padding:10px}.tile-small .tile-meta{letter-spacing:.12em;font-size:.54rem}.tile-small .tile-title{font-size:.82rem;line-height:1.14}.tile-medium .tile-title,.tile-small-4 .tile-title{font-size:clamp(.86rem,1.1vw,1.12rem)}.hot-mini-card span{min-width:0;padding:8px}.hot-mini-card small{letter-spacing:.12em;font-size:.55rem}.hot-mini-card strong{overflow-wrap:anywhere;font-size:.78rem;line-height:1.18}.game-card-body{gap:7px;min-width:0}.game-title{overflow-wrap:anywhere;font-size:.88rem;line-height:1.24}.game-description{font-size:.76rem;line-height:1.45}.about-card-wide{grid-column:1/-1}@media (width<=1120px){.tile-tall{grid-row:span 1}}@media (width<=760px){.cookie-consent{bottom:max(14px, env(safe-area-inset-bottom));width:min(560px,100% - 28px)}}