@font-face{font-family:Manrope;src:url('assets/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#101111;--surface:#191b1c;--well:#232526;--card:#222425;--hover:#2c2f30;
  --border:#333738;--text:#f4f5f1;--muted:#afb6b4;--subtle:#98a29e;
  --accent:#ddfa73;--accent-fill:#ddfa73;--accent-ink:#1d2610;
  --accent-soft:#303921;--accent-border:#778c43;
  --green:#ace1bd;--red:#f4a6af;--success-bg:#23372a;--success-border:#486452;
  --error-bg:#382529;--error-border:#70464e;--image-floor:#2c3030;
  --shadow:0 12px 28px #00000018;
}
:root[data-theme=light]{
  color-scheme:light;
  --bg:#f1f2f4;--surface:#ffffff;--well:#ebeef2;--card:#f0f2f5;--hover:#e5e9ee;
  --border:#d5dae1;--text:#20252d;--muted:#555e6b;--subtle:#606b79;
  --accent:#46515f;--accent-fill:#d4dbe4;--accent-ink:#242b35;
  --accent-soft:#e7ecf2;--accent-border:#929ead;
  --green:#276f43;--red:#a03344;--success-bg:#e8f3e7;--success-border:#abcbae;
  --error-bg:#f7e7e9;--error-border:#d6acb1;--image-floor:#e9edf2;
  --shadow:0 10px 24px #242b3509;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Manrope,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;-webkit-tap-highlight-color:transparent}
button{border:0;cursor:pointer;color:inherit;background:none;transition:background .18s,color .18s,border-color .18s,transform .18s}
button:disabled{cursor:not-allowed;opacity:.55}
button:not(:disabled):active{transform:translateY(1px)}
a{color:inherit;text-decoration:none}
svg{display:block}
button svg,[data-icon] svg{width:18px;height:18px;flex-shrink:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.theme-changing,.theme-changing *{transition:none!important}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.2}
.topbar{height:78px;display:flex;align-items:center;gap:26px;padding:0 max(28px,calc((100vw - 1416px)/2));border-bottom:1px solid var(--border);background:var(--bg)}
.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-.9px;white-space:nowrap}
.brand svg{width:29px;height:29px;color:var(--accent-fill)}
:root[data-theme=light] .brand svg{color:var(--accent)}
.brand small{color:var(--muted);border:1px solid var(--border);border-radius:6px;font-size:8px;letter-spacing:.8px;font-weight:600;padding:3px 5px;margin-left:3px}
.desktop-nav{display:flex;align-items:stretch;gap:26px;height:100%;margin-right:auto;margin-left:18px}
.desktop-nav button{position:relative;padding:0;color:var(--muted);font-size:13px;font-weight:600;border-radius:0;white-space:nowrap}
.desktop-nav button:hover{color:var(--text)}
.desktop-nav button.active{color:var(--text)}
.desktop-nav button.active:after{content:"";position:absolute;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent-fill);left:0;right:0}
.desktop-nav span{display:inline-block;background:var(--well);color:var(--muted);font-size:9px;border-radius:50%;min-width:18px;height:18px;text-align:center;line-height:18px;margin-left:4px}
.header-preferences,.top-actions{display:flex;align-items:center;gap:10px}
.header-preferences{margin-left:auto}
.language-switch{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);padding:3px;border-radius:12px}
.language-switch button{font-size:10px;font-weight:750;min-width:30px;min-height:28px;border-radius:8px;color:var(--muted)}
.language-switch button[aria-pressed=true]{background:var(--well);color:var(--text)}
.theme-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted)}
.theme-toggle:hover{background:var(--hover);color:var(--text)}
.theme-toggle svg{width:17px;height:17px}
#themeLabel{display:none}
.top-actions{gap:12px}
.balance-chip{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);white-space:nowrap}
.balance-chip strong{font-size:15px;font-weight:750;color:var(--text);font-variant-numeric:tabular-nums}
.coin-icon{font-size:18px;color:var(--accent)}
.deposit-button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;height:38px;padding:0 13px;background:var(--accent-fill);color:var(--accent-ink);font-size:11px;font-weight:750}
.deposit-button svg{width:14px;height:14px}
.deposit-button:hover{background:color-mix(in srgb,var(--accent-fill) 86%,white)}
.profile-button{border:1px solid var(--border);background:var(--well);border-radius:50%;width:34px;height:34px;font-size:13px;font-weight:750;flex-shrink:0}
main{max-width:1472px;padding:28px 28px 0;margin:auto}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.page-heading h1{font-size:34px;font-weight:800;letter-spacing:-1.5px}
.page-heading p{color:var(--muted);font-size:13px;margin-top:10px}
.heading-tag{display:inline-block;font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:650;border:1px solid var(--border);padding:5px 7px;border-radius:6px;margin-left:12px;vertical-align:middle}
.game-settings{display:flex;align-items:center;gap:7px}
.setting-button,.volume-popover summary{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:11px;padding:8px 10px;min-height:35px}
.setting-button:hover,.volume-popover summary:hover{background:var(--hover)}
.setting-button[aria-pressed=true]{background:var(--well);color:var(--text)}
.setting-button svg,.volume-popover summary svg{width:15px;height:15px}
.volume-popover{position:relative}
.volume-popover summary{list-style:none;cursor:pointer;padding:9px}
.volume-popover summary::-webkit-details-marker{display:none}
.volume-popover>div{position:absolute;right:0;top:44px;z-index:30;background:var(--surface);border:1px solid var(--border);padding:18px;border-radius:16px;width:220px;box-shadow:var(--shadow)}
.volume-popover label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:14px}
.volume-popover input{width:100%}
.upgrade-arena{display:grid;grid-template-columns:minmax(0,1fr) 292px minmax(0,1fr);gap:0 26px;border:1px solid var(--border);border-radius:28px;background:var(--surface);padding:22px 28px 0;position:relative;overflow:hidden}
.arena-grid{display:none}
.stake-panel,.target-panel{position:relative;min-width:0;padding:0 10px}
.panel-eyebrow{height:30px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}
.panel-eyebrow:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--subtle)}
.target-panel .panel-eyebrow:before{background:var(--accent-fill)}
.panel-link{margin-left:auto;color:var(--text);padding:4px 0;font-size:11px;border-bottom:1px solid var(--subtle);border-radius:0}
.panel-link:hover{color:var(--accent)}
.multiplier-badge{margin-left:auto;color:var(--accent);font-size:11px;font-weight:750;background:var(--accent-soft);padding:4px 8px;border-radius:8px}
.item-display{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:246px;position:relative}
.item-art{height:166px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-top:4px}
.item-art:before{content:"";width:148px;height:148px;background:color-mix(in srgb,var(--rarity,#8f9a83) 7%,var(--image-floor));border:1px solid color-mix(in srgb,var(--rarity,#8f9a83) 18%,var(--border));border-radius:50%;position:absolute}
.item-art img{position:relative;width:330px;max-width:110%;height:174px;object-fit:contain;filter:drop-shadow(0 12px 10px #0004);transform:rotate(-4deg);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.target-panel .item-art img{transform:rotate(4deg)}
.item-art:hover img{transform:rotate(-2deg) scale(1.04)}
.target-panel .item-art:hover img{transform:rotate(2deg) scale(1.04)}
.item-meta{width:100%;position:relative;margin-top:4px}
.item-weapon{display:block;font-size:11px;color:var(--muted);margin-bottom:5px;font-weight:500}
.item-finish{font-weight:750;font-size:24px;letter-spacing:-.75px;color:var(--text);overflow-wrap:anywhere}
.item-tail{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 13px;margin-top:8px}
.item-condition{font-size:10px;color:var(--muted);background:var(--well);padding:3px 6px;border-radius:5px;white-space:nowrap}
.item-value{display:flex;align-items:baseline;justify-content:center;gap:5px;font-size:10px;color:var(--muted);white-space:nowrap}
.item-value i{font-size:13px;font-style:normal;color:var(--accent)}
.item-value b{font-size:19px;font-weight:750;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.selection-caption{display:flex;justify-content:center;align-items:center;min-height:20px;font-size:11px;color:var(--muted);margin:8px 0 4px}
.selected-tray{display:flex;align-items:center;justify-content:center;gap:5px;overflow-x:auto;max-width:100%;scrollbar-width:thin;margin-top:7px}
.selected-tray:empty{display:none}
.selected-tray button{border:1px solid var(--accent-border);border-radius:9px;background:var(--well);width:39px;height:29px;position:relative;flex-shrink:0}
.selected-tray img{width:32px;height:24px;object-fit:contain}
.selected-tray button span{position:absolute;top:-2px;right:2px;font-size:10px;color:var(--text)}
.target-choose{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--muted);margin:8px auto 0;padding:0}
.target-choose:hover{color:var(--text)}
.target-choose svg{width:12px;height:12px}
.chance-presets{display:flex;align-items:center;justify-content:center;gap:10px;margin:11px 0 0}
.chance-presets>span{font-size:9px;color:var(--muted);max-width:75px;line-height:1.4}
.chance-presets>div{display:flex;gap:4px}
.chance-presets button{padding:4px 7px;border-radius:7px;background:var(--well);color:var(--muted);font-size:10px;min-height:27px}
.chance-presets button:hover,.chance-presets button.active{background:var(--accent-soft);color:var(--accent)}
.chance-panel{display:flex;flex-direction:column;align-items:center;min-width:0;padding-top:0}
.dial{position:relative;width:248px;height:248px;margin:1px auto 0}
.dial-svg{width:100%;height:100%;overflow:visible}
.dial-outer{fill:none;stroke:var(--subtle);stroke-width:1;stroke-dasharray:1 11.85;opacity:.25}
.dial-track{fill:none;stroke:var(--border);stroke-width:7}
.dial-arc{fill:none;stroke:var(--accent-fill);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .35s,stroke .3s}
.dial-inner{fill:none;stroke:var(--border);stroke-width:.5}
.dial-pointer{fill:var(--text);transform-origin:140px 140px;transform:rotate(0deg)}
.dial-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;gap:2px}
.dial-copy>span:first-child{font-size:10px;color:var(--muted);margin-top:4px}
.dial-copy strong{font-size:60px;font-weight:750;line-height:1.25;color:var(--text);letter-spacing:-3px;font-variant-numeric:tabular-nums}
.dial-copy strong>span{font-size:20px;letter-spacing:-1px;margin-left:2px;color:var(--accent)}
.dial-copy>span:last-child{font-size:9px;color:var(--muted);margin-top:3px}
.chance-actions{width:100%;text-align:center;margin-top:14px}
.multiplier-row{display:flex;align-items:center;justify-content:center;gap:4px;margin:9px 0 7px}
.multiplier-row button{padding:5px 10px;min-height:29px;border-radius:8px;background:var(--well);color:var(--muted);font-size:11px;font-weight:600}
.multiplier-row button:hover,.multiplier-row button.active{color:var(--text);background:var(--hover)}
.roll-side{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 12px}
.roll-side button{font-size:9px;color:var(--subtle);padding:3px 7px;border-radius:5px}
.roll-side button.active{color:var(--accent);background:var(--accent-soft)}
.upgrade-button{height:48px;width:100%;max-width:280px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent-fill);color:var(--accent-ink);font-weight:800;font-size:14px;box-shadow:0 3px 0 color-mix(in srgb,var(--accent-fill) 55%,#000)}
.upgrade-button>span:last-child{margin-left:auto}
.upgrade-button>span:first-child{margin-right:auto}
.upgrade-button{padding:0 17px}
.upgrade-button svg{width:18px;height:18px;stroke-width:2}
.upgrade-button:not(:disabled):hover{background:color-mix(in srgb,var(--accent-fill) 86%,white);transform:translateY(-1px)}
.upgrade-button:disabled{opacity:1;background:var(--well);color:var(--subtle);box-shadow:none}
.round-status{font-size:9px;color:var(--muted);margin:12px 0 15px;min-height:14px;line-height:1.5}
.dial.won .dial-arc{stroke:var(--green)}
.dial.won .dial-copy strong{color:var(--green)}
.dial.lost .dial-copy strong{color:var(--red)}
.dial.spinning .dial-copy strong{animation:pulse 1s ease-in-out infinite}
@keyframes pulse{50%{opacity:.45}}
.arena-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 292px minmax(0,1fr);gap:26px;border-top:1px solid var(--border);padding:17px 0 19px;margin-top:8px}
.stage-options{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.stage-options .multiplier-row{margin:0 0 6px}
.stage-options .roll-side{margin:0}
.balance-controls label{display:block;font-size:10px;color:var(--muted);margin-bottom:8px;font-weight:600}
.balance-entry{display:flex;align-items:center;gap:10px}
.amount-field{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:10px;background:var(--well);height:38px;padding:0 11px;max-width:178px;flex:1;min-width:0}
.amount-field>span{color:var(--accent);font-size:16px}
.amount-field input{border:0;background:none;outline:none;width:100%;min-width:0;color:var(--text);font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.amount-field small{font-size:9px;color:var(--muted)}
.balance-presets{display:flex;gap:4px}
.balance-presets button{border-radius:8px;padding:6px 10px;font-size:10px;color:var(--muted);background:var(--well);min-height:32px}
.balance-presets button.active,.balance-presets button:hover{color:var(--accent);background:var(--accent-soft)}
.balance-slider{display:flex;align-items:center;gap:10px;margin-top:10px}
.balance-slider>span{font-size:8px;color:var(--muted);white-space:nowrap}
.balance-slider input{width:100%;min-width:0;margin:0}
input[type=range]{accent-color:var(--accent-fill);height:4px;cursor:pointer}
.stake-breakdown{display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:10px;color:var(--muted)}
.stake-breakdown>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.stake-breakdown b{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text)}
.stake-breakdown .stake-total{padding-left:24px;border-left:1px solid var(--border)}
.stake-total b{font-size:22px;font-weight:750;letter-spacing:-.5px;color:var(--accent)}
.last-result{display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:16px;margin-top:14px;background:var(--success-bg);border:1px solid var(--success-border)}
.last-result.failure{background:var(--error-bg);border-color:var(--error-border)}
.result-mark{color:var(--green);font-size:22px;width:25px;flex-shrink:0}
.failure .result-mark{color:var(--red)}
.last-result>div{margin-right:auto}
.last-result strong{font-size:12px;font-weight:700;color:var(--green);display:block}
.last-result small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.failure strong{color:var(--red)}
.last-result .quiet-button{font-size:11px}
.picker-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:22px;margin-top:24px;align-items:start;scroll-margin-top:20px}
.picker-panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:20px 20px 0;overflow:hidden;display:flex;flex-direction:column}
.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;min-height:34px}
.section-title h2{display:flex;align-items:center;gap:8px;margin-right:auto;font-size:22px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}
.count-badge{font-size:10px;background:var(--well);color:var(--muted);border-radius:7px;padding:4px 6px;font-weight:600;letter-spacing:0}
.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);padding:9px 12px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:600}
.quiet-button:hover{background:var(--hover);color:var(--text)}
.quiet-button svg{width:15px;height:15px}
.quiet-button.compact{padding:7px 10px;white-space:nowrap;font-size:10px}
.icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:9px;color:var(--muted)}
.icon-button:hover{background:var(--hover);color:var(--text)}
.icon-button svg{width:15px;height:15px}
.inventory-tools,.catalog-tools{display:flex;gap:8px;margin-bottom:13px;align-items:center}
.search-field{display:flex;align-items:center;gap:9px;background:var(--well);border:1px solid transparent;border-radius:12px;padding:0 12px;height:43px;flex:1;min-width:0}
.search-field:focus-within{border-color:var(--accent-border)}
.search-field svg{width:15px;height:15px;color:var(--subtle)}
.search-field input{width:100%;min-width:0;color:var(--text);background:none;border:0;outline:none;font-size:12px}
.search-field input::placeholder{color:var(--subtle)}
select{cursor:pointer}
.inventory-tools select,.category-row select{background:var(--well);color:var(--muted);border:1px solid transparent;border-radius:10px;padding:8px;font-size:11px;max-width:115px;min-height:36px}
.picker-note{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--muted);font-size:10px;margin:0 0 12px;padding:2px 1px}
.picker-note span:first-child{color:var(--text)}
.catalog-tabs{display:flex;align-items:center;gap:2px;border-radius:10px;background:var(--well);padding:3px}
.catalog-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:10px;padding:6px 9px;min-height:28px;border-radius:7px;font-weight:600}
.catalog-tabs button.active{background:var(--surface);color:var(--text)}
.catalog-tabs svg{width:12px;height:12px}
.filter-toggle{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:11px;font-weight:600;color:var(--text);min-height:43px;white-space:nowrap}
.filter-toggle svg{width:15px;height:15px}
.filter-toggle:hover{background:var(--hover)}
.filter-toggle[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
.filter-toggle b{font-size:9px;padding:1px 5px;background:var(--accent-fill);color:var(--accent-ink);border-radius:5px}
.category-row{display:flex;align-items:center;gap:5px;margin-bottom:10px;flex-wrap:wrap}
.category-row button{padding:6px 9px;min-height:31px;border-radius:8px;font-size:10px;font-weight:600;color:var(--muted)}
.category-row button.active{background:var(--well);color:var(--text)}
.category-row button:hover{background:var(--hover)}
.category-row select{margin-left:auto;font-size:10px;min-height:31px;padding:5px 8px}
.advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;border-radius:14px;background:var(--well);border:1px solid var(--border);margin-bottom:13px}
.advanced-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:10px;color:var(--muted)}
.advanced-filters input,.advanced-filters select{width:100%;min-width:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px;font-size:11px;min-height:37px}
.advanced-filters input::placeholder{color:var(--subtle)}
.advanced-filters .quiet-button{align-self:end;font-size:10px;min-height:37px;background:var(--surface)}
.filter-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.filter-chips:empty{display:none}
.filter-chips button{display:flex;align-items:center;gap:7px;border-radius:7px;background:var(--accent-soft);color:var(--accent);padding:4px 8px;font-size:10px}
.filter-chips span{font-size:13px}
.skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.skin-card-shell{position:relative;min-width:0}
.skin-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;overflow:hidden;background:var(--card);border:1px solid transparent;border-radius:15px;padding:13px;min-height:185px;transition:background .2s,border-color .2s,transform .2s}
.skin-card:before{content:"";position:absolute;left:12px;top:14px;width:4px;height:4px;border-radius:50%;background:var(--rarity);opacity:.9}
.skin-card .wear{padding-left:8px;font-size:8px;line-height:12px;height:12px;max-width:calc(100% - 17px);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px}
.skin-card img{width:100%;height:83px;object-fit:contain;margin:8px 0 7px;filter:drop-shadow(0 6px 6px #0003);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.skin-card:not(:disabled):hover{background:var(--hover);border-color:var(--border);transform:translateY(-2px)}
.skin-card:not(:disabled):hover img{transform:scale(1.06)}
.skin-card.selected{border-color:var(--accent-border);background:var(--accent-soft)}
.skin-card.selected:before{background:var(--accent)}
.card-weapon{font-size:10px;color:var(--muted);line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:3px}
.card-finish{font-size:12px;color:var(--text);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.card-price{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--text);font-size:14px;font-weight:750;letter-spacing:-.25px;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:10px;padding-right:8px}
.card-price small{font-size:8px;letter-spacing:0;color:var(--muted);font-weight:500}
.card-check{position:absolute;bottom:12px;right:9px;width:17px;height:17px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;color:var(--muted)}
.skin-card:hover .card-check{opacity:1}
.skin-card.selected .card-check{opacity:1;background:var(--accent-fill);color:var(--accent-ink);font-size:9px}
.favorite-button{position:absolute;top:8px;right:7px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:var(--subtle);background:var(--card)}
.favorite-button svg{width:12px;height:12px}
.favorite-button:hover,.favorite-button.active{color:var(--accent);background:var(--accent-soft)}
.favorite-button.active svg{fill:color-mix(in srgb,var(--accent) 25%,transparent)}
.picker-scroll{overflow-y:auto;overscroll-behavior:contain;height:465px;min-height:240px;padding:2px 3px 3px 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.picker-scroll::-webkit-scrollbar{width:5px}
.picker-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}
.picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--muted);font-size:9px;margin:14px -20px 0;padding:13px 20px;border-top:1px solid var(--border);min-height:44px}
.picker-bottom .text-button{font-size:9px}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--accent);font-size:11px;padding:0}
.text-button:hover{color:var(--text)}
.text-button svg{width:13px;height:13px}
.catalog-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--well);border-radius:12px;border:1px solid var(--border);color:var(--muted);font-size:11px;margin-bottom:12px}
.catalog-notice .text-button{font-size:10px}
.catalog-sentinel{height:1px}
.catalog-end{padding:14px;text-align:center;color:var(--muted);font-size:10px}
.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:230px;padding:25px;color:var(--muted)}
.empty-state strong{font-size:16px;font-weight:650;color:var(--text)}
.empty-state p{font-size:12px;line-height:1.8}
.empty-selection{min-height:246px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:var(--muted)}
.empty-selection svg{width:38px;height:38px;color:var(--subtle)}
.empty-selection p{font-size:12px;line-height:1.8;text-align:center}
.recent-rounds{margin-top:24px;padding:20px;border-radius:22px;background:var(--surface);border:1px solid var(--border)}
.recent-rounds>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.eyebrow{font-size:11px;font-weight:600;color:var(--muted)}
.recent-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.recent-card{padding:11px;width:130px;flex:0 0 130px;border:1px solid var(--border);border-radius:13px;text-align:left;background:var(--well)}
.recent-card img{width:95px;height:49px;object-fit:contain;margin:auto;display:block}
.recent-card>span{font-size:11px;font-weight:600;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}
.recent-card small{font-size:9px;color:var(--red);display:block;margin-top:4px}
.recent-card.win small{color:var(--green)}
.page-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:32px 0;color:var(--muted);font-size:10px}
.footer-brand{font-size:12px;font-weight:800;letter-spacing:-.3px;white-space:nowrap;color:var(--muted)}
.footer-brand span{font-size:8px;font-weight:500;letter-spacing:.5px;margin-left:5px}
.page-footer p{font-size:9px}
.page-footer .text-button{font-size:10px;color:var(--muted)}
.collection-total{text-align:right}
.collection-total>span{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}
.collection-total strong{font-size:24px;font-weight:750;font-variant-numeric:tabular-nums}
.inventory-page-note{display:flex;align-items:center;gap:9px;padding:15px 18px;border:1px solid var(--border);background:var(--surface);border-radius:13px;color:var(--muted);font-size:12px;margin-bottom:24px;line-height:1.7}
.inventory-page-note svg{width:15px;height:15px}
.full-inventory{grid-template-columns:repeat(6,minmax(0,1fr))}
.full-inventory .skin-card{min-height:217px;padding:17px}
.full-inventory .skin-card img{height:105px}
.full-inventory .card-finish{font-size:13px}
.full-inventory .card-price{font-size:16px}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:22px}
.stat-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}
.stat-card strong{font-size:32px;letter-spacing:-1px;font-weight:750;font-variant-numeric:tabular-nums}
.green{color:var(--green)}
.history-panel{border:1px solid var(--border);background:var(--surface);border-radius:22px;overflow:hidden}
.history-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}
.history-head h2{font-size:19px;font-weight:700;letter-spacing:-.5px}
.history-head>span{font-size:10px;color:var(--muted)}
.history-row{display:grid;grid-template-columns:55px minmax(140px,1fr) 115px 135px 90px;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid var(--border)}
.history-row:last-child{border:0}
.history-row img{width:53px;height:45px;object-fit:contain}
.history-item strong{font-size:12px;font-weight:650;display:block}
.history-item small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.history-detail{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.history-detail small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px;font-weight:500}
.outcome{padding:6px 8px;font-size:10px;text-align:center;border-radius:8px;background:var(--success-bg);color:var(--green)}
.outcome.loss{background:var(--error-bg);color:var(--red)}
.mobile-nav,.picker-tabs{display:none}
.modal{position:fixed;max-width:470px;width:calc(100% - 32px);max-height:90vh;overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:26px;padding:30px;box-shadow:0 25px 100px #0005}
.modal::backdrop{background:#080a0bb3;backdrop-filter:blur(7px)}
.modal-close{position:absolute;right:14px;top:14px}
.modal-icon{display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);width:46px;height:46px;margin-bottom:22px}
.modal-icon svg{width:23px;height:23px}
.modal h2{font-size:29px;letter-spacing:-1px;font-weight:750;margin:9px 0 15px}
.modal>p,.modal .modal-footnote{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:22px}
.modal .modal-footnote{font-size:10px;margin:20px 0 0}
.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 15px;border-radius:12px;background:var(--accent-fill);color:var(--accent-ink);font-size:12px;font-weight:750;width:100%;line-height:1.6}
.primary-button:hover{background:color-mix(in srgb,var(--accent-fill) 86%,white)}
.primary-button svg{width:16px;height:16px}
.coming-title{font-size:11px;font-weight:600;color:var(--muted);margin:26px 0 12px}
.payment-options{display:flex;gap:12px}
.payment-options>div{flex:1;min-width:0;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--well)}
.payment-options>div>[data-icon],.crypto-symbol{display:block;color:var(--muted);margin-bottom:12px}
.crypto-symbol{font-size:22px;line-height:18px}
.payment-options strong{font-size:13px;display:block;margin-bottom:5px;font-weight:650}
.payment-options small{display:block;font-size:10px;color:var(--muted);line-height:1.7;min-height:32px}
.soon-badge{display:inline-block;padding:3px 6px;border:1px solid var(--border);border-radius:6px;font-size:8px;color:var(--muted);margin-top:12px}
.help-steps{margin:24px 0 20px}
.help-steps>div{display:flex;gap:14px;margin-bottom:17px}
.help-steps>div>span{font-size:11px;color:var(--accent);padding-top:2px;font-weight:650}
.help-steps p{font-size:11px;color:var(--muted);line-height:1.85}
.help-steps strong{font-size:12px;font-weight:700;color:var(--text);display:block;margin-bottom:4px}
.formula-note{padding:14px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:13px;font-size:11px;color:var(--accent);line-height:1.8}
.formula-note small{font-size:10px;color:var(--muted);line-height:1.8}
.profile-avatar{display:flex;align-items:center;justify-content:center;background:var(--well);border:1px solid var(--border);border-radius:50%;width:56px;height:56px;font-size:24px;font-weight:750;margin-bottom:25px}
.profile-stats{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted);margin-bottom:22px}
.profile-stats strong{display:block;font-size:22px;color:var(--text);margin-top:5px;font-weight:750}
.full-width{width:100%;margin-top:12px}
.item-modal .item-art{height:180px;margin-top:17px}
.item-modal .item-art:before{width:170px;height:170px}
.item-modal .item-art img{width:350px;height:180px}
.item-modal .item-finish{font-size:29px}
.item-modal .item-tail{margin:15px 0 23px}
.item-modal .item-value b{font-size:23px}
.item-modal .primary-button{margin-top:8px}
.toast{position:fixed;left:50%;bottom:25px;z-index:100;transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);padding:13px 19px;background:var(--surface);color:var(--text);border:1px solid var(--accent-border);border-radius:14px;font-size:12px;box-shadow:var(--shadow);text-align:center;transition:opacity .2s,transform .2s}
.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.upgrade-arena{grid-template-columns:minmax(0,1fr) 312px minmax(0,1fr)}.dial{width:254px;height:254px}.item-art img{width:355px}.item-art{height:176px}.item-display{min-height:255px}.dial-copy strong{font-size:62px}}
@media(max-width:1200px){.topbar{gap:20px;padding-inline:24px}.desktop-nav{gap:18px;margin-left:5px}.brand{font-size:22px}.top-actions{gap:9px}.balance-chip strong{font-size:13px}main{padding-inline:24px}.upgrade-arena{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);padding-inline:22px;gap:0 18px}.stake-panel,.target-panel{padding:0 5px}.item-finish{font-size:22px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-layout{grid-template-columns:1fr 1fr;gap:18px}.card-price{font-size:13px}.full-inventory{grid-template-columns:repeat(5,minmax(0,1fr))}.stake-breakdown{gap:18px}.stake-breakdown .stake-total{padding-left:18px}.balance-presets button{padding-inline:8px}.chance-presets>span{display:none}}
@media(max-width:950px){.topbar{gap:13px}.brand small{display:none}.desktop-nav{gap:12px;margin-left:0}.desktop-nav button{font-size:11px}.brand{font-size:20px}.top-actions{gap:8px}.deposit-button{padding-inline:10px}.header-preferences{gap:6px}.balance-chip{gap:4px}.balance-chip strong{font-size:12px}.upgrade-arena{grid-template-columns:minmax(0,1fr) 235px minmax(0,1fr);gap:0 12px;padding-inline:18px}.item-art img{width:270px}.item-art{height:158px}.item-finish{font-size:20px}.item-value b{font-size:17px}.panel-eyebrow{font-size:11px}.dial{width:220px;height:220px}.dial-copy strong{font-size:44px}.multiplier-row button{padding-inline:8px;font-size:10px}.upgrade-button{font-size:13px}.picker-panel{padding:17px 17px 0}.picker-bottom{margin-inline:-17px;padding-inline:17px}.section-title h2{font-size:20px}.catalog-tabs button{padding-inline:6px;font-size:9px}.skin-card{padding:10px;min-height:173px}.skin-card img{height:74px}.card-finish{font-size:11px}.card-price{font-size:12px}.advanced-filters{grid-template-columns:1fr 1fr}.stake-breakdown{gap:12px}.stake-breakdown .stake-total{padding-left:12px}.stake-total b{font-size:19px}.balance-entry{gap:6px}.balance-presets{gap:3px}.balance-presets button{font-size:9px;padding-inline:7px}.full-inventory{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){
  .topbar{height:66px;padding:0 14px;gap:10px}
  .brand{margin-right:auto}
  .brand svg{width:29px;height:29px}
  .brand>span,.brand small,.desktop-nav{display:none}
  .header-preferences{margin-left:0;gap:6px}
  .language-switch{padding:2px;border-radius:10px}
  .language-switch button{min-width:27px;min-height:26px;font-size:9px;border-radius:7px}
  .theme-toggle{width:32px;height:32px;border-radius:10px}
  .theme-toggle svg{width:15px;height:15px}
  .top-actions{gap:7px}
  .balance-chip{gap:3px}
  .balance-chip strong{font-size:11px}
  .balance-chip>span:last-child{font-size:8px}
  .coin-icon{font-size:16px}
  .deposit-button{height:32px;width:32px;padding:0;border-radius:10px}
  .deposit-button>span:last-child{display:none}
  .profile-button{width:28px;height:28px;font-size:11px}
  main{padding:20px 14px 74px}
  .page-heading{margin-bottom:16px;gap:10px}
  .page-heading h1{font-size:29px;letter-spacing:-1.1px}
  .heading-tag{font-size:8px;margin-left:7px;padding:4px 5px;letter-spacing:.7px}
  .page-heading p{font-size:11px;max-width:230px;line-height:1.7}
  .game-settings{gap:5px}
  .setting-button,.volume-popover summary{min-height:30px;padding:6px;border-radius:9px;font-size:9px;gap:4px}
  .setting-button svg,.volume-popover summary svg{width:13px;height:13px}
  .setting-label{display:none}
  .game-settings>.setting-button:last-child{display:none}
  .volume-popover>div{width:200px;top:39px}
  .upgrade-arena{grid-template-columns:1fr 1fr;gap:0 14px;padding:14px 14px 0;border-radius:23px}
  .stake-panel{grid-column:1;grid-row:1}
  .target-panel{grid-column:2;grid-row:1}
  .stake-panel,.target-panel{padding:0}
  .panel-eyebrow{font-size:10px;height:23px;gap:5px}
  .panel-eyebrow:before{width:4px;height:4px}
  .panel-link{font-size:9px;padding:1px 0}
  .multiplier-badge{font-size:9px;padding:3px 5px;border-radius:6px}
  .item-display{min-height:154px}
  .item-art{height:91px;margin-top:1px}
  .item-art:before{width:77px;height:77px}
  .item-art img{height:98px;width:176px;max-width:118%}
  .item-meta{margin-top:1px}
  .item-weapon{font-size:9px;margin-bottom:3px}
  .item-finish{font-size:16px;letter-spacing:-.45px}
  .item-tail{gap:3px 5px;margin-top:5px}
  .item-condition{font-size:8px;padding:2px 4px;border-radius:4px}
  .item-value{font-size:8px;gap:3px}
  .item-value i{font-size:10px}
  .item-value b{font-size:14px;letter-spacing:-.35px}
  .selection-caption{font-size:8px;min-height:15px;margin:5px 0 0}
  .selected-tray{margin-top:4px;gap:3px}
  .selected-tray button{width:28px;height:22px;border-radius:6px}
  .selected-tray img{width:24px;height:18px}
  .target-choose{font-size:9px;margin-top:4px;gap:3px}
  .target-choose svg{width:10px;height:10px}
  .chance-presets{margin-top:7px}
  .chance-presets>div{gap:3px}
  .chance-presets button{font-size:8px;padding:3px 5px;min-height:22px;border-radius:5px}
  .chance-panel{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:142px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0 2px}
  .chance-actions{margin-top:0}
  .empty-selection{min-height:154px}
  .dial{width:142px;height:142px;margin:0}
  .dial-copy>span:first-child{font-size:7px}
  .dial-copy strong{font-size:33px;letter-spacing:-1.6px}
  .dial-copy strong>span{font-size:14px;letter-spacing:-.5px}
  .dial-copy>span:last-child{font-size:7px;margin-top:0}
  .multiplier-row{gap:3px;margin:0 0 7px}
  .multiplier-row button{font-size:9px;min-height:25px;padding:3px 6px;border-radius:6px}
  .roll-side{margin:0 0 10px;gap:4px}
  .roll-side button{font-size:8px;padding:2px 5px}
  .upgrade-button{height:39px;font-size:12px;border-radius:11px;padding:0 12px;gap:6px;box-shadow:0 2px 0 color-mix(in srgb,var(--accent-fill) 55%,#000)}
  .upgrade-button svg{width:14px;height:14px}
  .round-status{font-size:8px;margin:9px 0 0;min-height:13px}
  .arena-controls{grid-row:3;grid-template-columns:1fr;margin-top:12px;padding:12px 0 14px;gap:14px}
  .stage-options{grid-row:1;flex-direction:row;gap:12px;justify-content:space-between}
  .stage-options .multiplier-row{margin:0}
  .stage-options .roll-side{margin:0}
  .balance-controls label{font-size:10px;margin-bottom:7px}
  .balance-entry{gap:8px}
  .amount-field{max-width:none;height:35px;padding:0 9px;gap:6px}
  .amount-field input{font-size:16px}
  .amount-field>span{font-size:15px}
  .amount-field small{font-size:8px}
  .balance-presets{gap:4px}
  .balance-presets button{font-size:9px;padding:6px 7px;min-height:31px}
  .balance-slider{display:none}
  .stake-breakdown{justify-content:space-between;gap:14px;font-size:9px}
  .stake-breakdown>div{gap:3px}
  .stake-breakdown b{font-size:12px}
  .stake-breakdown .stake-total{padding-left:17px}
  .stake-total b{font-size:18px}
  .last-result{padding:10px 12px;gap:8px;border-radius:13px}
  .last-result strong{font-size:11px}
  .last-result small{font-size:9px}
  .last-result .quiet-button{font-size:9px;padding:7px}
  .result-mark{font-size:19px;width:19px}
  .picker-tabs{display:flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--border);padding:4px;border-radius:13px;margin-top:20px}
  .picker-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px;font-weight:650;padding:9px;border-radius:9px}
  .picker-tabs button.active{background:var(--accent-soft);color:var(--accent)}
  .picker-tabs button span:not([data-icon]){font-size:9px;font-weight:500}
  .picker-tabs button svg{width:13px;height:13px}
  .picker-layout{grid-template-columns:1fr;gap:0;margin-top:12px;scroll-margin-top:15px}
  .picker-layout[data-mobile-picker=inventory] .target-picker{display:none}
  .picker-layout[data-mobile-picker=catalog] .inventory-picker{display:none}
  .picker-panel{padding:16px 16px 0;border-radius:20px}
  .section-title{gap:8px;margin-bottom:13px;min-height:30px}
  .section-title h2{font-size:20px;gap:6px}
  .count-badge{font-size:9px;padding:3px 5px;border-radius:5px}
  .quiet-button.compact{font-size:9px;padding:6px 8px}
  .catalog-tabs button{font-size:9px;padding:5px 6px;min-height:26px}
  .catalog-tabs svg{width:11px;height:11px}
  .search-field{height:40px;border-radius:10px;padding:0 10px}
  .search-field input{font-size:11px}
  .inventory-tools select{font-size:10px;max-width:93px;border-radius:9px}
  .filter-toggle{font-size:10px;min-height:40px;padding:8px 9px;gap:5px;border-radius:10px}
  .filter-toggle svg{width:14px;height:14px}
  .category-row{gap:4px}
  .category-row button{font-size:9px;min-height:29px;padding:5px 7px}
  .category-row select{font-size:9px;max-width:77px;min-height:29px;padding:5px}
  .advanced-filters{grid-template-columns:1fr 1fr;padding:12px;gap:10px}
  .advanced-filters input,.advanced-filters select{font-size:10px}
  .advanced-filters label{font-size:10px}
  .filter-chips button{font-size:9px}
  .skin-grid,.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .skin-card{padding:10px 8px;border-radius:12px;min-height:157px}
  .skin-card:before{left:8px;top:14px}
  .skin-card .wear{font-size:7px;padding-left:7px}
  .skin-card img{height:63px;margin:6px 0 5px}
  .card-weapon{font-size:8px}
  .card-finish{font-size:10px}
  .card-price{font-size:11px;margin-top:8px;padding-right:0;gap:2px}
  .card-price small{display:none}
  .card-check{width:12px;height:12px;right:7px;bottom:7px;font-size:8px}
  .skin-card.selected .card-check{font-size:7px}
  .favorite-button{width:20px;height:20px;top:8px;right:5px}
  .favorite-button svg{width:10px;height:10px}
  .picker-scroll{height:min(58vh,490px);min-height:300px}
  .picker-bottom{font-size:8px;padding:11px 16px;margin-inline:-16px;min-height:39px}
  .picker-bottom .text-button{font-size:8px}
  .picker-note{font-size:9px}
  .recent-rounds{padding:16px;margin-top:20px;border-radius:20px}
  .recent-card{width:110px;flex-basis:110px;padding:9px}
  .recent-card img{width:83px;height:43px}
  .recent-card>span{font-size:10px}
  .recent-card small{font-size:8px}
  .recent-rounds .text-button{font-size:10px}
  .mobile-nav{display:flex;align-items:center;justify-content:center;position:fixed;bottom:12px;left:14px;right:14px;z-index:50;padding:5px;border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:0 8px 24px #0002;gap:3px;max-width:500px;margin:auto}
  .mobile-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;padding:10px 6px;font-size:10px;color:var(--muted);font-weight:600}
  .mobile-nav button.active{background:var(--accent-soft);color:var(--accent)}
  .mobile-nav svg{width:15px;height:15px}
  .page-footer{padding:28px 0 8px;flex-wrap:wrap;gap:12px}
  .page-footer p{order:3;width:100%;font-size:9px;line-height:1.8}
  .page-footer .text-button{margin-left:auto}
  .full-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}
  .full-inventory .skin-card{min-height:166px;padding:10px 8px}
  .full-inventory .skin-card img{height:72px}
  .full-inventory .card-finish{font-size:10px}
  .full-inventory .card-price{font-size:11px}
  .collection-total strong{font-size:17px}
  .collection-total>span{font-size:9px}
  .inventory-page-note{font-size:10px;padding:12px;margin-bottom:18px}
  .stats-grid{gap:8px;margin-bottom:18px}
  .stat-card{padding:13px;border-radius:13px}
  .stat-card span{font-size:9px;min-height:27px;margin-bottom:7px}
  .stat-card strong{font-size:24px;letter-spacing:-.5px}
  .history-panel{border-radius:17px}
  .history-head{padding:15px}
  .history-head h2{font-size:16px}
  .history-head>span{font-size:9px}
  .history-row{grid-template-columns:40px minmax(0,1fr) 65px;padding:14px 12px;gap:9px}
  .history-row img{width:40px;height:38px}
  .history-item strong{font-size:10px}
  .history-item small{font-size:8px}
  .history-detail{font-size:10px;grid-row:2}
  .history-row .history-detail:nth-of-type(2){grid-column:2}
  .history-row .history-detail:nth-of-type(3){grid-column:3}
  .history-detail small{font-size:8px}
  .history-row .outcome{grid-column:3;grid-row:1;font-size:9px;padding:5px}
  .toast{bottom:80px;font-size:11px}
  .modal{padding:26px;max-height:88vh;border-radius:22px}
  .modal h2{font-size:26px}
  .item-modal .item-art img{width:290px}
}
@media(max-width:370px){.topbar{padding-inline:10px;gap:7px}.header-preferences{gap:4px}.top-actions{gap:6px}.balance-chip strong{font-size:10px}.balance-chip>span:last-child{display:none}.brand svg{width:27px;height:27px}main{padding-inline:10px}.upgrade-arena{padding-inline:11px;gap:0 10px}.chance-panel{grid-template-columns:129px minmax(0,1fr);gap:8px}.dial{width:129px;height:129px}.dial-copy strong{font-size:30px}.multiplier-row button{font-size:8px;padding-inline:5px}.balance-presets button{padding-inline:6px}.stake-total b{font-size:17px}.item-finish{font-size:15px}.picker-panel{padding-inline:13px}.picker-bottom{margin-inline:-13px;padding-inline:13px}.category-row{gap:2px}.category-row button{font-size:8px;padding-inline:6px}.category-row select{font-size:8px;max-width:68px}.skin-grid{gap:6px}.skin-card{padding:9px 7px;min-height:151px}.skin-card img{height:60px}.card-price{font-size:10px}.card-finish{font-size:9px}.section-title h2{font-size:19px}.catalog-tabs button{font-size:8px}.mobile-nav{left:10px;right:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(min-width:751px) and (max-width:1200px){.arena-controls{grid-template-columns:minmax(0,1fr) 235px minmax(0,1fr);gap:18px}.balance-presets button{padding-inline:6px}.amount-field{max-width:140px}}
@media(min-width:751px) and (max-width:950px){.arena-controls{grid-template-columns:1fr 1fr}.stage-options{grid-column:1/-1;grid-row:2;flex-direction:row;gap:20px}.stage-options .multiplier-row{margin:0}.stage-options .roll-side{margin:0}}