/* One surface language, no nested card outlines. Focus rings only appear for keyboard use. */
:root{--surface-96:#16131f;--surface-hover-96:#211a2e}
body :is(.card,.tag-case,.case-owned,.case-win,.inventory-tag,.inventory-state,.settings-block,.panel-box,.giveaway-card,.wallet-metrics>div,.case-pool-item,.case-fragments,.rank-comparison,.summary,.cart-item,.staff-section){border:0!important;outline:0;background-color:var(--surface-96);box-shadow:none!important}
body :is(.card,.tag-case,.case-owned,.inventory-tag)::before,body :is(.card,.tag-case,.case-owned,.inventory-tag)::after{border:0!important;box-shadow:none!important}
body .inventory-tag.is-selected{border:0!important;background:#2b203e;box-shadow:none!important}body .case-owned-odds{border:0!important;background:#ffffff06!important}
body :is(.field,.case-segment,.case-options,.case-options button,.case-segment button,.case-chance,.case-mode-note,.case-topline){border:0!important;box-shadow:none!important}.field{background:#ffffff06!important}.field:focus{background:#ffffff0a!important}
body :is(button,a,input,select,summary):focus-visible{outline:2px solid #bc91f4!important;outline-offset:4px}
body :is(.btn,.tag-case,.inventory-tag,.case-owned,.rank-card){transition:background-color .18s ease,transform .18s ease,opacity .18s ease}
body :is(.tag-case,.inventory-tag,.case-owned):hover{background-color:var(--surface-hover-96)}
.navbox{background:#0d0b13eF!important;border-bottom:0!important}.nav .links{gap:25px}.nav .links a{font-size:14px}.hero-inner{padding-top:66px!important}.hero .hero-mark{width:110px;height:110px}.hero .brand-stage{width:125px;height:125px}.hero .hero-prize{font-size:clamp(15px,2vw,19px);max-width:500px;line-height:1.5;margin:14px auto}.hero .hero-motto{font-size:22px;margin:8px 0}.hero h1{font-size:clamp(56px,8vw,96px);letter-spacing:-.045em}.hero .version-chips{margin:24px 0}.hero .scroll-cue{margin-top:25px}.hero{min-height:650px!important}.hero .hero-art{opacity:.85}.hero .hero-vignette{background:linear-gradient(180deg,#0d0b1355,transparent 22%,#0d0b1333 55%,#0d0b13 100%)}
.arena-section{padding-top:32px;padding-bottom:70px}.section-title{text-align:center;margin-bottom:44px}.section-title h2{font-size:clamp(30px,4vw,42px);letter-spacing:-.04em;margin:14px 0}.arena-group-head{display:flex;align-items:baseline;gap:12px;margin:32px 0 18px}.arena-group-head h3{font-size:20px;margin:0}.arena-group-head>span{color:#91859f;font-size:12px}.arena-group-head>a{margin-left:auto;color:#bda2e6;font-size:13px;text-decoration:none}.arena-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.arena-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:245px;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;background:#211631;transform:translateZ(0);transition:transform .25s cubic-bezier(.2,.7,.2,1)}.arena-card:before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('/assets/arenas-96-9495a0c32cef.webp');background-size:300% 300%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.arena-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0805107a,transparent 55%,#080510ef)}.arena-card:hover{transform:translateY(-4px)}.arena-card:hover:before{transform:scale(1.035)}.arena-art-0:before{background-position:0% 12.5%}.arena-art-1:before{background-position:50% 12.5%}.arena-art-2:before{background-position:100% 12.5%}.arena-art-3:before{background-position:0% 87.5%}.arena-art-4:before{background-position:50% 87.5%}.arena-art-5:before{background-position:100% 87.5%}
.arena-title{font-size:25px;font-weight:800;letter-spacing:-.04em;padding:24px}.arena-card-bottom{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d3c8e4}.arena-card-bottom>span{font-size:19px;color:#fff}.arena-top-row{display:flex;align-items:center;gap:18px;padding:18px 0;color:#a497b5;font-size:12px}.arena-top-label{white-space:nowrap}.arena-top-row>div{display:flex;gap:10px;min-width:0;flex-wrap:wrap}.arena-top-player{display:flex;align-items:center;gap:9px;color:#b7adc8;text-decoration:none;background:#ffffff04;padding:7px 12px;border-radius:99px;max-width:100%}.arena-top-player>span{display:grid;place-items:center;width:20px;height:20px;background:#ffffff0b;border-radius:50%;font-size:10px;color:#e1d9ed}.arena-top-player:first-child b{color:#ceb0fd}.arena-all-rankings{display:flex;width:fit-content;margin:26px auto 0;padding:14px 22px!important;border:0!important}.rank-benefits-compact{padding:12px 0;font-size:12px;color:#bcaacd;cursor:pointer}.rank-benefits-compact summary{margin-bottom:10px}.rank-foot{max-width:800px;font-size:11px!important;opacity:.65}.page-teasers .page-teaser{border:0!important}.how-card{padding:25px}.how-card p{font-size:13px;color:#ac9fb9}
.ranking-page{padding:65px 0 90px;max-width:1000px!important}.ranking-title{text-align:center;margin-bottom:40px}.ranking-title h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.05em;margin:14px 0}.ranking-title p{color:#978aa8;font-size:14px}.ranking-toolbar,.ranking-mode-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.rank-segment{display:flex;gap:6px;padding:5px;background:#15111e;border-radius:13px}.rank-segment button{border:0;background:transparent;color:#aa9cbc;padding:11px 20px;font-weight:800;border-radius:9px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.rank-segment button[aria-pressed=true]{background:#30203f;color:#e3d2fb}.rank-segment button small{font-weight:400;font-size:10px;margin-left:6px;color:#c6b1df}.rank-search{width:250px;min-width:0}.rank-search input{width:100%;margin:0;min-height:44px}.leaderboard-table{border-radius:20px;background:#15121d;padding:12px 24px}.leaderboard-row{display:grid;grid-template-columns:40px minmax(0,1fr) 120px;gap:18px;align-items:center;min-height:76px;padding:12px 8px;transition:background .15s}.leaderboard-row+.leaderboard-row{border-top:1px solid #ffffff03}.leaderboard-row:not(.leaderboard-columns):hover{background:#ffffff03;border-radius:10px}.leaderboard-columns{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8e819f;min-height:45px}.leaderboard-columns>span:last-child{text-align:right}.rank-position{color:#9587a6;font-size:13px}.rank-top-1{color:#e3c779;font-weight:800}.rank-top-2{color:#b8bed2;font-weight:800}.rank-top-3{color:#d5a183;font-weight:800}.rank-player{display:flex;align-items:center;gap:14px;min-width:0}.rank-player img{border-radius:7px;image-rendering:pixelated}.rank-player strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.rank-values{text-align:right;font-variant-numeric:tabular-nums;display:grid;gap:5px}.rank-values strong{font-size:18px;color:#d4b7fd}.rank-values small{font-size:10px;color:#887995}.rank-empty{padding:45px 10px;text-align:center;color:#9687a5;font-size:13px}.ranking-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:24px 0 0;font-size:12px;color:#a191b1}.ranking-status{font-size:11px;text-align:center;color:#83728f;margin:20px 0}
.tag-case{padding:22px!important;border-radius:20px!important}.tag-case .case-price small{font-size:11px}.tag-case .case-buy-row .btn-primary{padding:11px 16px;font-size:13px}.tag-case .case-odds-open{font-size:11px;background:none!important;min-height:30px}.tag-case .case-proof-link{font-size:10px;margin-top:8px}.case-mine-list .case-owned{padding:20px!important;border-radius:20px!important}.case-owned .case-result:empty{display:none}.case-mode-note:empty{display:none}.case-fragments{font-size:12px!important;background:#ffffff04!important}.case-open-info{padding:10px 6px;text-align:center;font-size:13px;color:#b4a0c8;overflow-wrap:anywhere}.case-open-info.is-error{color:#efb1c6}.case-dialog>.captcha-slot{margin:18px auto 8px;max-width:350px;padding:15px;background:#1d1727;border:0;border-radius:15px}.case-dialog>.captcha-slot .captcha-label{font-size:11px}.case-loading{width:24px;height:24px;border:2px solid #ffffff0b;border-top-color:#c9a6ff;border-radius:50%;margin:35px auto 20px;animation:case-spin-96 .9s linear infinite}.case-dialog>.btn{display:flex;margin:16px auto 0}.case-dialog .case-stage>h3{font-size:20px}.case-options{border:0!important}.case-stage .case-reel{border:0!important}.case-odds-dialog{border:0!important}.case-pool-item{background:#1a1424!important;border:0!important}.case-exact-odds{font-variant-numeric:tabular-nums}.case-odds-mode{font-size:11px}.case-win p{font-size:11px}.inventory-tag-chance{font-size:10px;color:#7c6c8c}.inventory-tag .btn{font-size:12px;min-height:38px}
@keyframes case-spin-96{to{transform:rotate(360deg)}}
@media(max-width:770px){.hero{min-height:620px!important}.hero-inner{padding-top:42px!important}.arena-grid{gap:12px}.arena-card{min-height:205px}.arena-title{font-size:20px;padding:18px}.arena-card-bottom{padding:16px 18px}.arena-top-row{align-items:flex-start;flex-direction:column;gap:12px}.ranking-toolbar{align-items:stretch;flex-direction:column}.rank-search{width:100%}.rank-segment button{flex:1;padding:11px 12px}.rank-segment{justify-content:center}.ranking-mode-row{gap:8px}.rank-segment button small{display:block;margin:4px 0 0}.leaderboard-table{padding:8px 12px}.leaderboard-row{grid-template-columns:25px minmax(0,1fr) 86px;gap:8px}.rank-player{gap:9px}.rank-player strong{font-size:12px}.rank-values strong{font-size:16px}.ranking-page{padding-top:42px}.nav .links{gap:16px}}
@media(max-width:520px){.arena-grid{grid-template-columns:1fr}.arena-card{min-height:240px}.arena-card:before{background-size:300% 300%}.arena-group-head{margin-top:26px}.arena-top-player{padding:6px 9px;font-size:11px}.section-title h2{font-size:31px}.rank-grid .rank-label{font-size:10px}.hero .hero-prize{max-width:285px}.hero .actions{gap:10px}.rank-segment button{font-size:11px}.ranking-mode-row .btn{padding:10px 13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-loading{animation:none}.arena-card,.arena-card:before{transition:none}}
.no-motion .case-loading{animation:none}
.arena-section{max-width:1180px!important}
@media(min-width:1280px){.nav .links{display:flex!important}.nav-toggle{display:none!important}.nav{gap:13px!important}.nav .links{gap:20px}.server-status{font-size:11px}}
body :is(.btn,.modal,.settings-modal,.cart-panel,.case-odds-dialog,.rank-benefits-compact,.code-strip,.case-owned-odds){border:0!important}