:root{--bg:#eef2f7;--surface:#fff;--surface-soft:#f8fafc;--ink:#20242b;--ink-soft:#4f5967;--muted:#8a94a3;--line:#e7ebf0;--line-strong:#d9e0e8;--green:#00876c;--green-dark:#006b56;--orange:#ff7a1a;--blue:#2f6df6;--red:#f2524c;--shadow:0 12px 26px #222a3717;--small-shadow:0 4px 12px #222a3714;--radius:8px;--max:1168px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.app-shell{min-height:100svh}.page-shell{width:min(var(--max), calc(100% - 32px));margin-left:auto;margin-right:auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;position:sticky;top:0;box-shadow:0 4px 18px #222a370d}.topbar{width:min(var(--max), calc(100% - 32px));grid-template-columns:180px minmax(240px,480px) minmax(320px,1fr);align-items:center;gap:20px;min-height:56px;margin:0 auto;display:grid;position:relative}.brand{width:fit-content;color:var(--ink);letter-spacing:0;align-items:center;gap:11px;font-size:24px;font-weight:850;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.search-box{color:#647083;background:#f0f2f4;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 14px 0 18px;display:flex;position:relative}.search-box:focus-within{background:#fff;border-color:#00876c4d;box-shadow:0 0 0 4px #00876c14}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.search-box input::placeholder{color:#939ca9}.icon-button{width:38px;height:38px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-button:hover{background:#20242b12}.clear-search{flex:none;width:30px;height:30px}.search-results{z-index:60;border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 18px 42px #222a372e}.search-results a{border-radius:var(--radius);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:7px;display:grid}.search-results a:hover{background:var(--surface-soft)}.search-results img{border-radius:var(--radius);object-fit:cover;width:54px;height:42px}.search-results span,.side-game-card span,.compact-card span{gap:3px;min-width:0;display:grid}.search-results strong,.side-game-card strong,.compact-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.search-results small,.side-game-card small,.compact-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.desktop-nav{justify-self:end;align-items:center;gap:2px;height:56px;display:flex}.desktop-nav>a,.category-menu>button{color:#4d5562;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:6px;height:56px;padding:0 20px;font-size:14px;font-weight:760;display:inline-flex}.desktop-nav>a:hover,.category-menu>button:hover,.desktop-nav>a.active,.category-menu.active>button{border-bottom-color:var(--green);color:var(--green-dark)}.category-menu{position:relative}.category-dropdown{z-index:70;border:1px solid var(--line);border-radius:var(--radius);opacity:0;visibility:hidden;background:#fff;grid-template-columns:1fr 1fr;gap:8px;width:330px;max-width:calc(100vw - 32px);padding:10px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(8px);box-shadow:0 18px 42px #222a3729}.category-menu:hover .category-dropdown,.category-menu:focus-within .category-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.category-dropdown a{border-radius:var(--radius);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:7px;display:grid}.category-dropdown a:hover{background:var(--surface-soft)}.category-dropdown a.active{color:var(--green-dark);background:#00876c14}.category-dropdown img{border-radius:var(--radius);object-fit:cover;width:48px;height:38px}.category-dropdown span{gap:2px;min-width:0;display:grid}.category-dropdown strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2;overflow:hidden}.category-dropdown small{color:var(--muted);font-size:11px}.mobile-toggle,.mobile-search-toggle,.mobile-panel{display:none}.home-grid{grid-template-columns:minmax(0,820px) minmax(288px,1fr);align-items:start;gap:30px;padding-top:24px;display:grid}.main-column{gap:10px;min-width:0;display:grid}.hero-card{min-height:425px;box-shadow:var(--shadow);background:#151a23;border-radius:0;position:relative;overflow:hidden}.hero-card>img{object-fit:cover;width:100%;height:100%;min-height:425px}.hero-overlay{background:linear-gradient(90deg,#0a0e14bf,#0a0e141f 62%),linear-gradient(#0a0e140a,#0a0e14c2);position:absolute;inset:0}.hero-copy{z-index:2;color:#fff;justify-items:start;gap:12px;max-width:560px;display:grid;position:absolute;bottom:28px;left:28px;right:28px}.pill{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000005c;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.hero-copy h1{color:#fff;letter-spacing:0;text-shadow:0 3px 18px #0000006b;font-size:37px;font-weight:850;line-height:1.03}.hero-copy p{color:#ffffffdb;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:520px;font-size:14px;font-weight:560;line-height:1.55;display:-webkit-box;overflow:hidden}.play-button{border-radius:var(--radius);color:#fff;background:#20bf6b;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:850;display:inline-flex;box-shadow:0 10px 18px #0003}.play-button:hover{background:#16a95d}.hero-arrow{z-index:3;width:38px;height:38px;color:var(--ink);box-shadow:var(--small-shadow);background:#fffffff0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{color:#fff;background:var(--green)}.hero-arrow-left{left:18px}.hero-arrow-right{right:18px}.hero-dots{z-index:4;justify-content:center;gap:4px;display:flex;position:absolute;bottom:11px;left:0;right:0}.hero-dots button{background:#ffffff7a;border:0;border-radius:999px;width:16px;height:5px;padding:0}.hero-dots button.active{background:#fff;width:26px}.panel-section,.side-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--small-shadow)}.panel-section{padding:13px 10px 16px}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:12px;display:flex}.section-heading h2{color:#0f1720;letter-spacing:0;font-size:18px;font-weight:520;line-height:1.2}.section-heading a{width:30px;height:30px;color:var(--green-dark);border-radius:50%;flex:none;place-items:center;display:grid}.section-heading a:hover{background:#00876c1a}.icon-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;display:grid}.ranked-icon-card{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid;position:relative}.ranked-icon-card img{aspect-ratio:1;object-fit:cover;background:var(--line);width:88px;box-shadow:var(--small-shadow);border-radius:14px}.ranked-icon-card:hover img{transition:transform .15s;transform:translateY(-2px)}.ranked-icon-card .rank{z-index:2;color:#fff;background:var(--orange);border:2px solid #fff;border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:10px;font-weight:850;display:grid;position:absolute;top:-3px;left:calc(50% - 49px)}.ranked-icon-card strong{color:#0f1720;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:13px;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.ranked-icon-card small{color:var(--orange);font-size:12px;line-height:1}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.category-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px;display:grid;box-shadow:0 4px 10px #222a370d}.category-card:hover,.compact-card:hover,.side-game-card:hover,.editor-lead:hover{border-color:#00876c57;transform:translateY(-1px);box-shadow:0 8px 18px #222a371a}.category-card img{border-radius:var(--radius);object-fit:cover;width:64px;height:64px}.category-card span{gap:3px;min-width:0;display:grid}.category-card strong{color:#0f1720;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:780;overflow:hidden}.category-card small{color:var(--muted);font-size:12px}.category-card p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compact-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 4px 10px #222a370d}.compact-card img{border-radius:var(--radius);object-fit:cover;width:68px;height:68px}.compact-card em{color:#ff5f1f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.sidebar{gap:14px;min-width:0;display:grid;position:sticky;top:80px}.side-panel{min-width:0;padding:8px}.side-heading{margin:0 0 8px;padding:0 2px}.editor-lead{border-radius:var(--radius);color:#fff;background:#131924;min-height:166px;display:block;position:relative;overflow:hidden}.editor-lead img{object-fit:cover;width:100%;height:166px}.editor-lead:after{content:"";background:linear-gradient(#080c1200,#080c12d1);position:absolute;inset:0}.editor-lead span{z-index:2;gap:4px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.editor-lead strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850;line-height:1.2;overflow:hidden}.editor-lead small{color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side-game-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:80px;margin-top:8px;padding:8px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.side-game-card img{border-radius:var(--radius);object-fit:cover;width:68px;height:64px}.side-game-card em{color:var(--orange);align-items:center;gap:3px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.stats-panel{gap:8px;padding:12px;display:grid}.stats-panel h2{font-size:18px;font-weight:650}.stats-panel div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.stats-panel svg{color:var(--green-dark)}.stats-panel span{gap:2px;display:grid}.stats-panel strong{color:var(--ink);font-size:18px;font-weight:850}.stats-panel small{color:var(--muted);font-size:12px}.spotlight-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.spotlight-band article{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--small-shadow);background:#fff;gap:9px;padding:18px;display:grid}.spotlight-band svg{color:var(--green-dark)}.spotlight-band strong{color:var(--ink);font-size:17px;font-weight:820}.spotlight-band p{color:var(--ink-soft);font-size:14px;line-height:1.55}.site-footer{border-top:1px solid var(--line-strong);background:#fff;margin-top:26px}.footer-grid{grid-template-columns:minmax(260px,1fr) 220px 220px;gap:64px;padding:38px 0 26px;display:grid}.footer-grid>div,.footer-grid nav{align-content:start;gap:10px;display:grid}.footer-grid strong{color:var(--green-dark);letter-spacing:1.5px;font-size:14px;font-weight:900}.footer-grid p{color:#5f6a78;max-width:430px;font-size:14px;line-height:1.7}.footer-grid h2{color:#17202c;font-size:14px;font-weight:850}.footer-grid a{color:#505968;width:fit-content;font-size:14px}.footer-grid a:hover{color:var(--green-dark)}.footer-bottom{border-top:1px solid var(--line);color:#9aa3af;text-align:center;padding:16px 0 22px;font-size:12px}.detail-page,.listing-page,.info-page{padding-top:24px}.detail-page{overflow-x:clip}.detail-hero,.category-hero-page,.page-intro,.content-panel{border:1px solid var(--line);box-shadow:var(--small-shadow);background:#fff}.detail-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:24px;padding:22px;display:grid}.detail-hero-copy{align-content:center;justify-items:start;gap:14px;min-width:0;display:grid}.light-pill{color:var(--green-dark);background:#00876c14;border-color:#00876c38}.detail-hero h1,.category-hero-page h1,.page-intro h1{color:#101720;letter-spacing:0;font-size:38px;font-weight:850;line-height:1.06}.detail-hero p,.category-hero-page p,.page-intro p{color:var(--ink-soft);font-size:15px;line-height:1.65}.detail-hero img{border-radius:var(--radius);object-fit:cover;width:100%;height:100%;min-height:260px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);background:var(--surface-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.detail-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;margin-top:16px;display:grid}.detail-main{gap:16px;min-width:0;display:grid}.play-panel,.content-panel{border:1px solid var(--line);min-width:0;box-shadow:var(--small-shadow);background:#fff;padding:14px}.game-frame-shell{border-radius:var(--radius);background:#111821;width:100%;max-width:100%;height:520px;position:relative;overflow:hidden}.game-frame-shell iframe{background:#111821;border:0;width:100%;height:100%;display:block}.game-frame-placeholder{isolation:isolate;place-items:center;display:grid;position:absolute;inset:0}.game-frame-placeholder img{z-index:-2;object-fit:cover;opacity:.48;width:100%;height:100%;position:absolute;inset:0}.game-frame-placeholder:after{content:"";z-index:-1;background:#0a1018b8;position:absolute;inset:0}.game-frame-placeholder span{color:#fff;text-align:center;justify-items:center;gap:13px;width:min(460px,100% - 32px);display:grid}.game-frame-placeholder strong{color:#fff;font-size:30px;line-height:1.1}.game-frame-placeholder small{color:#ffffffc7;line-height:1.55}.note-block{gap:8px;padding:14px 2px;display:grid}.note-block+.note-block{border-top:1px solid var(--line)}.note-block h2,.note-block h3{color:#101720;font-size:20px;line-height:1.2}.note-block p{color:var(--ink-soft);font-size:15px;line-height:1.68}.detail-sidebar{gap:14px;min-width:0;display:grid;position:sticky;top:80px}.detail-facts h2,.side-panel>h2{margin:2px 2px 10px;font-size:18px;font-weight:700}.detail-facts dl{gap:10px;margin:0;display:grid}.detail-facts div{border-top:1px solid var(--line);padding-top:10px}.detail-facts dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.detail-facts dd{color:var(--ink-soft);margin:4px 0 0;font-size:14px;line-height:1.5}.detail-facts dd a{color:var(--green-dark);font-weight:800}.related-section{margin-top:16px}.category-hero-page{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:stretch;gap:22px;padding:24px;display:grid}.category-hero-page>div:first-child{align-content:center;justify-items:start;gap:14px;display:grid}.category-hero-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.category-hero-shots a{border-radius:var(--radius);background:#111821;min-height:190px;display:block;position:relative;overflow:hidden}.category-hero-shots img{object-fit:cover;width:100%;height:100%}.category-hero-shots strong{color:#fff;text-shadow:0 3px 14px #0000008c;font-size:14px;line-height:1.2;position:absolute;bottom:10px;left:10px;right:10px}.listing-page .panel-section,.search-page .panel-section{margin-top:16px}.game-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.game-tile{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:0 4px 10px #222a370d}.game-tile:hover{border-color:#00876c57;transform:translateY(-2px);box-shadow:0 8px 18px #222a371a}.game-tile img{aspect-ratio:4/3;object-fit:cover;background:var(--line);width:100%}.game-tile span{gap:7px;min-width:0;padding:12px;display:grid}.game-tile small{color:var(--orange);text-transform:uppercase;font-size:11px;font-weight:850}.game-tile strong{color:#101720;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;font-size:16px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.game-tile p{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.page-intro{justify-items:start;gap:14px;padding:28px;display:grid}.search-board{border:1px solid var(--line);box-shadow:var(--small-shadow);background:#fff;grid-template-columns:minmax(0,1fr) 220px auto;align-items:end;gap:12px;margin-top:16px;padding:14px;display:grid}.search-board label{min-width:0;color:var(--ink-soft);text-transform:uppercase;gap:7px;font-size:12px;font-weight:850;display:grid}.search-board input,.search-board select{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:42px;color:var(--ink);background:var(--surface-soft);outline:0;padding:0 11px}.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);text-align:center;justify-items:center;gap:12px;padding:28px;display:grid}.empty-state h1,.empty-state h2{color:var(--ink)}.empty-state p{color:var(--ink-soft)}.policy-content{gap:0;margin-top:16px;padding:22px 26px;display:grid}.contact-card{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px;padding-top:18px;display:grid}.contact-card svg{color:var(--green-dark)}.contact-card span{gap:4px;min-width:0;display:grid}.contact-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-card small{color:var(--muted)}.reset-cookie-button{border:1px solid var(--line-strong);border-radius:var(--radius);width:fit-content;min-height:40px;color:var(--ink);background:var(--surface-soft);align-items:center;gap:8px;margin-top:12px;padding:0 14px;font-weight:800;display:inline-flex}.reset-cookie-button:hover{color:var(--green-dark);background:#00876c14;border-color:#00876c57}.not-found-panel{margin-top:24px}.cookie-consent{z-index:90;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fffffffa;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:min(720px,100% - 32px);padding:14px 16px;display:grid;position:fixed;bottom:18px;right:50%;transform:translate(50%);box-shadow:0 18px 46px #222a3733}.cookie-consent div:first-child{gap:4px;min-width:0;display:grid}.cookie-consent strong{color:var(--ink);font-size:15px;font-weight:850}.cookie-consent p{color:var(--ink-soft);font-size:13px;line-height:1.5}.cookie-actions{align-items:center;gap:8px;display:flex}.cookie-actions a,.cookie-actions button{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;min-height:36px;padding:0 13px;font-size:13px;font-weight:850;display:inline-flex}.cookie-actions a{border:1px solid var(--line-strong);color:var(--ink-soft);background:#fff}.cookie-actions button{color:#fff;background:var(--green);border:0}.cookie-actions a:hover{color:var(--green-dark);background:#00876c14}.cookie-actions button:hover{background:var(--green-dark)}@media (width<=1120px){.topbar{grid-template-columns:170px minmax(220px,1fr) auto}.desktop-nav>a,.category-menu>button{padding:0 12px}.home-grid{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:1fr 280px;position:static}.icon-row{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-hero,.detail-layout,.category-hero-page{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.game-frame-shell{height:480px}.game-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.page-shell,.topbar{width:min(100% - 24px, var(--max))}.topbar{grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;min-height:58px}.brand{grid-area:1/2;justify-self:center}.brand strong{font-size:19px}.search-box{z-index:80;width:100%;max-width:100%;min-height:42px;margin-bottom:0;padding:0 12px 0 14px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 14px 32px #222a3729}.search-box.is-mobile-open{display:flex}.search-box input{font-size:14px}.search-results{max-height:min(60svh,360px);overflow-y:auto}.desktop-nav{display:none}.mobile-toggle{grid-area:1/1;justify-self:start;display:inline-grid}.mobile-search-toggle{grid-area:1/3;justify-self:end;display:inline-grid}.mobile-panel{width:min(100% - 24px, var(--max));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--small-shadow);background:#fff;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;margin:0 auto 12px;padding:8px;display:grid}.mobile-panel a{border-radius:var(--radius);min-height:38px;color:var(--ink-soft);background:var(--surface-soft);place-items:center;font-size:13px;font-weight:750;display:grid}.mobile-panel a.active{color:var(--green-dark);background:#00876c1a}.mobile-category-links{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;padding-top:8px;display:grid}.mobile-category-links a{border:1px solid var(--line);background:#fff;min-height:34px;font-size:12px}.mobile-wide-link{grid-column:1/-1}.home-grid{padding-top:14px}.hero-card,.hero-card>img{min-height:360px}.hero-copy{bottom:24px;left:20px;right:20px}.hero-copy h1{font-size:30px}.category-grid,.compact-grid,.spotlight-band,.detail-sidebar,.search-board,.contact-card,.footer-grid{grid-template-columns:1fr}.detail-hero,.category-hero-page,.page-intro{padding:20px}.play-panel,.content-panel{padding:12px}.game-frame-shell{height:430px}.game-frame-placeholder span{width:min(420px,100% - 24px)}.detail-hero h1,.category-hero-page h1,.page-intro h1{font-size:31px}.category-hero-shots,.game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{grid-template-columns:1fr}.footer-grid{gap:22px}}@media (width<=620px){.topbar{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}.brand{gap:8px}.brand-mark{width:22px;height:22px}.brand strong{font-size:18px}.mobile-panel,.mobile-category-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card,.hero-card>img{min-height:330px}.hero-copy{gap:10px;left:16px;right:16px}.hero-copy h1{font-size:25px}.hero-copy p{-webkit-line-clamp:2}.hero-arrow{width:34px;height:34px}.hero-arrow-left{left:10px}.hero-arrow-right{right:10px}.icon-row{grid-template-columns:repeat(3,minmax(0,1fr))}.category-hero-shots,.game-card-grid{grid-template-columns:1fr}.category-hero-shots a{min-height:170px}.game-frame-shell{height:360px}.game-frame-placeholder strong{font-size:22px}.game-frame-placeholder small{font-size:13px}.ranked-icon-card img{width:82px}.ranked-icon-card .rank{left:calc(50% - 46px)}.compact-grid{gap:7px}.compact-card{grid-template-columns:64px minmax(0,1fr)}.compact-card img,.category-card img{width:64px;height:64px}.cookie-consent{grid-template-columns:1fr}.cookie-actions{grid-template-columns:1fr 1fr;display:grid}}