:root{color-scheme:dark;--bg:#12110f;--surface:#1d1b17;--line:#393328;--ink:#f7f0e3;--muted:#bdb3a3;--gold:#ffbc5d;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--body)}
main{min-height:65vh}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.06}
h1,h2{font-family:var(--display);font-weight:700}
h1{font-size:clamp(3rem,7vw,5rem);margin-bottom:22px}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.1rem}
p+p{margin-top:.8rem}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.gold,.eyebrow{color:var(--gold)}
.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.site-header{background:#141310;border-bottom:1px solid var(--line)}
.nav-row,.footer-row{display:flex;align-items:center;gap:34px;min-height:74px}
.logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--display);font-weight:800;font-size:1.65rem;letter-spacing:.04em}
.logo-mark{display:grid;place-items:center;background:var(--gold);color:#21160b;font-size:1.3rem;line-height:1;width:34px;height:34px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.nav-row nav,.nav-end,.footer-row div{display:flex;align-items:center;gap:24px;font-size:.92rem;font-weight:650}
.nav-row nav{margin-inline:auto;color:#ddd2c1}
.cart-link {
    display: inline-flex;
    align-items: center;
    flex: none;
    gap: 6px;
    min-height: 38px;
    padding: 4px 9px;
    border: 1px solid var(--line);
    border-radius: 7px;
    white-space: nowrap;
}
.cart-link:is(:hover, :focus-visible) { border-color: var(--gold); }
.cart-link .ui-icon { color: var(--gold); }
.cart-count {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    min-height: 18px;
    padding-inline: 4px;
    border-radius: 999px;
    background: #3c2d1d;
    color: var(--gold);
    font-size: .75rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
.currency-choice{display:flex;gap:4px}.currency-choice select{min-height:34px;padding:4px 6px}.currency-choice .button{min-height:34px;padding:4px 7px}
.hero{background:#272218 url('/media/hero.webp') center 48%/cover no-repeat;position:relative;isolation:isolate}
.hero-forever{background-color:#050d19;background-position:65% center}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15130ff7 0%,#171410df 28%,#1714102b 69%,#17141011),linear-gradient(0deg,#15130fc0,transparent 33%);z-index:-1}
.hero-inner{min-height:492px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:52px;position:relative}
.hero-copy{max-width:595px;min-width:0;overflow-wrap:anywhere}
.hero-copy h1{font-size:clamp(4rem,8vw,7.1rem);letter-spacing:.005em;font-weight:800;line-height:.84;margin:22px 0 24px}
.hero-copy em{color:var(--gold);font-style:normal}
.hero-copy p{max-width:410px;color:#e2d7c6;font-size:1.09rem}
.hero-message > p:first-child:has(~ h1){color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.hero-message > p:first-child:has(~ h1)::before{content:'';display:inline-block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);margin:0 8px 2px 2px}
.hero-message a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.hero-message img{max-width:100%;height:auto;border-radius:6px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:45px;border:1px solid transparent;border-radius:7px;padding:10px 17px;font-weight:750;line-height:1.2}
.ui-icon { display: block; width: 1.2em; height: 1.2em; flex: none; }
.primary{background:var(--gold);color:#241809}
.primary:hover{background:#ffd091;color:#241809}
.ghost{background:#1b17138c;border-color:#71624c;color:var(--ink)}
.ghost:hover{border-color:var(--gold);color:var(--gold)}
.hero-game{align-self:flex-end;display:grid;gap:3px;border-left:2px solid var(--gold);padding:6px 0 6px 12px;min-width:150px;text-shadow:0 1px 4px #000}
.hero-game span{color:var(--gold);font-size:.68rem;letter-spacing:.15em}
.benefits{background:#1b1814;border-block:1px solid var(--line)}
.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);padding-block:14px;gap:12px;text-align:center;font-size:.87rem;font-weight:600;color:#ddd1bf}
.benefit-row b{color:var(--gold);margin-right:7px;font-size:1.1em}
.catalog{padding-block:46px 58px}
.page{padding-block:42px 66px}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}
.section-head h1{margin:0}
.section-head h2{margin-top:5px}
.search{display:flex;border-radius:7px;overflow:hidden;border:1px solid var(--line);width:min(100%,300px);background:var(--surface)}
.search input{background:transparent;border:0}
.search button { display: grid; place-items: center; min-width: 44px; background: transparent; color: var(--gold); border: 0; }
.search button:is(:hover, :focus-visible) { background: #342719; }
.search button:focus-visible { outline: 2px solid var(--gold); outline-offset: -3px; }
.search-field { display: block; position: relative; }
.search-field input { padding-inline-start: 34px; }
.search-field .ui-icon { position: absolute; inset-inline-start: 10px; top: 50%; transform: translateY(-50%); color: var(--gold); pointer-events: none; }
.search-field input[hidden] + .ui-icon { display: none; }
.server-filters .search-field { margin-top: 5px; }
.server-filters .search-field input { margin: 0; }
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.game-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}
.game-card:hover{border-color:#a27c4d;transform:translateY(-3px);color:var(--ink)}
.game-image{aspect-ratio:2.5;background:#30281f;overflow:hidden}
.game-image img{display:block;width:100%;height:100%;object-fit:cover}
.game-body{padding:10px 12px;flex:1;display:flex;flex-direction:column}
.game-body .eyebrow{font-size:.61rem}
.game-body h3{margin:4px 0;line-height:1.23}
.game-reviews{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:var(--muted);font-size:.8rem;margin-bottom:6px}
.game-rating{color:var(--ink);font-weight:650}
.game-rating span{color:var(--gold)}
.game-price{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--muted);font-size:.82rem;line-height:1.25;margin-top:auto}
.game-price strong{color:var(--ink);font-size:1rem}
.game-card-cart { display: grid; place-items: center; flex: none; width: 28px; height: 28px; color: var(--gold); background: #282018; border: 1px solid #584431; border-radius: 7px; font-size: 1rem; }
.game-card:is(:hover, :focus-visible) .game-card-cart { background: var(--gold); color: #241809; border-color: var(--gold); }
.center{text-align:center;margin-top:28px}
.filters,.presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chip{color:var(--muted);border:1px solid var(--line);border-radius:6px;background:#211d18;padding:8px 12px;font-size:.86rem}
.chip.selected,.chip[aria-pressed=true],.chip:hover{color:var(--gold);border-color:#a27c4d;background:#342719}
.site-footer{background:#161411;border-top:1px solid var(--line)}
.footer-row{justify-content:space-between;padding-block:22px;color:var(--muted);flex-wrap:wrap}
.game-banner{background:linear-gradient(90deg,#16130ff2,#15130f91,#15130fb3),var(--cover) center 43%/cover;border-bottom:1px solid var(--line);padding:32px 0 37px}
.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:16px}
.game-banner h1{margin:0}
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,340px);align-items:start;gap:24px}
section.product{padding-block:28px 64px}
.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;min-width:0}
.panel h2{font-size:2.1rem;margin-bottom:16px}
.panel>p{margin-bottom:14px}
.product-form fieldset{border:0;border-top:1px solid var(--line);margin:18px 0 0;padding:12px 0 4px;min-width:0}
legend{padding:0 10px 0 0;font-size:1.05rem;font-weight:700}
legend span{color:var(--gold);background:#32251a;border-radius:50%;display:inline-grid;place-items:center;width:25px;height:25px;margin-right:5px;font-size:.82rem}
label{display:block;font-size:.89rem;font-weight:600;margin:0 0 10px}
input,select,textarea{width:100%;min-width:0;min-height:44px;background:#151310;border:1px solid #504638;border-radius:6px;padding:9px 11px;color:var(--ink)}
label input,label select,label textarea{margin-top:5px}
textarea{min-height:104px}
.server-filters{display:grid;grid-template-columns:minmax(135px,2fr) repeat(2,minmax(0,1fr));gap:10px}
.muted{color:var(--muted)}
.field-note{font-size:.85rem;margin:7px 0 0}
.quantity {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    max-width: 250px;
    border: 1px solid #63513a;
    border-radius: 9px;
    background: #151310;
}
.quantity button {
    display: grid;
    place-items: center;
    min-height: 44px;
    border: 0;
    background: #332819;
    color: var(--gold);
}
.quantity button:first-child { border-radius: 8px 0 0 8px; }
.quantity button:last-child { border-radius: 0 8px 8px 0; }
.quantity button:enabled:hover { background: var(--gold); color: #241809; }
.quantity button:enabled:active { background: #ffd091; color: #241809; }
.quantity button:focus-visible { outline: 2px solid var(--gold); outline-offset: -3px; }
.quantity button::before, .quantity button[data-step="1"]::after {
    content: "";
    grid-area: 1 / 1;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}
.quantity button[data-step="1"]::after { transform: rotate(90deg); }
.quantity input {
    appearance: textfield;
    border: 0;
    border-inline: 1px solid #63513a;
    border-radius: 0;
    background: transparent;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.quantity input::-webkit-inner-spin-button { appearance: none; }
.presets{margin:10px 0 0}
.summary{position:sticky;top:16px}
.summary-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:16px}
.summary dl div,.summary-total{display:flex;align-items:center;justify-content:space-between;gap:8px}
.summary dt,.summary-total small{color:var(--muted)}
.summary dl div{padding:9px 0;border-bottom:1px solid var(--line)}
.summary dd{margin:0;text-align:right}
.game-bonus-offer{margin-top:14px;padding:11px 13px;border:1px solid #5e4d80;border-radius:8px;background:#241e31;color:#dec9ff}
.game-bonus-offer small{color:#ccbddd;margin-inline-start:5px}
.game-bonus-offer ul{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0;padding:0;list-style:none}
.game-bonus-offer li{padding:3px 8px;border:1px solid #69568a;border-radius:5px;font-size:.85rem}
.game-bonus-offer li.is-active{background:#dec9ff;color:#2a1a42;border-color:#dec9ff;font-weight:700}
.game-bonus-offer .bonus-amount{margin-top:7px}
.item-preview{position:relative;width:max-content;margin:12px 0}
.item-preview[hidden],.item-preview p[hidden]{display:none}
.item-preview button{display:block;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.item-preview img{display:block;object-fit:contain;border-radius:5px}
.item-preview p{position:absolute;z-index:2;inset:auto auto 100% 0;margin:0 0 6px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#211b15;box-shadow:0 8px 24px #0008;width:min(18rem,calc(100vw - 70px));white-space:pre-wrap;overflow-wrap:anywhere}
.item-catalog-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px}
.item-catalog-filters[hidden],.item-card[hidden]{display:none}
.item-catalog-filters .search-field{margin-top:5px}
.item-catalog-filters .search-field input{margin:0}
.item-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:8px;max-height:28rem;overflow:auto;margin-top:10px;padding:3px;scrollbar-gutter:stable}
.item-card{position:relative;min-width:0;display:flex}
.item-card-choice{display:grid;align-content:start;gap:3px;width:100%;min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);cursor:pointer;overflow-wrap:anywhere}
.item-card-choice:hover,.item-card:has(:checked) .item-card-choice{border-color:var(--gold)}
.item-card:has(:checked) .item-card-choice{background:#302719}
.item-card-choice:has(:focus-visible){outline:2px solid var(--gold);outline-offset:1px}
.item-card:has(.item-card-media:not([hidden])) .item-card-choice{padding-top:86px}
.item-card-choice input{position:absolute;top:10px;right:10px;width:16px;min-height:0;margin:0;accent-color:var(--gold)}
.item-card:not(:has(.item-card-media:not([hidden]))) .item-card-choice strong{padding-right:20px}
.item-card-choice .muted,.item-card-price small{font-size:.76rem;font-weight:400}
.item-card-price{color:var(--gold);font-variant-numeric:tabular-nums}
.item-card-media img,.item-card-media button{display:block;width:64px;height:64px;border-radius:6px}
.item-card-media img{object-fit:contain}
.item-card-media > :is(img,button){position:absolute;top:11px;left:11px}
.item-card-media button{border:0;padding:0;background:transparent}
.item-card-description{display:none;position:absolute;z-index:1;inset:auto 5px 5px;margin:0;padding:7px;border:1px solid #8b7146;border-radius:6px;background:#211b15;color:var(--ink);font-size:.78rem;overflow-wrap:anywhere;pointer-events:none;max-height:6rem;overflow:auto}
.item-card-media:has(button:is(:focus-visible,[aria-pressed='true'])) .item-card-description{display:block;pointer-events:auto}
@media (hover:hover){.item-card-media:has(button:hover) .item-card-description{display:block}}
.item-card-quantity{max-width:14rem;margin-top:8px}
.game-bonus-offer .next-bonus-tier:not(:empty){margin-top:7px;color:#ffd28e;font-weight:700}
.bonus-amount,.summary .summary-bonus dt{color:#a6ecc5;font-weight:700}
.summary dl .summary-bonus[hidden]{display:none}
.summary-total{font-weight:750;margin:14px 0;font-size:1.02rem}
.summary-total strong{font-size:1.75rem;color:var(--gold)}
.summary .button,.checkout-summary .button{width:100%}
.game-description{margin-top:32px;scroll-margin-top:16px}
.game-description h2{margin-bottom:12px}
.game-description-content{color:var(--muted);overflow-wrap:anywhere}
.game-description-content :is(h1,h2,h3,h4,h5,h6){color:var(--ink);font-family:inherit;font-size:1.2rem;line-height:1.35;margin:1.15em 0 .45em}
.game-description-content :is(h1,h2,h3){font-size:1.4rem}
.game-description-content :is(p,ul,ol,figure,blockquote,pre,table)+:is(p,ul,ol,figure,blockquote,pre,table){margin-top:.8rem}
.game-description-content a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.game-description-content img{max-width:100%;height:auto;border-radius:6px}
.game-description-content figure{margin-inline:0}
.game-description-content blockquote{margin-inline:0;padding-inline-start:14px;border-inline-start:3px solid var(--line)}
.game-description-content pre{white-space:pre-wrap}
.game-description-content table{display:block;max-width:100%;overflow-x:auto}
.support-page{max-width:1100px}
.support-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#211b15}
.support-hero-copy{padding:clamp(24px,4vw,52px);align-self:center;min-width:0}
.support-hero h1{margin:10px 0 15px;font-size:clamp(2.6rem,5.3vw,5rem);overflow-wrap:anywhere}
.support-intro{color:#e2d7c6;max-width:49ch;line-height:1.65}
.support-art{width:100%;height:100%;min-height:260px;display:block;object-fit:cover}
.support-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.support-content{display:flow-root;margin-top:20px;line-height:1.65}
.support-content>div{padding:22px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.support-content>div+div{margin-top:12px}
.support-content>div>h2:first-child{margin:0 0 8px;font-size:1.4rem}
.support-contact{margin-top:14px}
.support-contact h2{font-size:1.5rem;margin-bottom:8px}
.support-contact a{color:var(--gold);overflow-wrap:anywhere}
@media(min-width:760px){
    .support-content:has(>div:nth-child(6):last-child):not(:has(> :not(div))){
        display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;
        & > div{grid-column:span 2;margin-top:0}
        & > div:first-child{grid-column:1/-1}
        & > div:nth-child(n+5){grid-column:span 3}
    }
}
@media(max-width:680px){
    .support-hero{grid-template-columns:minmax(0,1fr)}
    .support-art{min-height:0;aspect-ratio:2.5;height:auto;object-position:center 55%}
    .support-content>div{padding:18px}
}
.news-masthead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.news-masthead h1{font-size:clamp(3.2rem,7vw,5.8rem);margin:0}
.news-filters{margin-bottom:24px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.news-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0}
.news-card:hover,.news-card:focus-within{border-color:#917047}
.news-card>a{display:flex;flex-direction:column;height:100%;color:var(--ink);border-radius:inherit;overflow:hidden}
.news-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:#272218}
.news-card-copy{display:flex;flex-direction:column;gap:9px;padding:16px 18px;flex:1;min-width:0;overflow-wrap:anywhere}
.news-card h3{font-size:1.18rem;line-height:1.25}
.news-card p{color:var(--muted);font-size:.92rem;line-height:1.5;margin-bottom:3px}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:4px;color:var(--muted);font-size:.77rem}
.news-meta span{color:var(--gold);font-weight:750}
.news-read,.news-back{color:var(--gold);font-weight:700;font-size:.87rem}
.news-read{margin-top:auto}
.news-lead{margin-bottom:28px}
.news-lead>a:has(.news-image){display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}
.news-lead .news-image{height:100%;min-height:250px}
.news-lead .news-card-copy{justify-content:center;padding:clamp(20px,4vw,44px)}
.news-lead h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1}
.news-lead .news-read{margin-top:8px}
.news-list-heading,.news-related h2{margin-bottom:14px;font-size:clamp(1.9rem,3vw,2.65rem)}
.news-page>.filters:last-child{margin-top:22px}
.news-article-page{max-width:1080px}
.news-article-header{max-width:900px;margin:18px auto 20px}
.news-article-header h1{margin:8px 0 0;font-size:clamp(2.7rem,5.4vw,4.8rem);line-height:1.02;overflow-wrap:anywhere}
.news-article-image{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:12px}
.news-article-body{max-width:760px;margin:24px auto 0;color:var(--ink);font-size:1.05rem;line-height:1.72}
.news-source{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:.92rem}
.news-related{border-top:1px solid var(--line);margin-top:35px;padding-top:22px}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
    .news-masthead{align-items:stretch;flex-direction:column;gap:12px}
    .news-grid,.news-lead>a:has(.news-image){grid-template-columns:1fr}
    .news-lead .news-image{min-height:0;height:auto}
    .news-article-body{font-size:1rem}
}
.cart-row p{color:var(--muted)}
.review-count{font:600 .9rem var(--body);color:var(--muted);vertical-align:middle;margin-left:5px}
.review-list{display:grid;gap:12px}
.review{padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow-wrap:anywhere}
.review-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.review-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;object-fit:cover;border-radius:50%;background:#382a1d;color:var(--gold);font-weight:700}
.review-author{display:grid;gap:2px}
.review-author time,.review-ratings,.review-pagination{color:var(--muted);font-size:.85rem}
.review-ratings{margin-inline-start:auto;display:grid;gap:2px}
.review-ratings div{display:flex;justify-content:space-between;gap:8px}
.review-stars{color:var(--gold);white-space:nowrap;letter-spacing:.05em}
.review-stars-empty{color:var(--muted)}
.review h3{line-height:1.3;margin-bottom:4px}
.review p{color:var(--muted);white-space:pre-line}
.review-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.errors{color:#ffbdac;border:1px solid #a95748;background:#3b2520;border-radius:7px;margin-bottom:14px;padding:2px 14px}
.errors ul{padding-left:20px}
.cart-row{display:flex;justify-content:space-between;align-items:center;gap:12px;overflow-wrap:anywhere;padding:12px 0}
.cart-row+.cart-row{border-top:1px solid var(--line)}
.cart-row p{margin-top:5px}
.narrow{max-width:700px}
.spaced{margin-top:10px}
.article{white-space:pre-wrap;overflow-wrap:anywhere}
.stacked{display:grid;gap:8px}
.auth-google{width:100%;max-width:400px;background:#fff;color:#1f1f1f;border-color:#747775;font-size:.93rem}
.auth-google img{width:20px;height:20px;object-fit:contain;flex:none}
.auth-google-status{margin:7px 0 0;color:var(--muted);font-size:.83rem;text-align:center}
.auth-google-slot{display:flex;justify-content:center}
.auth-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:var(--muted);font-size:.83rem}
.auth-divider::before,.auth-divider::after{content:'';height:1px;background:var(--line);flex:1}
.auth-panel .stacked>a{justify-self:start}
.auth-panel .stacked>.auth-forgot-link{justify-self:end;margin-top:-8px;font-size:.875rem}
.boost-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.skill-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0;margin:0;border-bottom:1px solid var(--line)}
.skill-choice input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--gold)}
.rate-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:end;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}.rate-form label{margin:0}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;padding-block:10px}.permission-grid label{display:flex;gap:6px;align-items:center;margin:0}.permission-grid input{width:auto;min-height:auto;margin:0}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.table-scroll{overflow:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}
td a,.article a,.stacked a{color:var(--gold)}
@media(max-width:960px){.wrap{width:calc(100% - 48px)}.nav-row,.nav-row nav,.nav-end{gap:14px}}
@media(max-width:1080px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
.wrap{width:calc(100% - 32px)}.nav-row{min-height:60px;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:8px}.nav-row nav{order:3;width:100%;margin-top:4px;padding:7px 0 9px;gap:20px}.nav-end{gap:9px;font-size:.85rem}.logo{font-size:1.35rem}
.hero-inner{min-height:420px;padding:52px 0 32px;align-items:flex-end}.hero:before{background:linear-gradient(90deg,#15130fda,#15130f70 58%,#15130f32),linear-gradient(0deg,#15130fe5,transparent 72%)}.hero-game{display:none}.hero-copy h1{font-size:clamp(3.7rem,13vw,5rem)}.hero-copy p{font-size:.97rem}
.benefit-row{gap:5px;font-size:.71rem;padding-block:10px}.benefit-row b{margin-right:2px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog,.page{padding-block:28px 40px}.section-head{align-items:stretch;flex-direction:column;gap:12px}.search{width:100%}.game-body{padding:11px}.game-body h3{font-size:.98rem}
.product{display:block}.product>.panel+.panel{margin-top:12px}.panel{padding:16px}.summary{position:sticky;bottom:0;top:auto;margin:16px -16px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px 8px 0 0;box-shadow:0 -8px 25px #0007;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.summary-detail{display:none}.summary .summary-total{margin:0;gap:7px}.summary .summary-total strong{font-size:1.45rem}.summary .button{width:auto}.server-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.server-filters label:first-child{grid-column:1/-1}.cart-row{flex-wrap:wrap}.footer-row,.footer-row div{gap:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
@media(max-width:365px){.currency-choice .button{padding-inline:4px}.currency-choice select{padding-inline:3px}.nav-end{gap:6px}}
@media (max-width: 680px) {
    .cart-link { gap: 4px; padding-inline: 6px; }
    .hero-forever { background-position: 68% center; }
    .summary-cover { width: 44px; aspect-ratio: 1; margin: 0; flex: none; }
    .summary .summary-total { flex-wrap: wrap; }
    .review { padding: 13px; }
}
@media (max-width: 780px) {
    .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 500px) {
    .game-grid { grid-template-columns: 1fr; }
}

.hero-carousel{position:relative}.hero-controls{position:absolute;right:24px;bottom:14px;display:flex;gap:6px;z-index:2}.hero-controls button{background:#191712e8;color:white;border:1px solid #766b54;border-radius:6px;min-width:40px;min-height:36px}