/* Realm Light — shared family theme. See DESIGN-THEME.md. */
@font-face{font-family:Cinzel;font-style:normal;font-weight:600 700;font-display:swap;src:url('../fonts/cinzel-latin.woff2') format('woff2')}
:root{color-scheme:light;--bg:#f7f7fb;--paper:#fff;--ink:#201d35;--muted:#656278;--line:#e6e3ef;--primary:#5b3df5;--primary-dark:#4224cb;--primary-soft:#eeeaff;--gold:#f2b705;--gold-dark:#765300;--gold-soft:#fff7d9;--radius:14px;--shadow:0 5px 24px rgb(39 25 80 / .05);--max:1000px;--genre:#5b3df5;--genre-soft:#eeeaff}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}a,button,input,textarea{touch-action:manipulation}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25}ul,ol{padding:0;margin:0;list-style:none}button{cursor:pointer}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon--xs{width:15px!important;height:15px!important}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:1000;background:var(--ink);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
/* Header / category navigation */
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.site-header__bar{display:flex;align-items:center;gap:32px;min-height:99px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;color:var(--ink)}.brand:hover{text-decoration:none}.brand__mark{width:48px;height:48px;flex-shrink:0}.brand__copy{display:flex;flex-direction:column}.brand__name{font-weight:800;font-size:22px;letter-spacing:-1px;white-space:nowrap}.brand__accent{color:var(--primary)}.brand__sub{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-top:1px}.search{position:relative;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:5px 6px 5px 16px;min-width:0;flex:1;max-width:475px;margin-left:auto}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search__icon{color:#8b879e}.search__input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:13px;padding:7px 0}.search__input:focus-visible{outline:none}.search__input::placeholder{color:#777487;opacity:1}.search__btn{border:0;border-radius:6px;background:var(--primary);color:white;font-size:12px;font-weight:700;padding:9px 13px}.search__btn:hover{background:var(--primary-dark)}.btn{display:inline-flex;gap:9px;justify-content:center;align-items:center;padding:12px 20px;min-height:46px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:750;line-height:1.5;text-align:center;transition:background .16s,transform .16s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn--sm{font-size:13px;padding:9px 14px;min-height:42px}.btn--lg{padding:14px 23px}.btn--gold{background:var(--gold);border-color:#d8a300;color:#332600;box-shadow:0 2px 0 #dca600}.btn--gold:hover{background:#ffcb32}.btn--ghost{background:var(--paper);border-color:var(--line);color:var(--primary)}.btn--ghost:hover{background:var(--primary-soft);border-color:#c4b7ff}.genre-nav{border-top:1px solid #f0edf6}.genre-nav__list{display:flex;align-items:stretch;justify-content:space-between;gap:3px}.genre-nav__list>li{flex-shrink:0}.genre-nav__link{position:relative;display:flex;gap:6px;align-items:center;padding:17px 8px 16px;color:var(--muted);font-size:11.5px;font-weight:650;white-space:nowrap}.genre-nav__link .icon{width:17px;height:17px}.genre-nav__link:hover{color:var(--primary);text-decoration:none;background:#f9f7ff}.genre-nav__link[aria-current=page]{color:var(--primary)}.genre-nav__link[aria-current=page]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}
/* Genre / rarity tokens */
.class-tile--rpg,.genre-list__item--rpg,.badge--rpg,.hero--rpg,.card--rpg,.frame--rpg{--genre:#6742c7;--genre-soft:#f0eafb}.class-tile--action,.genre-list__item--action,.badge--action,.hero--action,.card--action,.frame--action{--genre:#bd4051;--genre-soft:#fff0f1}.class-tile--strategy,.genre-list__item--strategy,.badge--strategy,.hero--strategy,.card--strategy,.frame--strategy{--genre:#9b6817;--genre-soft:#fff5df}.class-tile--kids,.genre-list__item--kids,.badge--kids,.hero--kids,.card--kids,.frame--kids{--genre:#b12f80;--genre-soft:#fff0f8}.class-tile--sim,.genre-list__item--sim,.badge--sim,.hero--sim,.card--sim,.frame--sim{--genre:#306ba8;--genre-soft:#edf5ff}.class-tile--sports,.genre-list__item--sports,.badge--sports,.hero--sports,.card--sports,.frame--sports{--genre:#2d7850;--genre-soft:#eaf8ee}.class-tile--browser,.genre-list__item--browser,.badge--browser,.hero--browser,.card--browser,.frame--browser{--genre:#187e84;--genre-soft:#e9f8f7}.class-tile--social,.genre-list__item--social,.badge--social,.hero--social,.card--social,.frame--social{--genre:#a54a24;--genre-soft:#fff2e9}
/* Hero: subtle parchment, geometric rune / portal ornament (CSS, no artwork dependency). */
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#f4f0ff 0%,#fcfbff 58%,#fff8e7 100%);border-bottom:1px solid var(--line);padding:42px 0}.hero::after{content:"";position:absolute;pointer-events:none;width:340px;height:340px;right:calc((100vw - min(1240px,100vw))/2 + 40px);top:-65px;border:1px solid rgb(91 61 245 / .09);transform:rotate(35deg);box-shadow:0 0 0 34px rgb(91 61 245 / .025),0 0 0 35px rgb(91 61 245 / .04),0 0 0 78px rgb(91 61 245 / .018),0 0 0 79px rgb(91 61 245 / .025);border-radius:35px}.hero__inner{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:13px}.eyebrow .icon{width:17px;height:17px}.hero__title{font-family:Cinzel,Georgia,serif;font-size:clamp(28px,3.1vw,43px);font-weight:700;letter-spacing:-.9px;max-width:880px}.hero__lead{font-size:14px;line-height:1.8;color:var(--muted);max-width:730px;margin-top:16px}.stats{display:flex;gap:0;margin-top:25px}.stat{display:flex;gap:7px;align-items:baseline;border-right:1px solid #ddd6ee;padding-right:23px;margin-right:23px}.stat:last-child{border-right:0}.stat strong{font-size:24px;font-weight:800;line-height:1;color:var(--primary)}.stat span{font-size:12px;color:var(--muted)}.stat--gold strong{color:var(--gold-dark)}.hero--compact{padding:35px 0}.hero--gold{background:linear-gradient(110deg,#fff4cf,#fffdf7 80%)}.eyebrow--gold{color:var(--gold-dark)}.crumbs{font-size:11px;color:var(--muted);margin-bottom:22px}.crumbs ol{display:flex;flex-wrap:wrap;gap:7px}.crumbs li+li::before{content:"/";margin-right:7px;color:#a7a0ba}.crumbs a{color:var(--muted)}.hero--game{padding:22px 0 36px}.hero--game::after{display:none}
/* Main sections and class selector */
.section{margin-block:34px}.section__head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px}.section__title{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:20px;letter-spacing:-.4px}.section__sub{color:var(--muted);font-size:11px}.class-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.class-tile{display:flex;flex-direction:column;align-items:flex-start;padding:16px 12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--paper);height:100%;transition:transform .16s,box-shadow .16s,border-color .16s}.class-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none;border-color:var(--genre)}.class-tile__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--genre-soft);color:var(--genre);margin-bottom:11px}.class-tile__name{font-weight:750;font-size:11px;color:var(--ink);line-height:1.45}.class-tile__tag{font-size:10px;line-height:1.55;color:var(--muted);margin-top:5px;flex:1}.class-tile__count{font-size:10px;font-weight:700;color:var(--genre);margin-top:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-block:36px 64px}.layout__main{min-width:0}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column;transition:box-shadow .16s,border-color .16s}.card:hover{border-color:#c4b7eb;box-shadow:0 8px 28px rgb(39 25 80 / .09)}.card__media{position:relative;display:block;overflow:hidden;background:var(--genre-soft);aspect-ratio:16/9}.card__media::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--genre);opacity:.85}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover .card__media img{transform:scale(1.025)}.card__placeholder{display:grid;place-items:center;height:100%;font:700 50px Cinzel,Georgia,serif;color:var(--genre)}.card__body{padding:18px 20px 17px;display:flex;flex-direction:column;flex:1}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.badge{display:inline-flex;gap:4px;align-items:center;background:var(--genre-soft);color:var(--genre);font-size:10px;line-height:1.5;font-weight:700;border-radius:4px;padding:4px 7px}.badge--plain{background:#f3f2f6;color:var(--muted)}.badge--gold{background:var(--gold-soft);color:var(--gold-dark)}.card__title{font-size:19px;font-weight:800;letter-spacing:-.45px;margin-bottom:9px}.card__title a{color:var(--ink)}.card__title a:hover{color:var(--primary)}.card__text{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:16px}.card__cta{margin-top:auto;font-size:11px;font-weight:750;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeebf5;padding-top:12px}.card-grid>.card:first-child:not(:last-child){grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr}.card-grid>.card:first-child .card__media{aspect-ratio:auto;min-height:260px}.card-grid>.card:first-child .card__body{padding:24px}.card-grid__ad{grid-column:1/-1;display:flex;justify-content:center;background:#f1eff7;border:1px dashed #ddd7ec;border-radius:var(--radius);padding:14px}.card-grid--compact>.card:first-child:not(:last-child),.card-grid--three>.card:first-child:not(:last-child){grid-column:auto;display:flex}.card-grid--compact>.card:first-child .card__media,.card-grid--three>.card:first-child .card__media{aspect-ratio:16/9;min-height:0}.card-grid--compact>.card:first-child .card__body,.card-grid--three>.card:first-child .card__body{padding:18px 20px 17px}.card-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card-grid--compact .card__title{font-size:15px}.card-grid--compact .card__tags{display:none}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Sidebar, ad reservations, lore and hotbar pagination */
.sidebar{display:flex;flex-direction:column;gap:24px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel__title{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;padding-bottom:15px;margin-bottom:7px;border-bottom:1px solid var(--line)}.panel__title>.icon{color:var(--primary);width:17px;height:17px}.genre-list__item{display:flex;gap:9px;align-items:center;color:var(--ink);padding:11px 0;border-bottom:1px solid #f1eef6;font-size:11px}.genre-list li:last-child .genre-list__item{border-bottom:0;padding-bottom:0}.genre-list__item:hover,.genre-list__item[aria-current=page]{color:var(--genre);text-decoration:none}.genre-list__icon{width:28px;height:28px;display:grid;place-items:center;background:var(--genre-soft);color:var(--genre);border-radius:7px;flex-shrink:0}.genre-list__icon .icon{width:16px;height:16px}.genre-list__name{font-weight:600}.genre-list__count{margin-left:auto;color:var(--muted);font-size:10px;min-width:22px;text-align:center}.mini{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f1eef6;color:var(--ink);font-size:12px;font-weight:650}.mini-list li:last-child .mini{padding-bottom:0;border-bottom:0}.mini img{width:65px;height:44px;object-fit:cover;border-radius:5px}.mini__ph{display:grid;place-items:center;width:65px;height:44px;background:var(--primary-soft);color:var(--primary);border-radius:5px;flex-shrink:0}.quest-banner{display:flex;align-items:center;gap:12px;padding:19px 17px;border:1px solid #ebdba0;border-radius:var(--radius);background:linear-gradient(120deg,#fff9e7,#fff4d0);color:var(--gold-dark)}.quest-banner:hover{background:#fff0c4;text-decoration:none}.quest-banner__icon{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffe9a0}.quest-banner strong{display:block;font-size:12px}.quest-banner small{display:block;font-size:10px;line-height:1.6;margin-top:3px}.quest-banner>.icon{margin-left:auto;width:16px}.ad{display:flex;align-items:center;flex-direction:column;gap:6px;width:100%;max-width:100%;min-height:calc(var(--ad-h) + 24px);margin-inline:auto;overflow:hidden}.ad__label{text-transform:uppercase;letter-spacing:1.2px;font-size:8px;line-height:16px;color:#888398}.ad--inline{margin-block:25px;background:#f1eff7;border:1px dashed #ddd7ec;border-radius:var(--radius);padding:12px;min-height:300px}.sidebar__sticky{padding-top:4px}.skin-slot{display:none}@media(min-width:1100px){.skin-slot:has(iframe){display:flex;justify-content:center;overflow:hidden;max-width:100%;min-height:150px}}.hotbar{margin-top:30px;text-align:center}.hotbar ol{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.hotbar__slot{display:grid;place-items:center;min-width:39px;height:41px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);font-size:12px;font-weight:700;box-shadow:0 2px 0 #e3deed}.hotbar__slot:hover{background:var(--primary-soft);border-color:#b6a5f8;text-decoration:none}.hotbar__slot.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 0 var(--primary-dark)}.hotbar__step .icon{width:16px}.hotbar__gap{color:var(--muted);padding:0 2px}.hotbar__meta{font-size:10px;color:var(--muted);margin-top:12px}.lore{border-top:1px solid var(--line);padding-top:27px;margin-top:35px}.lore__title{display:flex;align-items:center;gap:9px;font:700 17px Cinzel,Georgia,serif;margin-bottom:14px}.lore__title .icon{color:var(--primary);width:18px}.lore p{font-size:12px;line-height:1.95;color:var(--muted)}
/* Game profiles */
.game-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}.game-hero__logo{max-width:180px;max-height:75px;object-fit:contain;object-position:left center;margin-bottom:19px;mix-blend-mode:multiply}.hero__title--game{font-size:clamp(26px,3vw,39px);overflow-wrap:anywhere}.game-hero__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.game-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.game-hero__actions .btn{font-size:13px}.frame{padding:6px;background:var(--paper);border:1px solid #d4c9ed;border-radius:14px;box-shadow:0 12px 30px rgb(39 25 80 / .1)}.game-hero__shot{max-width:500px;width:100%;margin-left:auto}.game-hero__shot>img{width:100%;max-height:285px;object-fit:cover;border-radius:9px}.game-hero__shot figcaption{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:7px 9px 3px}.game{display:flex;flex-direction:column;gap:24px}.panel--lg{padding:28px}.panel__title--lg{font:700 20px Cinzel,Georgia,serif;letter-spacing:-.2px;text-transform:none;padding-bottom:18px;margin-bottom:20px}.prose{font-size:14px;line-height:1.95;overflow-wrap:anywhere}.prose p+p{margin-top:18px}.prose a{text-decoration:underline;text-decoration-color:#b7a8ff;text-underline-offset:3px}.sheet{display:grid;grid-template-columns:1fr 1fr;margin:0}.sheet>div{padding:13px 0;border-bottom:1px solid #f1eef6;min-width:0}.sheet dt{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.sheet dd{margin:3px 0 0;font-size:12px;font-weight:600}.section-block{margin-top:14px}.section-block>.section__title{margin-bottom:20px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.video{min-width:0}.video__facade{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#201d35}.video__facade img{width:100%;height:100%;object-fit:cover;opacity:.85}.video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--paper);color:var(--primary);box-shadow:0 3px 20px #0004}.video__play .icon{width:25px;height:25px}.video__facade:hover .video__play{background:var(--gold);color:#423200}.video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.video figcaption{font-size:11px;font-weight:600;line-height:1.55;margin-top:9px}.share summary{font-size:12px;font-weight:700;cursor:pointer;list-style:revert}.share summary .icon{width:16px;margin:0 6px}.share p{margin-top:13px;font-size:12px;color:var(--muted)}.share__code{display:block;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font:11px/1.7 ui-monospace,monospace;resize:vertical;color:var(--muted);margin-block:10px}.page-game .layout__main>.section-block{margin-top:35px}.page-game .section__head{display:block}.page-game .section__sub{margin-top:8px}
/* Search, loot and footer */
.search--hero{max-width:560px;margin:23px 0 0;background:var(--paper)}.empty{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-size:14px}.loot-grid{display:grid;grid-template-columns:1fr;gap:23px}.loot{border:1px solid #e5d9b4;border-radius:var(--radius);background:var(--paper);overflow:hidden}.loot__title{display:flex;align-items:center;gap:10px;background:#fff9e7;padding:18px 22px;font-size:15px;font-weight:700}.loot__title .icon{color:var(--gold-dark);flex-shrink:0}.loot__widget{display:block;border:0;max-width:100%;margin:18px auto;width:450px;height:230px}.site-footer{background:#f0eef6;border-top:1px solid #e0dbed}.site-footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:70px;padding-block:44px}.brand--footer .brand__mark{width:39px;height:39px}.brand--footer .brand__name{font-size:20px}.site-footer__brand>p{color:var(--muted);font-size:11px;line-height:1.9;max-width:360px;margin-top:15px}.site-footer__social{display:flex;gap:12px;margin-top:17px}.site-footer__social a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dcd5eb;border-radius:7px;background:var(--paper);color:var(--muted)}.site-footer__social .icon{width:17px;height:17px}.site-footer__col h2{font-size:12px;text-transform:uppercase;letter-spacing:.8px;margin:4px 0 15px}.site-footer__col ul{display:grid;gap:7px}.site-footer__col a{font-size:11px;color:var(--muted)}.site-footer__col a:hover{color:var(--primary)}.site-footer__legal{border-top:1px solid #e0dbed;padding-block:16px;font-size:10px;color:var(--muted)}
/* Mobile is a real layout, not a desktop canvas scaled down. */
@media(max-width:1199px){.genre-nav .container{width:100%}.genre-nav__list{justify-content:flex-start;overflow-x:auto;padding-inline:20px;scrollbar-width:thin}.genre-nav__link{padding-inline:10px}.class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.class-tile{padding:15px}.class-tile__tag{display:none}.class-tile__name{font-size:12px}.class-tile__count{margin-top:6px}.class-tile__icon{margin-bottom:8px}.layout{gap:24px}.site-header__bar{gap:22px}.brand__name{font-size:20px}.site-header__gift span{display:none}.site-footer__grid{gap:40px}}
@media(max-width:959px){.container{width:calc(100% - 40px)}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.sidebar>.ad--sidebar{display:none}.card-grid{gap:16px}.card__body{padding:15px}.card-grid>.card:first-child:not(:last-child){display:flex}.card-grid>.card:first-child .card__media{aspect-ratio:16/9;min-height:0}.card-grid>.card:first-child .card__body{padding:18px}.card__title{font-size:17px}.card__tags{gap:4px}.card__text{font-size:12px}.game-hero{gap:25px}.card-grid--compact{grid-template-columns:1fr 1fr}.game-hero__actions .btn{padding:11px 15px}.site-header__bar{min-height:88px;gap:18px}.brand__sub{font-size:9px;letter-spacing:.9px}.search__btn{padding:9px}.panel{padding:17px}}
@media(max-width:759px){.container{width:calc(100% - 32px)}.site-header__bar{flex-wrap:wrap;gap:14px 10px;padding-block:16px}.brand__mark{width:39px;height:39px}.brand__name{font-size:20px}.brand__sub{font-size:9px}.site-header__gift{margin-left:auto}.site-header__gift span{display:inline}.site-header__bar>.search{order:3;flex-basis:100%;max-width:none;margin-left:0}.genre-nav__list{padding-inline:8px}.genre-nav__link{font-size:11px;padding:12px 10px}.hero{padding:29px 0}.hero__title{font-size:29px;letter-spacing:-.6px}.hero__lead{font-size:13px;line-height:1.8}.hero::after{opacity:.6;right:-150px}.stats{margin-top:23px;gap:15px;flex-wrap:wrap}.stat{gap:5px;padding:0 15px 0 0;margin:0}.stat strong{font-size:21px}.stat span{font-size:10px}.stat--gold{padding-right:0}.section{margin-block:28px}.section__title{font-size:18px}.section__sub{font-size:10px}.class-grid{gap:8px}.class-tile{padding:12px 9px}.class-tile__name{font-size:10px}.class-tile__count{font-size:9px}.class-tile__icon{width:30px;height:30px}.class-tile__icon .icon{width:18px;height:18px}.layout{grid-template-columns:1fr;margin-block:28px 42px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.sidebar__sticky{display:none}.sidebar>.ad--sidebar{display:none}.sidebar>.quest-banner{grid-column:1/-1}.card-grid>.card:first-child:not(:last-child){display:grid;grid-template-columns:1fr 1fr}.card-grid>.card:first-child .card__media{aspect-ratio:auto;min-height:240px}.card-grid>.card:first-child .card__body{padding:18px}.card__body{padding:16px}.card__title{font-size:17px}.badge{font-size:9px;padding:3px 5px}.card-grid--compact>.card:first-child:not(:last-child),.card-grid--three>.card:first-child:not(:last-child){display:flex}.card-grid--compact>.card:first-child .card__media,.card-grid--three>.card:first-child .card__media{aspect-ratio:16/9;min-height:0}.card-grid--compact,.card-grid--three{grid-template-columns:1fr 1fr}.hero--game{padding:20px 0 27px}.game-hero{grid-template-columns:1fr;gap:26px}.hero__title--game{font-size:29px}.game-hero__logo{max-height:58px;max-width:150px}.game-hero__shot{max-width:none}.game-hero__shot>img{max-height:350px;object-fit:contain;background:#f0edf6}.game-hero__actions{margin-top:18px}.panel--lg{padding:21px}.panel__title--lg{font-size:18px}.crumbs{margin-bottom:18px}.site-footer__grid{grid-template-columns:1fr 1fr;gap:30px;padding-block:32px}.site-footer__brand{grid-column:1/-1}.site-footer__brand>p{max-width:none}.site-footer__legal{line-height:1.8}.card-grid--compact .card__title{font-size:16px}}
@media(max-width:479px){.brand__name{font-size:18px}.brand__sub{font-size:8px}.brand{gap:8px}.site-header__gift{font-size:11px;padding:8px 10px}.site-header__gift .icon{width:16px}.hero__title{font-size:25px}.stats{gap:11px}.stat{padding-right:11px}.stat strong{font-size:19px}.stat span{font-size:9px}.card-grid{grid-template-columns:1fr;gap:19px}.card-grid>.card:first-child:not(:last-child){display:flex}.card-grid>.card:first-child .card__media{aspect-ratio:16/9;min-height:0}.card__body,.card-grid>.card:first-child .card__body{padding:18px}.card__title{font-size:20px}.card__text{font-size:13px}.card__cta{font-size:12px}.badge{font-size:10px;padding:4px 7px}.sidebar{grid-template-columns:1fr}.sidebar>.quest-banner{grid-column:auto}.hotbar ol{gap:4px}.hotbar__slot{min-width:33px;height:38px;padding:0 8px}.hotbar__gap{padding:0}.video-grid{grid-template-columns:1fr}.card-grid--compact{grid-template-columns:1fr 1fr;gap:10px}.card-grid--compact .card__body,.card-grid--compact>.card:first-child .card__body{padding:12px}.card-grid--compact .card__title{font-size:13px}.card-grid--compact .card__cta{font-size:10px}.sheet{grid-template-columns:1fr}.hero__title--game{font-size:26px}.game-hero__actions .btn{flex:1}.game-hero__actions{gap:8px}.loot__title{font-size:13px;padding:16px}.prose{font-size:13px}}
/* Skin-safe frame: match the original 1000px creative's central opening.
   Keep the ad slot outside the opaque canvas; flow-root contains section
   margins so no background artwork leaks through the gaps between them. */
.site-header,.site-body{position:relative;z-index:1;width:min(var(--max),100%);margin-inline:auto}
.site-header{height:52px;border-bottom:1px solid var(--line)}
.site-header__bar{height:51px;min-height:0;max-height:51px;flex-wrap:nowrap;gap:18px;padding-block:0}
.site-header .brand{gap:8px}
.site-header .brand__mark{width:32px;height:32px}
.site-header .brand__name{font-size:18px}
.site-header .brand__sub{font-size:8px;letter-spacing:.8px}
.site-header .search{height:36px;padding:2px 4px 2px 10px}
.site-header .search__input{padding:3px 0;font-size:12px}
.site-header .search__btn{padding:5px 10px}
.site-header__gift{min-height:34px;height:34px;padding:5px 11px;font-size:12px}
.site-header__gift .icon{width:18px;height:18px}
.site-header__gift span{display:inline}
.site-header__search-link,.mobile-search{display:none}
.site-body,.site-main{display:flow-root;background:var(--bg)}
.skin-slot iframe{display:block}
.site-body .container{width:calc(100% - 48px)}
.genre-nav{background:var(--paper);border-top:0;border-bottom:1px solid var(--line)}
.genre-nav__list{flex-wrap:wrap;justify-content:center;gap:0 8px;overflow:visible;padding-inline:0}
.genre-nav__link{padding:12px 8px}
.hero::after{right:40px}
@media(max-width:759px){
  .site-body .container{width:calc(100% - 32px)}
  .site-header__bar{gap:10px}
  .site-header__bar>.search{display:none}
  .site-header__search-link{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;margin-left:auto;border:1px solid var(--line);border-radius:7px;color:var(--primary)}
  .site-header__gift{margin-left:0}
  .site-header__gift span{display:none}
  .mobile-search{display:block;padding-block:12px}
  .mobile-search .search{margin:0;max-width:none}
  .genre-nav .container{width:100%}
  .genre-nav__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-inline:8px;gap:3px}
  .genre-nav__link{padding:12px 10px}
  .hero::after{right:-150px}
}
@media(max-width:479px){.card-grid{grid-template-columns:minmax(0,1fr)}.card-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid__ad{min-width:0}}
@media(max-width:359px){.site-header .brand__name{font-size:16px}.site-header .brand__sub{display:none}.site-header__bar{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}