:root{--bg:#111009;--elev:#171510;--surf1:#1c1913;--surf2:#25211a;--border:#3a3327;--text:#f4efe6;--text-soft:#c3bcac;--text-faint:#8f8674;--accent:#e2733a;--accent-bright:#f2996a;--accent-deep:#b3501c;--on-accent:#1a0f08;--accent-tint:#e2733a22;--accent-line:#e2733a55;--grad:linear-gradient(120deg,var(--accent-bright),var(--accent) 55%,var(--accent-deep));--radius:9px;--mark-radius:9px 9px 9px 3px;--badge-radius:6px;--font-display:"Hanken Grotesk",system-ui,sans-serif;--font-sans:"Public Sans",system-ui,sans-serif;--font-mono:"Red Hat Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,3vw,30px)}.site-header{background:var(--elev);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:22px;padding:14px clamp(16px,3vw,30px);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand .mark{flex:none;width:26px;height:26px}.brand .wordmark{letter-spacing:-.01em;font-weight:800}.brand .wordmark .loot{color:var(--text)}.brand .wordmark .vora{color:var(--accent)}.nav{gap:2px;margin-left:4px;display:flex}.nav a{font-family:var(--font-sans);letter-spacing:.02em;color:var(--text-soft);text-transform:uppercase;border-radius:6px;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;position:relative}.nav a.on{color:var(--accent)}.nav a.on:before{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);width:5px;height:5px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.actions{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-toggle{background:var(--surf1);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:none}.nav-toggle svg{width:17px;height:17px}@media (width<=760px){.nav-toggle{display:inline-flex}.actions{margin-left:0}.nav{background:var(--elev);border-bottom:1px solid var(--border);z-index:20;flex-direction:column;gap:0;padding:8px clamp(16px,3vw,30px) 14px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px -12px #00000080}.nav.open{display:flex}.nav a{width:100%;padding:12px 10px;font-size:13px}.nav a.on:before{top:50%;bottom:auto;left:4px;transform:translateY(-50%)}}.search{background:var(--surf1);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;width:190px;height:36px;padding:0 11px;transition:border-color .15s;display:flex}.search:focus-within{border-color:var(--accent-line)}.search svg{width:14px;height:14px;color:var(--text-faint);flex:none}.search button{color:inherit;cursor:pointer;background:0 0;border:none;flex:none;align-items:center;margin:0;padding:0;display:flex}.search input{color:var(--text);font-family:var(--font-sans);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12.5px}.search input::placeholder{color:var(--text-faint)}@media (width<=760px){.search{display:none}}.btn{font-family:var(--font-display);letter-spacing:.02em;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.btn-primary{background:var(--grad);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-ghost{color:var(--text-soft);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.scene{background:#0c0a08;position:relative;overflow:hidden}.scene:before{content:"";z-index:0;position:absolute;inset:0}.scene:after{content:"";z-index:1;height:38%;position:absolute;bottom:0;left:0;right:0}.rscene-rpg{background:linear-gradient(#0e2a52 0%,#2f5c8a 28%,#e8a24a 55%,#3a2410 100%)}.rscene-rpg:before{background:radial-gradient(140px 140px at 78% 22%,#ffd68ca6,#0000 70%),linear-gradient(#0000 60%,#ffb45a2e 75%,#0000 100%)}.rscene-rpg:after{clip-path:polygon(0% 100%,0% 72%,8% 60%,14% 68%,20% 50%,28% 66%,36% 46%,44% 64%,52% 42%,60% 62%,68% 48%,76% 60%,84% 44%,92% 58%,100% 50%,100% 100%);background:#0c0f14}.rscene-fps{background:linear-gradient(#050914 0%,#0c1430 45%,#1a0f2e 80%,#050914 100%)}.rscene-fps:before{background:radial-gradient(3px 3px at 15% 25%,#50dcfff2,#0000 60%),radial-gradient(2px 2px at 30% 18%,#ff5adcd9,#0000 60%),radial-gradient(3px 3px at 55% 30%,#50dcffe6,#0000 60%),radial-gradient(2px 2px at 70% 16%,#ff5adccc,#0000 60%),radial-gradient(3px 3px at 88% 26%,#788cffe6,#0000 60%)}.rscene-fps:after{clip-path:polygon(0% 100%,0% 58%,7% 58%,7% 42%,14% 42%,14% 64%,22% 64%,22% 36%,30% 36%,30% 60%,38% 60%,38% 48%,46% 48%,46% 68%,55% 68%,55% 40%,63% 40%,63% 58%,72% 58%,72% 30%,80% 30%,80% 62%,88% 62%,88% 50%,100% 50%,100% 100%);background:#04060c}.rscene-survival{background:linear-gradient(#050f0c 0%,#0e2620 40%,#0a1e18 75%,#040a08 100%)}.rscene-survival:before{background:radial-gradient(60px 60px at 62% 70%,#ffbe6e80,#0000 70%),linear-gradient(#0000 30%,#060e0c4d 45%,#0000 65%,#060e0c66 100%)}.rscene-survival:after{clip-path:polygon(0% 100%,0% 66%,5% 38%,9% 66%,14% 32%,18% 66%,25% 26%,30% 66%,37% 40%,42% 66%,49% 30%,54% 66%,61% 38%,66% 66%,73% 28%,78% 66%,85% 40%,90% 66%,96% 50%,100% 60%,100% 100%);background:#030807}.rscene-racing{background:linear-gradient(100deg,#0a0608 0%,#1a0a0c 45%,#0a0608 100%)}.rscene-racing:before{background:repeating-linear-gradient(98deg,#ff3c3c8c 0 3px,#0000 3px 50px),repeating-linear-gradient(98deg,#ffffff47 0 2px,#0000 2px 82px),radial-gradient(90px 40px at 90% 34%,#ff3c3c80,#0000 70%)}.rscene-racing:after{clip-path:polygon(0 100%,0 80%,45% 74%,58% 78%,100% 72%,100% 100%);background:#080506}.rscene-cinematic{background:linear-gradient(200deg,#0a1f22 0%,#12302e 45%,#2a1810 78%,#140c08 100%)}.rscene-cinematic:before{background:radial-gradient(55% 55% at 50% 75%,#ff965080,#0000 68%),radial-gradient(35% 35% at 30% 20%,#5ac8be47,#0000 65%)}.rscene-cinematic:after{clip-path:polygon(37% 100%,39% 58%,34% 46%,37% 34%,45% 26%,55% 26%,63% 34%,66% 46%,61% 58%,63% 100%);background:#0a0705}.hero{border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);align-items:flex-end;min-height:400px;margin-top:20px;display:flex;position:relative;overflow:hidden}.hero .scrim{z-index:2;background:linear-gradient(#0000 0%,#0605041a 15%,#06050466 38%,#060504db 70%,#060504fa 100%);position:absolute;inset:0}.hero .content{z-index:3;max-width:620px;padding:clamp(20px,4vw,42px);position:relative}.hero h1{font-family:var(--font-display);color:#fff;text-shadow:0 2px 16px #0000008c,0 1px 3px #000000b3;margin:12px 0;font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.08}.hero p{color:var(--text-soft);text-shadow:0 1px 8px #00000080;max-width:54ch;margin:0 0 18px;font-size:14.5px;line-height:1.55}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--badge-radius);background:var(--accent-tint);color:var(--accent);border:1px solid var(--accent-line);align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.badge.cat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-bright);z-index:2;background:#0a08069e;border-color:#ffffff29;position:absolute;top:12px;left:12px}.chip{font-family:var(--font-mono);color:var(--text-faint);border-radius:var(--badge-radius);background:var(--surf2);border:1px solid var(--border);padding:3px 9px;font-size:10.5px}.chip-genre{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;display:inline-flex}.meta-row{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:10.5px;display:flex}.content-slot{border:1px dashed var(--border);background:var(--surf2);text-align:center;color:var(--text-faint);min-height:90px;font-family:var(--font-mono);letter-spacing:.05em;border-radius:8px;place-items:center;margin-top:18px;font-size:11px;display:grid;position:relative}.content-slot:before{content:"AD SLOT";letter-spacing:.12em;opacity:.7;font-size:8.5px;position:absolute;top:6px;left:9px}.slot-link{margin:18px auto 0;display:block}.slot-link-leaderboard{max-width:728px}.slot-link-rectangle{max-width:300px}.slot-link-infeed{max-width:100%;margin-top:0}.slot-link-sticky{max-width:728px;margin:0}.slot-image{width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.tier-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px;display:grid}.tier-feature{border:1px solid var(--border);border-radius:var(--radius);background:var(--surf1);grid-column:span 4;grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}.tier-feature .thumb{position:relative}.tier-feature .body{flex-direction:column;justify-content:center;gap:9px;padding:20px;display:flex}.tier-feature h3{font-family:var(--font-display);color:var(--text);margin:0;font-size:19px;line-height:1.22}.tier-side{flex-direction:column;grid-column:span 2;gap:12px;display:flex}.card-compact{background:var(--surf1);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:11px;padding:9px;transition:border-color .15s,transform .15s;display:flex}.card-compact:hover{border-color:var(--accent-line);transform:translate(2px)}.card-compact .thumb{border-radius:6px;flex:none;width:64px;height:46px;position:relative;overflow:hidden}.card-compact h5{color:var(--text);font-size:12.5px;line-height:1.3;font-family:var(--font-sans);margin:0;font-weight:600}.card-compact .ct{font-family:var(--font-mono);color:var(--text-faint);margin-top:3px;font-size:9.5px}@media (width<=900px){.tier-grid{grid-template-columns:1fr}.tier-feature,.tier-side{grid-column:span 1}.tier-feature{grid-template-columns:1fr}}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}@media (width<=760px){.card-grid{grid-template-columns:1fr}}.card{background:var(--surf1);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent-line);transform:translateY(-3px);box-shadow:0 14px 28px -14px #0006}.card .thumb{aspect-ratio:16/10;position:relative}.card .body{flex-direction:column;gap:8px;padding:13px 15px 15px;display:flex}.card h4{font-family:var(--font-display);color:var(--text);margin:0;font-size:14.5px;line-height:1.25}.card p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.45}.card-review-mini .score-chip{z-index:2;background:var(--grad);color:var(--on-accent);font-family:var(--font-display);width:32px;height:32px;box-shadow:0 0 0 2px var(--bg), 0 2px 10px #00000080;border-radius:50%;place-items:center;font-size:12.5px;font-weight:800;display:grid;position:absolute;top:10px;right:10px}.rs-row{grid-template-columns:1fr 300px;align-items:start;gap:16px;margin-top:16px;display:grid}.rs-main{min-width:0}.rs-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.side-slot{aspect-ratio:1;width:100%;min-height:0;margin-top:0}@media (width<=1024px){.rs-row{grid-template-columns:1fr}.side-slot{width:300px;max-width:100%}}.card-row{flex-direction:row}.card-row .thumb{aspect-ratio:auto;flex:none;width:220px}@media (width<=560px){.card-row{flex-direction:column}.card-row .thumb{aspect-ratio:16/10;width:100%}}.side-row{grid-template-columns:2fr 1fr;gap:16px;margin-top:22px;display:grid}@media (width<=760px){.side-row{grid-template-columns:1fr}}.trending{background:var(--surf1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 6px}.trending h5{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin:0 0 10px;font-size:12px}.trend-item{border-top:1px solid var(--border);align-items:baseline;gap:12px;padding:9px 0;display:flex}.trend-item:first-of-type{border-top:none}.trend-item .rank{font-family:var(--font-display);color:var(--accent);flex:none;width:20px;font-size:18px;font-weight:800}.trend-item .tt{color:var(--text);font-size:12.5px;line-height:1.3}.trend-item .tm{font-family:var(--font-mono);color:var(--text-faint);margin-top:2px;font-size:9.5px}.site-footer{border-top:1px solid var(--border);background:var(--elev);margin-top:48px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:48px 0 32px;display:grid}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr;row-gap:28px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.f-about .brand{margin-bottom:12px}.f-about p{color:var(--text-faint);max-width:34ch;margin:0;font-size:13px;line-height:1.6}.f-col h4{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 14px;font-size:10.5px;font-weight:600}.f-col a{color:var(--text-soft);padding:5px 0;font-size:13.5px;text-decoration:none;display:block}.f-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:11px;display:flex}.footer-bottom .f-legal{flex-wrap:wrap;gap:16px;display:flex}.footer-bottom a{color:var(--text-faint);text-decoration:none}.footer-bottom a:hover{color:var(--accent)}.f-social{gap:8px;display:flex}.f-social a{background:var(--surf1);border:1px solid var(--border);width:32px;height:32px;color:var(--text-faint);border-radius:6px;place-items:center;text-decoration:none;display:grid}.f-social a:hover{color:var(--accent);border-color:var(--accent-line)}.f-social svg{width:14px;height:14px}.newsletter{border:1px solid var(--accent-line);background:linear-gradient(135deg, var(--accent-tint), transparent 65%);text-align:center;border-radius:calc(var(--radius) + 4px);margin-top:40px;padding:36px clamp(20px,4vw,42px);scroll-margin-top:82px;position:relative;overflow:hidden}.newsletter .kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:10.5px}.newsletter h3{font-family:var(--font-display);color:#fff;text-transform:uppercase;margin:0 0 8px;font-size:22px;font-weight:700}.newsletter p{color:var(--text-soft);max-width:46ch;margin:0 auto 20px;font-size:14px;line-height:1.5}.newsletter .nl-form{gap:10px;max-width:420px;margin:0 auto;display:flex}.newsletter .nl-form input{background:var(--surf1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);flex:1;min-width:0;padding:12px 14px;font-size:13px}.newsletter .nl-form input::placeholder{color:var(--text-faint)}.newsletter .nl-note{font-family:var(--font-mono);color:var(--text-faint);margin:14px 0 0;font-size:10px}@media (width<=480px){.newsletter .nl-form{flex-direction:column}}.section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-top:38px;padding-bottom:10px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);align-items:center;gap:9px;margin:0;font-size:15px;display:flex}.section-head h2:before{content:"";background:var(--accent);width:4px;height:16px}.section-head a{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;white-space:nowrap;font-size:11px;text-decoration:none}.section-head a:hover{text-decoration:underline}.list{flex-direction:column;display:flex}.list-row{border-top:1px solid var(--border);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.list-row:first-child{border-top:none}.list-row .thumb{border-radius:8px;flex:none;width:96px;height:96px;position:relative;overflow:hidden}.list-row .idx{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;margin-bottom:4px;font-size:10.5px;display:block}.list-row h3{font-family:var(--font-display);color:var(--text);margin:0 0 6px;font-size:15.5px;font-weight:700;line-height:1.3}.list-row p{color:var(--text-soft);max-width:64ch;margin:0 0 8px;font-size:12.5px;line-height:1.5}@media (width<=560px){.list-row{gap:12px}.list-row .thumb{width:74px;height:74px}.list-row h3{font-size:14px}}.guide-feature{border:1px solid var(--border);border-radius:var(--radius);background:var(--surf1);grid-template-columns:1.1fr 1fr;margin-top:16px;display:grid;overflow:hidden}.guide-feature .thumb{min-height:280px;position:relative}.guide-feature .body{flex-direction:column;justify-content:center;gap:12px;padding:28px;display:flex}.guide-feature h3{font-family:var(--font-display);color:var(--text);margin:0;font-size:24px;font-weight:700;line-height:1.2}.guide-feature p{color:var(--text-soft);max-width:46ch;margin:0;font-size:13.5px;line-height:1.6}@media (width<=760px){.guide-feature{grid-template-columns:1fr}.guide-feature .thumb{min-height:200px}}.games-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}@media (width<=900px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.games-grid{grid-template-columns:1fr}}.thumb img,.a-hero img,.guide-feature .thumb img,.hero img,.game-tile img,.list-row .thumb img,.card-compact .thumb img,.av img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.cookie-banner{background:var(--elev);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(16px,3vw,30px);display:flex;box-shadow:0 -8px 24px #00000059}.cb-text{color:var(--text-soft);max-width:64ch;font-size:13px;line-height:1.5}.cb-text b{color:var(--text)}.cb-text a{color:var(--accent)}.cb-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-sm{padding:8px 14px;font-size:11.5px}.btn-secondary{background:var(--surf1);color:var(--text-soft);border:1px solid var(--border)}.btn-secondary:hover{color:var(--text);border-color:var(--accent)}