.profile-page{--profile-panel:#1c1a30;--profile-muted:#9793c7;--profile-line:#2b2644;--profile-mint:#4af1b8;color:#fff;min-height:70vh}.profile-tabs{border-bottom:1px solid #2b2644;justify-content:center;gap:20px;margin:0 0 25px;display:flex}.profile-tabs a{color:#78729d;border-bottom:2px solid #0000;padding:25px 20px;font-size:14px;font-weight:600}.profile-tabs a[aria-current]{color:#fff;background:radial-gradient(at bottom,#f32c7915,#0000 65%);border-color:#f32c79}.profile-container{max-width:1320px;margin:auto;padding:0 24px 80px}.profile-feedback{min-height:24px;color:var(--profile-mint);margin-bottom:8px;font-size:13px}.profile-overview{grid-template-columns:135px minmax(0,1fr) 350px;align-items:center;gap:25px;padding:0 0 42px;display:grid}.profile-portrait{border:2px solid #29b7f4;border-radius:50%;padding:5px;position:relative}.profile-portrait img{aspect-ratio:1;object-fit:cover;border:2px solid #8473ae;border-radius:50%;width:100%}.profile-portrait>span{color:#111;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);background:#29b7f4;padding:3px 14px;font-weight:800;position:absolute;bottom:0;left:5px}.profile-identity h1{margin:0 0 14px;font-size:24px;font-weight:700}.profile-identity p{color:var(--profile-muted);font-size:13px}.profile-identity p span{margin:0 10px}.profile-identity-line{background:linear-gradient(90deg,#43c3fd 0 35%,#393253 35%);height:4px;margin:14px 0 20px}.profile-user-actions{gap:10px;display:flex}.profile-user-actions .hex{min-width:145px;min-height:36px;font-size:12px}.profile-refill{color:var(--profile-mint);background:#142730;border:1px solid #285a58}.profile-refill:hover{color:#fff;background:#00b895}.profile-edit{color:#eee9ff;background:#252139}.profile-edit:hover{background:#3c3458}.profile-best{background:linear-gradient(110deg,#1c1a30,#251e2a);border:1px solid #393047;border-radius:4px;min-height:140px;padding:18px 24px;display:flex;position:relative}.profile-best>div:first-child{z-index:1;width:60%}.profile-best h2{margin-bottom:13px;font-size:16px;font-weight:700}.profile-best p{color:#cbc6df;font-size:15px}.profile-best strong,.profile-best small{font-size:12px;display:block}.profile-best small{color:var(--profile-muted)}.profile-best b{color:var(--profile-mint);margin-top:9px;display:block}.profile-best .profile-item-art{width:170px;height:145px;position:absolute;top:0;right:0}.profile-stats{border:1px solid var(--profile-line);background:linear-gradient(110deg,#151326,#1c1a30aa);border-radius:8px;grid-template-columns:230px repeat(5,1fr);margin:0 0 40px;display:grid}.profile-stat-title{border-right:1px solid var(--profile-line);padding:24px}.profile-stat-title h2{font-size:17px;font-weight:700}.profile-stat-title a{color:#f15183;margin-top:12px;font-size:13px;font-weight:600;display:block}.profile-stat{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 8px 18px;display:flex;position:relative}.profile-stat svg{color:#a88ff3;background:#181529;width:22px;height:22px;position:absolute;top:-16px;box-shadow:0 0 0 7px #181529}.profile-stat strong{color:#b596ff;font-size:19px}.profile-stat span{color:var(--profile-muted);font-size:10px}.profile-saved-banner{border:1px solid var(--profile-line);background:linear-gradient(110deg,#1c1a3077,#271c3d88);align-items:center;gap:28px;min-height:160px;margin-bottom:32px;padding:24px 32px;display:flex}.profile-saved-banner img{object-fit:contain;width:160px;height:110px}.profile-saved-banner h2{font-size:22px;font-weight:700}.profile-saved-banner p{color:var(--profile-muted);margin-top:8px;font-size:14px}.profile-saved-banner>a{min-width:200px;margin-left:auto;font-size:12px}.profile-history-tabs{gap:22px;margin-bottom:26px;display:flex}.profile-history-tabs button{color:var(--profile-muted);border-bottom:2px solid #0000;padding:20px 4px;font-size:13px}.profile-history-tabs button[aria-selected=true]{color:#fff;border-color:#f32c79}.profile-history-note,.profile-inventory-summary{color:var(--profile-muted);margin:12px 0 22px;font-size:12px}.profile-item-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.profile-item{background:var(--profile-panel);text-align:center;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;min-width:0;padding:12px 8px 18px;display:flex;position:relative}.profile-item:disabled{opacity:1;cursor:default}button.profile-item:not(:disabled):hover{background:#26213e}.profile-item.is-selected{border-color:var(--profile-mint);background:#232139}.profile-item small{color:var(--profile-muted);font-size:11px}.profile-item strong{overflow-wrap:anywhere;margin:4px 0;font-size:13px;line-height:1.3;display:block}.profile-item>b{color:var(--profile-mint);margin-top:auto;padding-top:25px;font-size:14px}.profile-item-art{background-position:50%;background-repeat:no-repeat;background-size:contain;place-items:center;width:100%;height:125px;display:grid}.profile-item-art img{object-fit:contain;width:100%;height:100%;min-height:0}.profile-item-state{color:#9793c7;margin-top:10px;font-size:9px}.profile-frozen{color:#72d5ff;position:absolute;top:10px;right:10px}.profile-upgrade-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.profile-attempt{background:#262139;grid-template-columns:150px minmax(0,1fr);min-height:210px;display:grid}.profile-attempt-target{text-align:center;background:#1c1a30;flex-direction:column;padding:10px;display:flex}.profile-attempt-target>b{text-align:right;color:var(--profile-mint);font-size:12px}.profile-attempt-target strong{font-size:12px}.profile-attempt-target small{color:var(--profile-muted);font-size:10px}.profile-attempt-detail{min-width:0;padding:12px 18px}.profile-attempt-detail header{color:var(--profile-muted);border-bottom:1px solid #342d48;justify-content:space-between;gap:12px;padding-bottom:12px;font-size:11px;display:flex}.profile-attempt-detail header b{color:var(--profile-mint);text-align:right;display:block}.profile-attempt-detail .win{color:#32ddc6}.profile-attempt-detail .lose{color:#f15183}.profile-attempt-inputs{align-items:center;gap:8px;display:flex}.profile-attempt-inputs>div{text-align:center;width:100px;min-width:0}.profile-attempt-inputs .profile-item-art{height:90px}.profile-attempt-inputs small,.profile-attempt-inputs strong{font-size:10px;display:block}.profile-attempt-detail>small{color:var(--profile-muted);margin-top:15px;font-size:10px;display:block}.profile-inventory-toolbar{border-bottom:1px solid var(--profile-line);flex-wrap:wrap;align-items:center;gap:25px;padding:0 0 20px;display:flex}.profile-inventory-toolbar>button{color:var(--profile-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.profile-inventory-toolbar button:disabled{opacity:.35;cursor:not-allowed}.profile-inventory-switch{border:1px solid var(--profile-line);margin-left:auto;padding:4px;display:flex}.profile-inventory-switch button{color:var(--profile-muted);padding:9px 16px;font-size:11px}.profile-inventory-switch button[aria-pressed=true]{color:var(--profile-mint);background:#142731}.profile-empty{background:linear-gradient(110deg,#19172f,#1b182d);border-radius:0 0 14px 14px;align-items:center;gap:28px;min-height:170px;padding:20px 30px;display:flex}.profile-empty>img{object-fit:contain;width:125px;height:140px}.profile-empty h2{font-size:22px;font-weight:700}.profile-empty p{color:var(--profile-muted);margin-top:10px;font-size:14px}.profile-empty>a{white-space:nowrap;margin-left:auto;font-size:12px}.profile-recommendations{text-align:center;margin-top:58px}.profile-recommendations h2{margin-bottom:30px;font-size:22px;font-weight:700}.profile-recommendations>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.profile-recommendations img{object-fit:contain;width:100%;height:180px}.profile-recommendations h3{margin:10px 0;font-size:16px;font-weight:700}.profile-recommendations b{color:var(--profile-mint);font-size:14px}.profile-settings{grid-template-columns:190px minmax(0,1fr);gap:35px;display:grid}.profile-settings aside{flex-direction:column;gap:25px;padding-top:5px;display:flex}.profile-settings aside a{color:var(--profile-muted);align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.profile-settings h1,.profile-settings h2{margin:0 0 24px;font-size:23px;font-weight:600}.profile-setting-row{background:#1b182d;grid-template-columns:230px minmax(0,1fr) 115px;align-items:center;gap:20px;margin-bottom:4px;padding:25px;font-size:13px;display:grid}.profile-setting-row small{color:var(--profile-muted);margin-top:6px;font-size:11px;display:block}.profile-setting-row input{color:#e4dcfc;background:#252139;border:1px solid #0000;border-radius:7px;width:100%;min-width:0;padding:12px 15px}.profile-setting-row input:focus{border-color:#8f79ed;outline:none}.profile-setting-row button{min-width:0;min-height:38px;font-size:12px}.profile-settings #roll-settings{margin-top:55px;scroll-margin-top:25px}.profile-settings #roll-settings>p{color:#b6afd0;background:#1b182d;padding:24px;font-size:14px;line-height:1.6}.profile-device-note{color:var(--profile-muted);margin-top:28px;font-size:12px}.profile-mint{color:var(--profile-mint)}.profile-more{margin:30px auto 0;display:flex}.profile-dropdown[data-slot=popover-content]{color:#e4dcfc;background:#1d1a33;border-radius:18px 18px 4px 4px;gap:0;width:330px;max-width:calc(100vw - 24px);padding:25px 0 0;box-shadow:0 15px 55px #0008}.profile-dropdown [data-slot=popover-title]{padding:0 25px;font-size:20px;font-weight:600}.profile-dropdown-balance{color:#9793c7;justify-content:space-between;padding:20px 25px;font-size:13px;display:flex}.profile-dropdown-balance strong{color:#4af1b8}.profile-dropdown-links{border-top:1px solid #332c49;border-bottom:1px solid #332c49;padding:18px 25px}.profile-dropdown-links a,.profile-menu-refill{align-items:center;gap:13px;padding:12px 0;font-size:17px;font-weight:600;display:flex}.profile-dropdown svg{color:#9793c7;width:21px;height:21px}.profile-dropdown a:hover{color:#fff}.profile-menu-refill{color:#4af1b8;width:100%;padding:22px 25px}.profile-menu-refill:hover{background:#28233f}@media (max-width:1100px){.profile-overview{grid-template-columns:110px minmax(0,1fr)}.profile-best{grid-column:1/-1}.profile-stats{grid-template-columns:repeat(5,1fr)}.profile-stat-title{border:0;grid-column:1/-1;padding:18px 20px 30px}.profile-item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-setting-row{grid-template-columns:1fr 110px}.profile-setting-row>label,.profile-setting-row>div:first-child{grid-column:1/-1}.profile-upgrade-history{gap:14px}.profile-attempt{grid-template-columns:120px minmax(0,1fr)}}@media (max-width:767px){.profile-container{padding:0 16px 45px}.profile-tabs{gap:0}.profile-tabs a{padding:22px 16px;font-size:12px}.profile-overview{grid-template-columns:85px minmax(0,1fr);gap:18px}.profile-identity h1{font-size:21px}.profile-identity p{font-size:11px}.profile-identity-line{display:none}.profile-user-actions{flex-wrap:wrap;margin-top:15px}.profile-user-actions .hex{min-width:100px;padding:8px 12px;font-size:10px}.profile-stats{grid-template-columns:repeat(3,1fr);row-gap:25px}.profile-stat-title{grid-column:1/-1}.profile-stat strong{font-size:15px}.profile-saved-banner{flex-wrap:wrap;gap:16px;padding:20px}.profile-saved-banner img{width:90px;height:80px}.profile-saved-banner>div{flex:1;min-width:160px}.profile-saved-banner h2{font-size:18px}.profile-saved-banner>a{margin:0}.profile-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-item-art{height:100px}.profile-upgrade-history{grid-template-columns:1fr}.profile-inventory-toolbar{gap:15px}.profile-inventory-switch{margin-left:0}.profile-empty{flex-wrap:wrap;gap:12px;padding:20px}.profile-empty>img{width:70px;height:100px}.profile-empty>div{flex:1;min-width:150px}.profile-empty h2{font-size:18px}.profile-empty>a{margin:0}.profile-recommendations>div{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-recommendations img{height:130px}.profile-settings{grid-template-columns:1fr;gap:28px}.profile-settings aside{flex-direction:row}.profile-setting-row{grid-template-columns:minmax(0,1fr) 90px;gap:15px;padding:18px}.profile-setting-row input{padding:10px}.profile-settings h1,.profile-settings h2{font-size:20px}}@media (max-width:400px){.profile-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-attempt{grid-template-columns:95px minmax(0,1fr)}.profile-attempt-detail{padding:10px}.profile-attempt-detail header{flex-wrap:wrap}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-user-actions .hex{min-width:80px}}.profile-experience{color:#9793c7;margin:14px 0 20px;font-size:12px}.profile-dropdown .profile-experience{margin:18px 25px 0}.profile-xp-label{margin-bottom:10px;font-weight:600}.profile-xp-track{background:#393253;height:4px;overflow:hidden}.profile-xp-track>span{background:#43c3fd;height:100%;display:block}.profile-experience details{max-width:650px;margin-top:10px}.profile-experience summary{cursor:pointer;font-size:11px}.profile-experience details p{margin-top:10px;font-size:12px;line-height:1.6}.profile-experience details a{color:#f15183;margin-top:10px;font-size:11px;display:inline-block}.upgrade-page{--up-bg:#141225;--up-panel:#1c1a30;--up-text:#fff;--up-muted:#9793c7;--up-purple:#5c49d0;--up-pink:#e53c76;--up-mint:#4af1b8;--up-line:#33294e;color:var(--up-text);background:var(--up-bg);padding:18px 24px 90px}:is(.upgrade-page button:focus-visible,.upgrade-page a:focus-visible,.upgrade-page input:focus-visible,.upgrade-page select:focus-visible){outline:2px solid var(--up-mint);outline-offset:4px}.up-toolbar{justify-content:space-between;gap:20px;display:flex}.up-toolbar button{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);align-items:center;gap:8px;padding:12px 25px;font-size:12px;font-weight:700;display:flex}.up-rush{border-block:1px solid var(--up-pink);background:linear-gradient(#cf326444,#cf326422),url(/assets/figma-case-flame.webp) 50%/180px}.up-rush svg{color:#ff733e}.up-fair{color:#61c9ce;background:#20283c}.up-how{color:var(--up-muted);align-items:center;gap:8px;margin:40px auto 16px;font-size:14px;font-weight:600;display:flex}.up-arena{isolation:isolate;grid-template-columns:1fr 380px 1fr;align-items:center;gap:24px;max-width:1300px;min-height:465px;margin:auto;display:grid;position:relative}.up-arena:before,.up-arena:after{content:"";z-index:-1;clip-path:polygon(80% 0,100% 0,35% 50%,100% 100%,80% 100%,10% 50%);background:linear-gradient(110deg,#0000 15%,#a6255b12 50%,#df347960 70%,#0000 72%);width:180px;height:400px;position:absolute;top:0}.up-arena:before{left:-130px}.up-arena:after{right:-130px;transform:scaleX(-1)}.upgrade-page{overflow:hidden}.up-side{flex-direction:column;align-items:center;min-width:0;display:flex}.up-slot{justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative}.up-slot:before{content:"";z-index:-1;background:radial-gradient(#32849a35,#0000 70%);position:absolute;inset:20px 40px 50px}.up-slot>img{object-fit:contain;width:100%;height:240px}.up-slot .up-silhouette{opacity:.35;filter:brightness(0)invert(12%)sepia(17%)saturate(1160%)hue-rotate(213deg);height:220px}.up-slot>p{text-align:center;max-width:190px;color:var(--up-muted);font-size:16px;position:absolute;bottom:12px}.up-remove{color:#70658f;z-index:2;cursor:pointer;background:0 0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-8px;right:0}.up-remove:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#1e1932;width:30px;height:34px;transition:background .15s;position:absolute}.up-remove svg{stroke-width:3px;width:18px;height:18px;position:relative}.up-output .up-remove{left:0;right:auto}.up-remove:hover:not(:disabled):before{background:#33294e}.up-remove:hover:not(:disabled){color:#b8a6d4}.up-remove:disabled{opacity:.4;cursor:default}.up-caption{flex-direction:column;font-size:14px;display:flex;position:absolute;bottom:0;left:10px;right:10px}.up-caption strong{font-size:16px}.up-caption small{color:var(--up-muted)}.up-caption b{color:var(--up-mint);position:absolute;bottom:5px;right:0}.up-output .up-caption{text-align:right}.up-output .up-caption b{left:0;right:auto}.up-action{background:var(--up-purple);min-width:230px;min-height:56px;color:var(--up-text);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:filter .2s;display:flex}.up-action:hover:not(:disabled){filter:brightness(1.18)}.up-action:disabled{opacity:.38;cursor:not-allowed}.up-start{background:var(--up-pink);margin-top:25px}.up-sell{background:#518dd1}.up-selection-actions{gap:8px;margin-top:25px;display:flex}.up-selection-actions .up-action{min-width:0}.up-total{border:1px solid var(--up-line);min-width:230px;color:var(--up-muted);justify-content:space-between;gap:36px;margin-top:26px;padding:16px 20px;font-size:14px;display:flex}.up-total b{color:var(--up-mint)}.up-multipliers{gap:5px;margin-top:28px;display:flex}.up-multipliers button{border:2px solid var(--up-line);padding:9px 10px;font-size:13px;transform:skew(-25deg)}.up-multipliers span{display:block;transform:skew(25deg)}.up-multipliers button[aria-pressed=true]{color:#d196ff;border-color:#d196ff}.up-multipliers button:disabled{opacity:.4}.up-center{align-self:start;width:100%}.up-dial{aspect-ratio:1;isolation:isolate;filter:drop-shadow(0 0 18px #6b26cb30);background:radial-gradient(#6f3ecc80,#0000 69%),repeating-linear-gradient(55deg,#0000 0 4px,#8867c008 4px 5px);position:relative}.up-dial:before{content:"";clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border:1px solid var(--up-purple);background:radial-gradient(at 50% 58%,#6941b875,#0000 65%),radial-gradient(#412675,#23173f);position:absolute;inset:12%}.up-dial-lines{fill:none;width:100%;height:100%;stroke:var(--up-line);stroke-width:2px;position:absolute;inset:0}.up-dial-lines .up-shell{stroke:#33204c;stroke-width:1px}.up-dial-lines .up-bevel{stroke:#493363;stroke-width:2px}.up-dial-lines .up-inner-rim{stroke:#5a417b;stroke-width:1.7px}.up-dial-lines .up-frame-lights{stroke:#ab74f0;stroke-width:1.8px;filter:drop-shadow(0 0 3px #a151ff)}.up-dial-lines .up-frame-corners{stroke:#7835a4;stroke-width:1px;stroke-dasharray:9 143 9;filter:drop-shadow(0 0 2px #aa4cf8)}.up-dial-lines .up-frame-leds{fill:#b582f5;stroke:none;filter:drop-shadow(0 0 2px #ab6bff)}.up-dial-lines .up-track{stroke:#221334;stroke-width:4px}.up-dial-lines .up-chance-arc{stroke:url(#up-line);stroke-width:5px}.up-needle{clip-path:polygon(49% 0,51% 0,54% 52%,49% 50%);background:linear-gradient(#ff0968 5%,#f8197970 31%,#ae69ef00 53%);transition:transform 4.2s cubic-bezier(.12,.65,.13,1);position:absolute;inset:14%;transform:rotate(0)}.up-dial-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:15%}.up-dial-content>strong{font-size:36px;font-style:normal;font-weight:700}.up-dial-content>span{color:var(--up-muted);font-size:14px}.up-dial-content>img{object-fit:contain;width:100%;height:160px}.up-dial-content>img~strong{font-size:17px;font-style:normal}.up-note{color:var(--up-muted);text-align:center;margin:12px auto 24px;font-size:12px}.up-note button{text-decoration:underline}.up-meter{border:2px solid var(--up-line);border-radius:9px;max-width:280px;height:10px;margin:auto;padding:1px}.up-meter span{background:linear-gradient(90deg,#508aff,#a356ff);border-radius:9px;height:100%;transition:width .3s;display:block}.up-dial-content .up-roll{color:#fff;background:#a62661;margin-top:15px;padding:6px 16px;font-size:12px;font-weight:700}.is-failed .up-dial:before{background:radial-gradient(#801741,#260a21)}.up-dial-content .up-failed{color:#ff528b;font-style:normal}.is-won .up-dial:before{background:radial-gradient(#21998288,#07332e)}.up-catalog{max-width:1290px;margin:64px auto 0}.up-catalog h1{text-align:center;margin-bottom:25px;font-size:27px}.up-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.up-list-head{background:linear-gradient(125deg, #282347, var(--up-panel) 70%);align-items:center;gap:10px;min-height:78px;padding:16px 20px;display:flex}.up-list-head h2{margin-right:auto;font-size:20px;font-weight:400}.up-list-head>span{color:var(--up-muted);font-size:14px}.up-list-head select{background:var(--up-panel);color:var(--up-text);border:0;max-width:105px;padding:10px 5px;font-size:12px}.up-filters{gap:10px;padding:12px 0;display:flex}.up-filters label{color:var(--up-muted);align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.up-filters input{background:var(--up-panel);border:1px solid var(--up-line);width:100%;min-width:0;color:var(--up-text);border-radius:4px;padding:9px}.up-filters label:first-child input{max-width:90px}.up-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.up-item{background:var(--up-panel);text-align:center;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;min-height:205px;padding:6px 8px 12px;transition:border-color .2s;display:flex;position:relative}.up-item img{object-fit:contain;width:100%;height:95px}.up-item small{font-size:11px}.up-item strong{font-size:13px;line-height:1.3}.up-item>span:not(.up-pick){color:var(--up-muted);margin:3px 0 8px;font-size:11px}.up-item b{color:var(--up-mint);margin-top:auto;font-size:13px}.up-item.selected{border-color:var(--up-mint);background:#131322}.up-pick{color:var(--up-mint);opacity:0;position:absolute;top:5px;left:5px}.up-item.selected .up-pick,.up-item:hover .up-pick{opacity:1}.up-item:hover{border-color:var(--up-purple)}.up-empty{text-align:center;color:var(--up-muted);background:#191629;padding:50px 25px}.up-list-head .up-inventory-sort{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);width:122px;max-width:122px;color:var(--up-muted);padding:12px 20px;font-weight:700}.up-inventory-empty{place-items:center;min-height:510px;margin-top:10px;display:grid;position:relative}.up-empty-slots{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:absolute;inset:0}.up-empty-slots span{opacity:.6;background:#18152b}.up-empty-message{text-align:center;color:var(--up-muted);padding:28px 16px;position:relative}.up-empty-message h3{margin:0;font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.4}.up-empty-message p{color:#807697;margin:10px 0 34px;font-size:clamp(14px,1.15vw,17px)}.up-empty-message .up-action{color:#fff;background:#cc3063;justify-content:center;align-items:center;min-width:236px;min-height:60px;font-size:18px;text-decoration:none;display:inline-flex}.up-empty-message .up-action:hover{background:#f04883}.up-empty-pagination{justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.up-empty-pagination>*{color:#817a95;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#28233f;place-items:center;width:40px;height:32px;display:grid}.up-empty-pagination button:disabled{opacity:.65;cursor:default}.up-empty-pagination>span{color:#cc3063;background:#24182e;font-weight:700}.up-empty a{color:var(--up-mint);margin-top:15px;text-decoration:underline;display:inline-block}.up-error{text-align:center;color:#ff97b4}.up-dialog{max-width:750px!important}.up-dialog ol{color:#bcb4d0;gap:22px;padding-left:30px;line-height:1.7;display:grid}.up-data{overflow-wrap:anywhere;color:#bcb4d0;gap:15px;line-height:1.6;display:grid}@media (min-width:1600px){.up-arena{grid-template-columns:1fr 400px 1fr;max-width:1400px;min-height:495px}.up-how{margin-top:50px}.up-slot{height:300px}.up-slot>img{height:265px}}@media (max-width:1050px){.up-arena{grid-template-columns:1fr 300px 1fr;gap:10px}.up-action{min-width:180px;font-size:12px}.up-multipliers{flex-wrap:wrap;justify-content:center;gap:3px}.up-multipliers button{padding:7px}.up-slot{height:240px}.up-dial-content>strong{font-size:28px}.up-items{grid-template-columns:repeat(3,minmax(0,1fr))}.up-list-head{flex-wrap:wrap}.up-list-head h2{font-size:17px}}@media (max-width:720px){.upgrade-page{padding:16px 12px 50px}.up-toolbar button{padding:10px 14px;font-size:10px}.up-how{margin-top:24px}.up-arena{grid-template-columns:1fr 1fr;gap:10px}.up-center{grid-area:1/1/auto/-1;justify-self:center;width:260px}.up-note{margin:5px auto 10px}.up-input{grid-column:1}.up-output{grid-column:2}.up-slot{height:185px}.up-slot>img{height:165px}.up-caption{font-size:11px;left:0;right:0}.up-caption strong{font-size:12px}.up-caption b{margin-top:5px;position:static}.up-slot>p{font-size:13px;bottom:0}.up-action{width:100%;min-width:0;min-height:48px;padding:10px 15px;font-size:11px}.up-selection-actions{gap:3px;width:100%}.up-total{gap:8px;width:100%;min-width:0;padding:10px;font-size:11px}.up-multipliers{margin-top:16px}.up-multipliers button{padding:7px;font-size:11px}.up-catalog{margin-top:40px}.up-catalog h1{font-size:20px}.up-columns{grid-template-columns:1fr;gap:30px}.up-items{grid-template-columns:repeat(3,minmax(0,1fr))}.up-item{min-height:190px}.up-item img{height:85px}.up-selection-actions .up-action{font-size:9px}.up-arena:before,.up-arena:after{display:none}}@media (prefers-reduced-motion:reduce){.upgrade-page *{transition:none!important;animation:none!important}}.up-dial-lines .up-ticks{stroke:#8153ae;stroke-width:4px;stroke-dasharray:.1 2.4;opacity:.14}.is-won .up-chance-arc{stroke:var(--up-mint)}.up-slot .up-silhouette{opacity:.12}.up-catalog h1{font-weight:700}.up-dial{background:0 0}.up-dial:before{clip-path:none;background:url(/assets/upgrade-dial.svg) 50%/contain no-repeat;border:0;inset:0}.up-dial-lines .up-shell,.up-dial-lines .up-bevel,.up-dial-lines .up-inner-rim,.up-dial-lines .up-frame-lights,.up-dial-lines .up-frame-corners,.up-dial-lines .up-frame-leds,.up-dial-lines .up-ticks,.up-dial-lines .up-track{display:none}.up-needle{clip-path:polygon(49.3% 0,50.7% 0,53% 51%,47% 51%);background:linear-gradient(#ff0968 5%,#db187e 22%,#aa63cc65 43%,#aa63cc00 53%);inset:17%}.up-dial-content{gap:10px}.up-dial-content>strong{letter-spacing:-.7px;font-size:38px}.up-dial-content>span{color:#a48ebd}.is-failed .up-dial:before{filter:hue-rotate(35deg);background:url(/assets/upgrade-dial.svg) 50%/contain no-repeat}.is-won .up-dial:before{filter:hue-rotate(235deg);background:url(/assets/upgrade-dial.svg) 50%/contain no-repeat}@media (max-width:720px){.up-dial-content>strong{font-size:27px}}.up-slot:has(.up-silhouette):before{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#110e20;inset:15px 18% 52px}.up-slot .up-silhouette{opacity:1;filter:none;background:#211b34;width:100%;height:220px;margin-bottom:35px;display:block;-webkit-mask:url(/assets/upgrade-item-6.webp) 50%/contain no-repeat;mask:url(/assets/upgrade-item-6.webp) 50%/contain no-repeat}.up-slot:has(.up-silhouette)>p{color:#8b7ba9}.up-glass-video{object-fit:cover;clip-path:polygon(27.85% 0,72.15% 0,100% 27.85%,100% 72.15%,72.15% 100%,27.85% 100%,0 72.15%,0 27.85%);pointer-events:none;width:74.5%;height:74.5%;position:absolute;inset:12.75%}@media (prefers-reduced-motion:reduce){.up-glass-video{display:none}}.up-target-pagination{color:#aba1ce;justify-content:center;align-items:center;gap:20px;margin:24px 0;display:flex}.up-target-pagination button{cursor:pointer;background:#292144;padding:10px 16px}.up-target-pagination button:disabled{opacity:.35;cursor:default}.upgrade-page{background:var(--up-bg) url(/assets/upgrade-zone.webp) center top / 100% 90px no-repeat;font-family:Montserrat,sans-serif}.up-dial:after{content:"";z-index:-1;pointer-events:none;background:url(/assets/upgrade-decoration.svg) 50%/contain no-repeat;position:absolute;inset:-29%}.up-slot .up-silhouette{opacity:1;filter:none;background:url(/assets/upgrade-empty-weapon.svg) 50%/contain no-repeat;width:min(100%,360px);height:180px;margin-bottom:35px;-webkit-mask:none;mask:none}.up-slot:has(.up-silhouette):before{display:none}.up-action{min-height:58px;font-size:16px}.up-dial-content>strong{font-size:36px}:is(.up-dial-content>span,.up-slot:has(.up-silhouette)>p){color:var(--up-muted)}@media (max-width:720px){.up-dial-content>strong{font-size:27px}.up-action{font-size:14px}.up-slot .up-silhouette{height:110px}}.upgrade-page{background:var(--up-bg)}.up-dial:before,.is-failed .up-dial:before,.is-won .up-dial:before{background:url(/assets/upgrade-original-frame.png) 50%/contain no-repeat}.up-dial:after{inset:-41.65%}.up-glass-video{clip-path:polygon(29% 0,71% 0,100% 30%,100% 70%,71% 100%,29% 100%,0 70%,0 30%);width:85.7%;height:82.9%;inset:8.55% 7.15%}.up-needle{inset:13%}.up-selection-actions .up-action{color:#9793c7;background:#292540}.up-action:disabled{color:#272337;opacity:1;background:#0f0d1c}.up-total{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);color:#686083;background:#242036;border:0;justify-content:center;min-width:254px;position:relative}.up-total:before{content:"";z-index:-1;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);background:#141225;position:absolute;inset:2px}.up-meter{background:repeating-linear-gradient(90deg,#242039 0 2px,#0000 2px 4px);border-color:#252039}@media (min-width:1051px){.up-how{margin:40px auto 34px}.up-arena{background:url(/assets/upgrade-original-field.png) 50% -16px/742px 460px no-repeat;grid-template-columns:minmax(0,360px) 329px minmax(0,360px);align-items:start;gap:45px;max-width:1139px;min-height:465px}.up-center{padding-top:0}.up-side{padding-top:25px}.up-slot{height:270px}.up-slot .up-silhouette{width:360px;height:180px;margin-bottom:35px}.up-slot>p{color:#686083;font-size:16px;bottom:0}.up-action{min-height:46px;font-size:14px}.up-start{min-width:260px;min-height:58px;margin-top:24px}.up-selection-actions{margin-top:30px}.up-total{min-height:58px;margin-top:36px}.up-note{color:#75638e;max-width:260px;min-height:28px;margin:28px auto}.up-multipliers{margin-top:34px}.up-arena:before,.up-arena:after{clip-path:none;background:url(/_next/static/local-media/83e1e8af7c16e6de1bda5a84.webp) 50%/contain no-repeat;width:436px;height:450px;display:block;top:-26px}.up-arena:before{left:-390px}.up-arena:after{right:-390px}}@media (min-width:1051px) and (max-width:1365px){.up-arena{gap:20px}.up-arena:before,.up-arena:after{display:none}}.up-needle{transition:transform 12s cubic-bezier(.12,.65,.13,1)}.up-dial-lines .up-chance-arc{stroke-width:4px}.is-failed .up-glass-video{filter:hue-rotate(15deg)saturate(1.3)}.is-failed .up-dial-content{gap:5px}.is-failed .up-dial-content>small{font-size:13px}.up-dial-content .up-failed{color:#ff376e}.up-dial-content .up-roll{clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);color:#fff;background:#bb2861;margin-top:24px;padding:7px 18px}.is-won .up-chance-arc,.is-won .up-meter{display:none}.is-won .up-dial-content{inset:17%}.is-won .up-dial-content>img{object-fit:contain;width:100%;height:100%}.up-win-caption{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:8px;font-size:14px;display:flex}.up-win-caption small{color:var(--up-muted);font-size:12px}.up-win-caption strong{font-size:16px}.up-win-caption span{color:var(--up-muted);font-size:12px}.is-won .up-note{margin-top:14px}.up-meter span{transition:width .3s,margin-left .3s;box-shadow:0 0 5px #8b5aff88}@media (prefers-reduced-motion:reduce){.up-needle{transition:none!important}}.is-failed .up-dial{background:radial-gradient(#a0154866,#0000 72%)}.is-failed .up-dial-content{background:radial-gradient(#bd164b55,#0000 73%)}.is-won .up-dial{background:radial-gradient(#18d5b077,#0000 73%)}.is-won .up-dial-content{background:radial-gradient(#40e7bc44,#0000 70%)}.is-won .up-side{align-self:end;padding-top:0;padding-bottom:36px}.is-won .up-win-caption{z-index:2;margin-top:20px;position:relative}.is-won .up-arena:before,.is-won .up-arena:after{filter:url(#up-side-key)}.is-won .up-glass-video{filter:hue-rotate(260deg)saturate(.55)brightness(1.1)}.is-won .up-dial:before{filter:hue-rotate(260deg)saturate(.75)}.is-failed .up-dial:before{filter:hue-rotate(35deg)saturate(1.2)}.is-failed .up-dial-content>small{font-weight:700}.daily-case-page{color:#d9d3e7;background:#121022}.case-opening{min-height:580px;padding:40px max(24px,50% - 645px) 36px}.case-title-row{justify-content:center;align-items:center;min-height:44px;margin:0 0 35px;display:flex;position:relative}.case-title-row h1{margin:0;font-size:1.375rem;font-weight:700}.case-back{color:#827698;align-items:center;gap:8px;font-size:.6875rem;display:flex;position:absolute;left:0}.case-back:hover{color:#eee}.next-level{color:#8b819e;align-items:center;gap:12px;font-size:.8125rem;display:flex;position:absolute;left:63%}.next-level>span{clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);color:#f6eefc;background:#342c4b;border:1px solid #76648f;place-items:center;width:36px;height:36px;display:grid}.case-add-battle{clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);background:#311c32;border:1px solid #b83367;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-size:.8125rem;font-weight:700;display:flex;position:absolute;right:0}.roulette-frame{--reel-slot:180px;isolation:isolate;background:radial-gradient(#19152b33,#0000 60%);justify-content:center;align-items:center;height:300px;margin:0 -4%;display:flex;position:relative}.roulette-border{pointer-events:none;clip-path:polygon(6.5% 0,93.5% 0,100% 50%,93.5% 100%,6.5% 100%,0 50%);z-index:-1;background:linear-gradient(#28213922,#5139b6 50%,#28213922);position:absolute;inset:0}.roulette-border:after{content:"";clip-path:inherit;background:#121022;position:absolute;inset:3px}.roulette-frame:before,.roulette-frame:after{content:"";filter:blur(22px);z-index:-2;background:#6546d722;width:80px;position:absolute;top:15%;bottom:15%}.roulette-frame:after{right:0}.roulette-pointer{z-index:5;filter:drop-shadow(0 0 8px #ef2776);width:24px;height:27px;position:absolute;left:50%;transform:translate(-50%)}.roulette-pointer:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#f13e80;position:absolute;inset:0}.roulette-pointer:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#21142c;position:absolute;inset:5px 6px 10px}.roulette-pointer.top{top:-5px}.roulette-pointer.bottom{bottom:-5px;transform:translate(-50%)rotate(180deg)}.unopened-case{place-items:center;width:270px;height:270px;display:grid;position:relative}.unopened-case>img{object-fit:contain;z-index:1;filter:drop-shadow(0 0 15px #b31a6333);width:234px;height:234px;position:relative}.unopened-aura{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#26203a22,#4b34b033);position:absolute;inset:27px}.unopened-price{color:#45e8bf;z-index:2;background:#292240;gap:4px;padding:9px 17px;font-size:.875rem;position:absolute;top:20px;right:12px}.unopened-price small{font-size:.625rem}.roulette-window{position:absolute;inset:0 6.5%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000)}.roulette-strip{will-change:transform;width:max-content;display:flex;position:absolute;top:0;bottom:0;left:50%}.reel-skin{width:var(--reel-slot);background:#151225;border-right:1px solid #121022;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:34px 8px 20px;display:flex}.skin-art{isolation:isolate;--skin-color:#5144cf;place-items:center;width:160px;height:146px;display:grid;position:relative}.skin-art.covert{--skin-color:#c23469}.skin-art:before{content:"";background:var(--skin-color);opacity:.55;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:-2;position:absolute;inset:10px 26px}.skin-art:after{content:"";background:radial-gradient(ellipse at bottom, color-mix(in srgb, var(--skin-color) 45%, #181428), #171325 75%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:-1;position:absolute;inset:13px 29px}.skin-art img{object-fit:contain;width:175px;max-width:none;height:135px}.skin-caption{text-align:center;flex-direction:column;align-items:center;gap:1px;font-size:.8125rem;line-height:1.35;display:flex}.skin-caption>span{color:#d1c7e3;font-size:.75rem;font-weight:600}.skin-caption strong{color:#f7effe;font-size:.875rem;font-weight:600}.skin-caption small{color:#8b7ca9;font-size:.75rem}.skin-chance{color:#9680ff;z-index:3;flex-direction:column;align-items:center;font-size:.8125rem;font-weight:700;display:flex;position:absolute;top:3px;right:-13px}.skin-chance small{color:#aaa0bc;font-size:.5rem;line-height:1.6}.winning-skin{flex-direction:column;align-items:center;animation:.35s ease-out reveal-drop;display:flex}.winning-skin .skin-art{width:190px;height:170px}.winning-skin .skin-chance{right:0}.skin-value{color:#3de2b5;margin-top:auto;padding-top:27px;font-size:.875rem}.skin-value small{font-size:.625rem}.opening-controls{flex-direction:column;justify-content:flex-start;align-items:center;min-height:136px;padding-top:34px;display:flex}.open-case-button{background:#cb2d67;gap:15px;min-width:295px;min-height:66px;font-size:1.2rem;font-weight:800}.open-case-button:hover{background:#e03976}.open-case-button:disabled{opacity:.55}.opening-status{color:#9381b2;align-items:center;gap:16px;padding:29px 0;font-size:1.4rem;display:flex}.opening-status svg{color:#7653d9;animation:1s linear infinite opening-spin}.result-actions{justify-content:center;gap:20px;width:100%;display:flex}.result-actions>.hex{flex:1;gap:12px;min-width:0;max-width:300px;min-height:66px;font-size:1.125rem}.sell-drop-button strong{color:#39e5b6}.sell-drop-button:disabled{opacity:.65}.result-note{color:#8a7aa3;margin:22px 0 0;font-size:.875rem}.result-note button{color:#e6447d;text-decoration:underline}.daily-cooldown{text-align:center}.daily-cooldown p{color:#978aa8;margin-top:15px;font-size:.75rem}.last-drop-link{color:#bc9df1;align-items:center;gap:4px;margin:15px auto 0;font-size:.75rem;display:flex}.case-error{color:#ed82a5;text-align:center;padding:15px;font-size:.875rem}.case-block-heading{text-align:center;justify-content:center;align-items:center;gap:16px;margin:0;font-size:1.75rem;font-weight:600;line-height:1.3;display:flex}.case-block-heading:before,.case-block-heading:after{content:"";background:#7852ee;border-radius:50%;width:5px;height:5px;box-shadow:0 0 18px #85f}.last-top-skins{background:#141124;padding:25px 0 0}.top-demo-label{text-align:center;color:#716287;letter-spacing:1px;margin:7px 0 19px;font-size:.5rem;display:block}.top-skins-strip{gap:3px;display:flex;overflow:hidden}.top-skin{background:#161226;flex-direction:column;flex:0 0 180px;align-items:center;padding:20px 8px 25px;display:flex;position:relative}.top-skin>b{color:#3fe4b8;z-index:2;font-size:.75rem;position:absolute;top:18px;left:10px}.top-skin .skin-art{width:140px;height:122px}.top-skin .skin-art img{width:146px;height:110px}.top-skin .skin-caption strong{font-size:.8125rem}.case-contents{min-height:540px;padding:34px 20px 135px}.case-fairness{color:#8e81a2;text-align:center;margin:10px auto 43px;font-size:.6875rem;font-weight:600}.case-fairness button{text-decoration:underline}.case-fairness button:hover{color:#cbb9e7}.case-fairness p{margin:6px 0;line-height:1.6}.current-seed{overflow-wrap:anywhere}.case-items-grid{justify-content:center;gap:10px;display:flex}.case-content-card{background:#1b162e;border-radius:4px;flex-direction:column;align-items:center;width:208px;min-height:242px;padding:20px 15px 15px;display:flex}.case-content-card .skin-art{height:122px}.case-content-card .skin-art img{height:124px}.case-content-card .skin-chance{top:0;right:-7px}.case-content-card .skin-caption{margin-top:8px}.case-content-card .skin-value{padding-top:27px}.wallet-balances{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;display:flex}.inventory-total{color:#c9bbdb;align-items:center;gap:5px;margin-left:2px;font-size:.6875rem;display:flex}.inventory-heading{align-items:center;gap:10px;margin:25px 0 12px;display:flex}.inventory-heading h3{font-size:1rem;font-weight:700}.inventory-heading>span{color:#9b87ba;margin-left:auto;font-size:.625rem}.inventory-summary{color:#a08bb5;margin-bottom:15px;font-size:.75rem}.inventory-list{max-height:45vh;overflow:auto}.inventory-row{border-top:1px solid #3a2a4c;align-items:center;gap:10px;padding:8px 0;display:flex}.inventory-row>img{object-fit:contain;width:75px}.inventory-row>div{flex-direction:column;gap:3px;display:flex}.inventory-row strong{font-size:.8125rem}.inventory-row small{color:#9a89b3;font-size:.625rem}.inventory-row button{color:#40dfb4;white-space:nowrap;background:#302241;border-radius:3px;margin-left:auto;padding:10px;font-size:.6875rem}.inventory-row button:disabled{color:#8d7a9e}.inventory-local-note{color:#917da6;margin-top:20px;font-size:.625rem;display:block}.case-help{color:#fff;z-index:35;background:#7652e6;border-radius:30px;align-items:center;gap:7px;padding:10px 14px;font-size:.875rem;font-weight:600;display:flex;position:fixed;bottom:15px;right:15px}.odds-ranges{gap:15px;margin:25px 0;display:grid}.odds-ranges>div{border-bottom:1px solid #332540;grid-template-columns:1fr auto;gap:5px;padding-bottom:12px;font-size:.8125rem;display:grid}.odds-ranges span{color:#a18aee}.odds-ranges code{color:#9783b0;grid-column:1/-1;font-size:.75rem}.draw-receipt{color:#bba1d6;font-size:.75rem}.seed-form{flex-direction:column;gap:12px;margin-top:22px;display:flex}.seed-form label{font-size:.875rem}.seed-form input{color:#eee;background:#131020;border:1px solid #4a355f;border-radius:4px;width:100%;padding:12px}.seed-form p{color:#ae94c9;font-size:.75rem}.daily-case-page+.site-footer{margin-top:0}@keyframes opening-spin{to{transform:rotate(360deg)}}@keyframes reveal-drop{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (min-width:2100px){.case-opening{min-height:32vw;padding-left:16.5%;padding-right:16.5%}.roulette-frame{--reel-slot:10vw;height:16vw}.reel-skin .skin-art{width:8vw;height:8vw}.reel-skin .skin-art img{width:9vw;height:7vw}.case-title-row{margin-bottom:2vw}.opening-controls{padding-top:2vw}}@media (max-width:1250px){.case-opening{padding-left:7%;padding-right:7%}.case-add-battle{padding:9px 10px;font-size:.625rem}.next-level{font-size:.6875rem;left:64%}.case-back{font-size:.625rem}.result-actions>.hex{font-size:.9375rem}.case-opening{min-height:540px}.roulette-frame{--reel-slot:165px;height:280px}}@media (max-width:980px){.case-title-row{justify-content:flex-start;margin-bottom:35px;padding-top:28px}.case-title-row h1{font-size:1.125rem}.case-back{top:0}.next-level{margin-left:24px;position:static}.case-add-battle{bottom:0;right:0}.roulette-frame{--reel-slot:155px;height:260px}.skin-art{width:145px;height:135px}.skin-art img{width:150px;height:125px}.result-actions{gap:10px}.result-actions>.hex{gap:7px;min-height:54px;font-size:.8125rem}.case-block-heading{font-size:1.5rem}.case-contents{padding-bottom:85px}.top-skin{flex-basis:165px}.case-opening{min-height:520px}}@media (max-width:680px){.case-opening{min-height:450px;padding:24px 16px}.case-title-row{justify-content:center;margin-bottom:25px;padding-top:35px}.case-title-row h1{font-size:1.1rem}.case-back{font-size:.625rem;left:0}.next-level{gap:6px;margin:0;font-size:.6875rem;position:absolute;top:0;left:auto;right:0}.next-level>span{width:28px;height:28px}.case-add-battle{width:32px;height:32px;margin-left:16px;padding:4px;font-size:0;position:static}.case-add-battle svg{flex-shrink:0;width:17px}.roulette-frame{--reel-slot:138px;height:230px;margin:0}.roulette-window{inset:0 4%}.roulette-border{clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.roulette-border:after{inset:2px}.roulette-pointer{width:19px;height:22px}.roulette-pointer:after{inset:4px 5px 8px}.reel-skin{padding:20px 5px}.reel-skin .skin-art{width:130px;height:120px}.reel-skin .skin-art img{width:140px;height:112px}.skin-caption strong{font-size:.75rem}.skin-caption>span,.skin-caption small{font-size:.6875rem}.unopened-case{width:210px;height:220px}.unopened-case>img{width:195px;height:195px}.unopened-price{font-size:.75rem;top:10px;right:4px}.winning-skin .skin-art{width:160px;height:140px}.winning-skin .skin-art img{width:165px;height:135px}.opening-controls{min-height:100px;padding-top:26px}.open-case-button{min-width:230px;min-height:55px;font-size:1rem}.opening-status{padding:13px 0;font-size:1.1rem}.result-actions{flex-wrap:wrap;gap:9px}.result-actions>.hex{flex-basis:45%;min-height:50px;font-size:.75rem}.result-actions>.sell-drop-button{flex-basis:100%;max-width:100%;min-height:45px}.result-note{margin-top:15px;font-size:.75rem}.case-block-heading{gap:12px;font-size:1.25rem}.last-top-skins{padding-top:20px}.top-skin{flex-basis:145px;padding:20px 5px}.top-skin .skin-art{width:125px;height:110px}.top-skin .skin-art img{width:130px;height:95px}.top-skin>b{font-size:.625rem;top:12px}.case-contents{min-height:0;padding:28px 14px 60px}.case-fairness{max-width:450px;margin-bottom:24px;font-size:.5625rem;line-height:1.7}.case-items-grid{flex-wrap:wrap;gap:7px}.case-content-card{width:calc(33.3333% - 4.66667px);min-height:215px;padding:13px 5px}.case-content-card .skin-art{width:100%;height:100px}.case-content-card .skin-art img{width:110%;height:100px}.case-content-card .skin-art:before{inset:9px 12px}.case-content-card .skin-art:after{inset:12px 15px}.case-content-card .skin-caption strong{font-size:.6875rem}.case-content-card .skin-caption>span,.case-content-card .skin-caption small{font-size:.625rem}.case-content-card .skin-chance{font-size:.625rem;top:-4px;right:1px}.case-content-card .skin-chance small{font-size:.4375rem}.case-content-card .skin-value{padding-top:20px;font-size:.75rem}.case-help{padding:8px 12px;font-size:.75rem}.inventory-row{gap:4px}.inventory-row>img{width:55px}.inventory-row strong{font-size:.75rem}.inventory-row button{padding:8px 6px;font-size:.625rem}.inventory-heading h3{font-size:.875rem}.inventory-total{font-size:.5625rem}.daily-cooldown p{max-width:280px;font-size:.6875rem}}@media (max-width:380px){.case-items-grid{gap:10px}.case-content-card,.case-content-card:last-child{width:calc(50% - 5px)}.inventory-row small{font-size:.5625rem}}@media (prefers-reduced-motion:reduce){.roulette-strip.is-running{transition:none}.winning-skin,.opening-status svg{animation:none}}.case-items-grid{flex-wrap:wrap}.case-opening{--case-surface:#141225;--case-muted:#9793c7;--case-accent:#f13e80;padding:40px max(24px,50% - 640px) 36px}.roulette-frame{--reel-slot:185px;background:0 0;height:290px;margin:0}.roulette-border{background:linear-gradient(#29223f44,#5139b6 50%,#29223f44)}.roulette-border:after{background:#121022}.roulette-window{background:linear-gradient(#121022,#141225);-webkit-mask-image:none;mask-image:none}.roulette-frame:before,.roulette-frame:after{filter:none;clip-path:polygon(85% 0,100% 0,18% 50%,100% 100%,85% 100%,0 50%);background:linear-gradient(#0000,#5936cf33,#0000);width:90px;top:0;bottom:0}.roulette-frame:before{left:-20px}.roulette-frame:after{right:-20px;transform:scaleX(-1)}.roulette-pointer{width:24px;height:27px}.reel-skin{background:linear-gradient(#12102200,#141225);border-color:#12102288;justify-content:center;padding:28px 8px 36px;transition:opacity .4s}.reel-skin .skin-art{width:160px;height:145px;margin-bottom:10px}.reel-skin .skin-art img{width:160px;height:135px}.reel-skin .skin-art:before{opacity:.8;background:linear-gradient(125deg,#262947,var(--skin-color));inset:8px 25px}.reel-skin .skin-art:after{background:radial-gradient(#34325266,#141225 72%);inset:11px 28px}.roulette-frame .skin-caption{gap:2px;line-height:1.2}.roulette-frame .skin-caption>span{font-size:13px;font-weight:600}.roulette-frame .skin-caption strong{font-size:15px;font-weight:700}.roulette-frame .skin-caption small{color:var(--case-muted);font-size:13px}.phase-settling .reel-skin:not(.reel-winner){opacity:0}.phase-settling .reel-winner{background:0 0;border-color:#0000}.winning-skin{margin-top:-12px;animation:.35s ease-out reveal-drop}.winning-skin .skin-art{width:160px;height:155px;margin-bottom:10px}.winning-skin .skin-art img{width:155px;height:140px}.winning-skin .skin-art:before{opacity:.55;background:linear-gradient(160deg,#22405f,var(--skin-color));inset:0 10px}.winning-skin .skin-art:after{background:radial-gradient(ellipse at bottom,var(--skin-color),#141225 85%);inset:2px 12px}.winning-skin .skin-chance{color:#8c7eff;font-size:12px;top:-17px;right:-10px}.winning-skin .skin-chance small{font-size:8px}.opening-controls{padding-top:40px}.opening-status{color:var(--case-muted);padding:24px 0;font-size:23px}.opening-hex-spinner{clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%,50% 0,50% 20%,23% 35%,23% 65%,50% 80%,77% 65%,77% 35%,50% 20%);background:conic-gradient(from 30deg,#5c49d0,#2b225a 75%,#5c49d0);width:28px;height:30px;animation:1s linear infinite opening-spin;display:block}.result-actions{gap:20px}.result-actions>.hex{max-width:300px;min-height:66px;font-size:18px;font-weight:800}.result-actions>.purple{background:#5c49d0}.sell-drop-button{background:#292542}.case-data-note{color:var(--case-muted);text-align:center;margin:0 0 18px;font-size:12px}@media (min-width:2100px){.case-opening{padding-left:16.5%;padding-right:16.5%}.roulette-frame{--reel-slot:10vw;height:16vw}}@media (max-width:980px){.roulette-frame{--reel-slot:165px;height:270px}.case-opening{padding-left:24px;padding-right:24px}.result-actions>.hex{font-size:13px}}@media (max-width:680px){.roulette-frame{--reel-slot:145px;height:250px}.reel-skin .skin-art{width:135px}.reel-skin .skin-art img{width:140px}.result-actions{flex-wrap:wrap;gap:10px}.result-actions>.hex{flex:45%;min-height:50px;font-size:12px}.result-actions>.hex:last-child{flex-basis:100%}.opening-controls{padding-top:28px}.opening-status{font-size:18px}}@media (prefers-reduced-motion:reduce){.opening-hex-spinner{animation:none}.reel-skin{transition:none}}.roulette-guide{z-index:4;background:#282139;width:96px;height:1px;position:absolute;left:50%;transform:translate(-50%)}.roulette-guide.top{top:-5px}.roulette-guide.bottom{bottom:-5px}.result-actions>.hex{font-weight:700}.roulette-frame{--reel-slot:180px}.roulette-strip{width:100%;left:0}.roulette-strip.is-running{transition:none}.unopened-aura{clip-path:none;pointer-events:none;background:0 0;inset:0}.unopened-aura:before,.unopened-aura:after,.unopened-aura>span{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.unopened-aura:before{background:#17132866;inset:10px}.unopened-aura>span{background:#1c163b66;inset:35px}.unopened-aura:after{background:linear-gradient(#241b4622,#49349b88);inset:61px}.skin-art.rarity-1{--skin-color:#c8ccd6;--rarity-card:url(/assets/rarities/rarity-1.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-1)}.skin-art.rarity-2{--skin-color:#2696b0;--rarity-card:url(/assets/rarities/rarity-2.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-2)}.skin-art.rarity-3{--skin-color:#353dff;--rarity-card:url(/assets/rarities/rarity-3.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-3)}.skin-art.rarity-4{--skin-color:#6c31e9;--rarity-card:url(/assets/rarities/rarity-4.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-4)}.skin-art.rarity-5{--skin-color:#ff3c7b;--rarity-card:url(/assets/rarities/rarity-5.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-5)}.skin-art.rarity-6{--skin-color:#b02524;--rarity-card:url(/assets/rarities/rarity-6.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-6)}.skin-art.rarity-7{--skin-color:#d29827;--rarity-card:url(/assets/rarities/rarity-7.svg);--rarity-win:url(/assets/rarities/winner.svg#rarity-7)}.skin-art[class*=rarity-]:before{opacity:1;clip-path:none;background:var(--rarity-card) center / 85% auto no-repeat;inset:0}.skin-art[class*=rarity-]:after{display:none}.winning-skin .skin-art[class*=rarity-]:before{background:var(--rarity-win) center / auto 100% no-repeat;inset:-8px -12px}.winning-skin .skin-art img{animation:6s ease-in-out infinite rouletteDropFloat}@keyframes rouletteDropFloat{0%,to{filter:drop-shadow(2px 4px 6px #000c);transform:translateY(0)}50%{filter:drop-shadow(2px 13px 6px #00000080);transform:translateY(-15px)}}@media (prefers-reduced-motion:reduce){.winning-skin .skin-art img{animation:none}}.live-drop-section{--drop-width:clamp(140px, 9.1vw, 190px);margin:16px 40px 24px}.live-drop-head{color:#9793c7;align-items:center;height:24px;font-size:11px;display:flex}.live-drop-head>span:first-child{color:#d6a244;width:calc(var(--drop-width) * 3);flex-shrink:0;align-items:center;gap:6px;display:flex}.live-drop-head small{color:#7a708e;letter-spacing:1px;margin-left:10px;font-size:9px}.live-drop-pause{color:#9793c7;margin-left:auto;padding:5px 9px}.live-drop-pause:hover{color:#fff}.live-drop-row{height:116px;display:flex;overflow:hidden}.live-drop-wow{z-index:2;flex:0 0 calc(var(--drop-width) * 3);display:flex;position:relative}.live-drop-window{flex:1;min-width:0;overflow:hidden}.live-drop-track{width:max-content;display:flex}.live-drop-card.drop{flex:0 0 var(--drop-width);width:var(--drop-width);border-bottom-color:var(--drop-color);background:linear-gradient(145deg, color-mix(in srgb, var(--drop-color) 15%, #141225), #171428 70%);min-width:0;height:116px}.live-drop-card.drop:before{display:none}.live-drop-card.drop.wow{background:linear-gradient(145deg,#362d23,#171428 80%);border-color:#685a24}.live-drop-art{background-position:50%;background-repeat:no-repeat;background-size:72px 76px;height:76px}.live-drop-art img{object-fit:contain;width:100%;height:100%}.live-drop-card.drop span,.live-drop-card.drop b{font-size:11px}.live-drop-track.is-updating{animation:.7s cubic-bezier(.22,.61,.36,1) both live-drop-enter}@keyframes live-drop-enter{0%{transform:translateX(calc(-1 * var(--drop-width)))}to{transform:translate(0)}}@media (max-width:1100px){.live-drop-section{--drop-width:140px;margin:12px 18px 20px}.live-drop-wow .drop:nth-child(3){display:none}.live-drop-wow{flex-basis:calc(var(--drop-width) * 2)}.live-drop-head>span:first-child{width:calc(var(--drop-width) * 2)}}@media (max-width:767px){.live-drop-section{--drop-width:130px;margin:12px 12px 16px}.live-drop-wow .drop:nth-child(2){display:none}.live-drop-wow{flex-basis:var(--drop-width)}.live-drop-head>span:first-child{width:var(--drop-width)}.live-drop-head small{letter-spacing:0;margin-left:5px;font-size:8px}.live-drop-row,.live-drop-card.drop{height:100px}.live-drop-art{background-size:58px 60px;height:60px}.live-drop-card.drop span,.live-drop-card.drop b{font-size:10px}}@media (prefers-reduced-motion:reduce){.live-drop-track.is-updating{animation:none}.live-drop-card.drop img{transition:none}}.event-countdown{--timer-frame:#a095e266;--timer-surface:#0b0a18;--timer-label:#58556b;--timer-divider:#ffffff1a;--timer-glow:#b322e566;--timer-cut:8px;color:#fff;text-align:center}.event-countdown-title{letter-spacing:1.5px;margin-bottom:17px;font-size:13px;font-weight:500;display:block}.event-countdown-frame{isolation:isolate;width:271px;height:64px;position:relative}.event-countdown-frame:before,.event-countdown-frame:after{content:"";clip-path:polygon(var(--timer-cut) 0, calc(100% - var(--timer-cut)) 0, 100% var(--timer-cut), 100% calc(100% - var(--timer-cut)), calc(100% - var(--timer-cut)) 100%, var(--timer-cut) 100%, 0 calc(100% - var(--timer-cut)), 0 var(--timer-cut));z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-countdown-frame:before{background:var(--timer-frame);width:100%;height:100%}.event-countdown-frame:after{background:var(--timer-surface);width:calc(100% - 2px);height:calc(100% - 2px)}.event-countdown-glow{background:linear-gradient(90deg, var(--timer-glow), #b322e500);width:30px;height:100%;clip-path:polygon(var(--timer-cut) 0, calc(100% - var(--timer-cut)) 0, 100% var(--timer-cut), 100% calc(100% - var(--timer-cut)), calc(100% - var(--timer-cut)) 100%, var(--timer-cut) 100%, 0 calc(100% - var(--timer-cut)), 0 var(--timer-cut));pointer-events:none;position:absolute;top:0}.event-countdown-glow.left{left:0}.event-countdown-glow.right{right:0;transform:scaleX(-1)}.event-countdown-units{justify-content:center;width:262px;height:64px;margin:0 auto;display:flex}.event-countdown-unit{text-align:center;flex-direction:column;width:73px;display:inline-flex}.event-countdown-unit:nth-child(2){width:78px;position:relative}.event-countdown-unit:nth-child(2):before,.event-countdown-unit:nth-child(2):after{content:"";background:var(--timer-divider);width:1px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.event-countdown-unit:nth-child(2):before{left:0}.event-countdown-unit:nth-child(2):after{right:0}.event-countdown-value{font-variant-numeric:tabular-nums;margin-top:17px;font-family:Eurostile,Montserrat,sans-serif;font-size:22px;font-weight:400;line-height:1.2}.event-countdown-label{color:var(--timer-label);text-transform:uppercase;margin-top:-3px;font-size:10px;font-weight:600;line-height:1.5}.hero-copy:has(.event-countdown){gap:48px}@media (max-width:767px){.event-countdown{--timer-cut:5px}.event-countdown-title{letter-spacing:1px;margin-bottom:10px;font-size:10px}.event-countdown-frame{width:168px;height:40px}.event-countdown-units{width:150px;height:38px}.event-countdown-unit{width:45px}.event-countdown-unit:nth-child(2){width:50px}.event-countdown-unit:nth-child(2):before,.event-countdown-unit:nth-child(2):after{height:26px}.event-countdown-value{margin-top:11px;font-size:12px}.event-countdown-label{margin-top:-1px;font-size:7px}.hero:not(.slide-0) .hero-copy:has(.event-countdown){gap:20px}}@media (max-width:720px){.hero:not(.slide-0) .hero-copy:has(.event-countdown){bottom:12px}}.makers-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.makers-background,.makers-background img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.makers-character{position:absolute}.makers-character img{object-fit:contain;width:100%;height:100%}.makers-left{width:38%;height:110%;bottom:-8%;left:-3%}.makers-right{width:47%;height:190%;top:-22%;right:-9%}.makers-character .makers-hover{opacity:0;transition:opacity .25s;position:absolute;inset:0}.makers-character:hover .makers-hover{opacity:1}.makers-logo{width:33%;height:auto;position:absolute;top:14%;left:29%}.hero:not(.slide-0):has(.makers-art) .hero-copy{gap:48px;width:24%;top:25%;right:8%}@media (min-width:768px) and (max-width:1024px){.makers-logo{width:38%;top:20%;left:19%}.makers-left{width:45%;left:-10%}.hero:not(.slide-0):has(.makers-art) .hero-copy{gap:28px;width:32%;right:5%}}@media (max-width:767px){.makers-logo{width:53%;top:0;left:2%}.makers-left{width:66%;height:100%;bottom:-25%;left:-22%}.makers-right{width:88%;height:155%;top:0;right:-30%}.hero:not(.slide-0):has(.makers-art) .hero-copy{gap:20px;width:50%;inset:auto 6% 18px auto}}@media (prefers-reduced-motion:reduce){.makers-character .makers-hover{transition:none}}@media (max-width:767px){.hero:has(.makers-art){background:#0b0a18;height:390px}.makers-art .makers-character,.makers-art .makers-logo{display:none}.makers-background,.makers-background img{height:260px}.hero:not(.slide-0):has(.makers-art) .hero-copy{gap:16px;width:224px;bottom:20px;left:50%;right:auto;transform:translate(-50%)}}.partner-banner{isolation:isolate;pointer-events:none;width:100%;position:relative}.vitality-banner{z-index:2;height:19.48vw}.vitality-banner>img{width:100%;max-width:none;height:auto;position:absolute;inset:0}.vitality-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.7vw;padding-top:2.5vw;display:flex;position:absolute;inset:0}.vitality-copy>strong{letter-spacing:-.13vw;font-family:Montserrat,sans-serif;font-size:3.25vw;font-weight:900;line-height:1}.vitality-copy>div{align-items:center;gap:.8vw;display:flex}.vitality-copy img{object-fit:contain;width:2.5vw;height:2.5vw}.vitality-copy span{letter-spacing:.12vw;font-size:.75vw;font-weight:600}.vitality-s-choice{z-index:1}.karrigan-banner{background:url(/assets/karrigan-original.webp) top/100% no-repeat;height:25.5vw;min-height:400px;margin-top:32px}.karrigan-player{object-fit:contain;width:20%;height:21vw;position:absolute;bottom:4.8vw}.karrigan-player.front{left:16.5%}.karrigan-player.back{right:17%}.karrigan-copy{flex-direction:column;align-items:center;display:flex;position:absolute;inset:-1.4vw 30% 0}.karrigan-copy>img{object-fit:contain;width:24vw;max-width:none;height:11vw}.karrigan-copy p{text-align:center;color:#dcdde8;white-space:nowrap;margin-top:3.5vw;font-size:1vw;line-height:1.4}.karrigan-s-choice{border-top:0}@media (min-width:1251px){.case-count-7 .case-grid,.case-count-8 .case-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.case-count-7 .case-card,.case-count-8 .case-card{grid-column:span 2}.case-count-7 .case-card:nth-child(6){grid-column:4/span 2}.case-count-8 .case-card:nth-child(6){grid-column:3/span 2}}.battles-showcase{text-align:center;background:radial-gradient(at 50% 40%,#26203455,#0000 65%),#141225;border-top:1px solid #211b34;min-height:565px;padding:54px max(60px,50% - 645px) 76px;position:relative}.battle-title{justify-content:center;align-items:center;min-height:82px;display:flex;position:relative}.battle-title h2{letter-spacing:1.4rem;z-index:1;margin:0;padding-left:1.4rem;font-size:2.5rem;font-weight:700}.battle-title>span{color:#0000;-webkit-text-stroke:1px #86577b66;text-shadow:-8px -2px 25px #db24672a,12px 8px 22px #417cd855;font-size:110px;font-style:italic;font-weight:900;position:absolute;top:-20px;left:50%;transform:translate(-50%)rotate(-12deg)}.battle-description{letter-spacing:1.7px;color:#7d6f9f;margin:16px -100px 48px;font-size:.8125rem;line-height:1.7}.battle-room-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:relative}.battle-room-list:before,.battle-room-list:after{content:"";clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);background:linear-gradient(90deg,#bd2f67 1px,#0000 1px);border-left:1px solid #bd2f67;width:10px;position:absolute;top:-10px;bottom:-10px;left:-12vw}.battle-room-list:after{left:auto;right:-12vw;transform:rotate(180deg)}.battle-room{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(135deg,#1e1a30,#191529);min-width:0;padding:15px 20px 16px;transition:background .2s}.battle-room:hover{background:#272039}.battle-room:focus-visible{outline-offset:-5px}.battle-room-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.battle-room-meta>span{color:#6c6382;align-items:center;gap:6px;font-size:.6875rem;display:flex}.battle-room-meta b{color:#cec5dc;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);background:#2b253e;padding:6px;font-size:.75rem}.battle-room-meta strong{color:#45eac0;white-space:nowrap;font-size:1rem}.battle-room-meta small{font-size:.6rem}.battle-case-stack{justify-content:center;align-items:center;height:110px;display:flex;overflow:hidden}.battle-case-stack img{object-fit:contain;width:44%;height:125px;margin:0 -5%}.battle-case-stack img:nth-child(2){z-index:1;position:relative;transform:scale(1.15)}.battle-players{justify-content:center;gap:12px;margin-top:6px;display:flex}.battle-players>span{color:#dba6de;background:#38283d;border:2px solid #b64888;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:relative}.battle-players>span+span:before{content:"×";color:#625576;font-size:10px;position:absolute;left:-12px}.battle-players img{object-fit:cover;border-radius:50%;width:100%;height:100%}.battle-players>.player-color-1{border-color:#7852c3}.battle-players>.player-color-2{border-color:#bc4174}.battle-players>.player-color-3{border-color:#7150ae}.battle-play{background:#b83065;gap:10px;min-width:230px;margin:40px auto 0;padding:0 30px;position:relative}.battle-play:before{content:"";clip-path:inherit;z-index:-1;background:#2b1c30;position:absolute;inset:1px}.battle-play:hover{background:#e5548b}.battle-demo-label{color:#6f608b;letter-spacing:1px;margin-top:12px;font-size:.625rem;display:block}footer.site-footer{color:#85729f;background:radial-gradient(at 15% 0,#38216760,#0000 40%),linear-gradient(#1e1630,#20162c);border-top:1px solid #352044;gap:0;margin-top:60px;padding:48px 3.4% 28px;display:block;position:relative}.site-footer .footer-main{grid-template-columns:24% 44% 1fr;align-items:start;gap:22px;min-height:284px;display:grid;position:relative}.site-footer .footer-brand-column{z-index:1;padding-right:35px;position:relative}.site-footer button{white-space:normal;text-align:left;align-items:center;gap:9px;margin:0;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.site-footer button:hover{color:#f4e9ff}.site-footer .footer-logo{gap:12px;width:162px;margin:3px 0 49px;display:flex}.footer-logo img:first-child{width:42px;height:42px}.footer-logo img:last-child{width:112px}.site-footer p{margin:0 0 14px;font-size:.75rem;line-height:1.55}.footer-language{color:#ded3eb;background:#291e3b;border-radius:8px;align-items:center;gap:12px;max-width:230px;margin-top:32px;padding:16px;font-size:.8125rem;display:flex}.language-note{color:#85749f;margin-left:auto;font-size:.625rem}.footer-navigation{z-index:1;grid-template-columns:.9fr 1fr 1.45fr .7fr;gap:22px;display:grid}.footer-column{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-column h3{color:#817098;margin:0 0 8px;font-size:.75rem;font-weight:700}.footer-column button{color:#d1c1df}.site-footer .footer-team{object-fit:contain;object-position:right bottom;border-bottom:1px solid #842acd70;width:28%;height:auto;max-height:330px;position:absolute;bottom:0;right:-1.5%}.footer-utility{border-bottom:1px solid #33233f;align-items:center;gap:3%;margin-top:12px;padding:38px 0 24px;display:flex}.footer-socials{gap:7px;display:flex}.site-footer .footer-socials button{color:#9984b5;background:#2c203d;border-radius:8px;flex-shrink:0;justify-content:center;width:40px;height:42px}.social-mask{background:currentColor;width:19px;height:19px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer-simulator-note{align-items:center;gap:14px;display:flex}.footer-fc{color:#d9cbe7;border:3px solid #cc3371;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:.875rem;font-weight:700;display:grid}.site-footer .footer-simulator-note p{white-space:nowrap;margin:0;font-size:.75rem}.site-footer .footer-contact,.site-footer .footer-sitemap{color:#a18abb;white-space:nowrap;font-size:1rem}.footer-coin-marks{color:#847194;white-space:nowrap;align-items:center;gap:14px;margin-left:auto;font-size:.6875rem;font-weight:700;display:flex}.footer-coin-marks svg{width:24px}.footer-about{padding-top:24px}.footer-about summary{cursor:pointer;font-size:.875rem;font-weight:600;list-style:none}.footer-about summary::-webkit-details-marker{display:none}.site-footer .footer-about summary p{margin:10px 0}.about-toggle{align-items:center;gap:5px;font-size:.6875rem;display:flex}.hide-copy,.footer-about[open] .show-copy{display:none}.footer-about[open] .hide-copy{display:inline}.footer-about[open] .about-toggle svg{transform:rotate(180deg)}.site-footer .footer-about>p{max-width:1100px;margin-top:16px}.sitemap-list{max-height:55vh;overflow:auto}@media (min-width:2100px){.karrigan-banner{min-height:0}.footer-main{min-height:330px}.site-footer .footer-team{max-height:390px}.footer-column button{font-size:1rem}.site-footer p{font-size:.875rem}}@media (max-width:1500px){.footer-utility{flex-wrap:wrap;gap:22px}.footer-socials{gap:5px}.site-footer .footer-socials button{width:34px;height:38px}.footer-coin-marks{margin-left:auto}.site-footer .footer-main{grid-template-columns:25% 50% 1fr}.site-footer .footer-team{width:24%;right:-3%}.footer-navigation{gap:16px}.site-footer .footer-brand-column{padding-right:15px}.karrigan-banner{min-height:0}.battle-description{margin-left:0;margin-right:0}}@media (max-width:980px){.karrigan-banner{background-position:top;background-size:auto 42vw;height:32vw}.karrigan-player{width:25%;height:26vw;bottom:6vw}.karrigan-player.front{left:9%}.karrigan-player.back{right:9%}.karrigan-copy{inset:0 25%}.karrigan-copy>img{width:30vw;height:14vw}.karrigan-copy p{margin-top:3.5vw;font-size:1.2vw}.battles-showcase{min-height:0;padding:42px 30px 50px}.battle-title h2{letter-spacing:.8rem;font-size:2rem}.battle-room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.battle-room-list:before,.battle-room-list:after{display:none}.battle-description{margin-bottom:30px}.battle-room{padding:16px 22px}.battle-case-stack{height:130px}.site-footer .footer-main{grid-template-columns:1fr 2fr;gap:30px;padding-bottom:150px}.site-footer .footer-team{width:230px;max-height:150px;right:0}.footer-navigation{gap:16px}.site-footer button{font-size:.8125rem}.site-footer .footer-logo{margin-bottom:26px}.footer-language{max-width:190px}.site-footer .footer-brand-column{padding-right:0}.footer-utility{margin-top:0;padding-top:24px}.footer-coin-marks{margin-left:0}}@media (max-width:680px){.vitality-banner{height:25vw;overflow:hidden}.vitality-banner>img{width:128%;max-width:none;left:-14%}.vitality-copy{gap:3vw;padding-top:3vw}.vitality-copy>strong{font-size:4.4vw}.vitality-copy img{width:3.4vw;height:3.4vw}.vitality-copy span{font-size:1.2vw}.karrigan-banner{background-size:auto 70vw;height:58vw;margin-top:0}.karrigan-player{width:32%;height:35vw;bottom:6vw}.karrigan-player.front{left:0}.karrigan-player.back{right:0}.karrigan-copy{inset:0 24%}.karrigan-copy>img{width:46vw;height:23vw}.karrigan-copy p{white-space:normal;margin-top:2vw;font-size:2.2vw;line-height:1.4}.desktop-break{display:none}.battles-showcase{padding:36px 16px 40px}.battle-title{min-height:64px}.battle-title h2{letter-spacing:.5rem;padding-left:.5rem;font-size:1.5rem}.battle-title>span{font-size:86px}.battle-description{letter-spacing:.6px;margin:14px 0 24px;font-size:.6875rem;line-height:1.7}.battle-room-list{gap:9px}.battle-room{padding:10px 8px 14px}.battle-room-meta{gap:4px}.battle-room-meta>span{gap:3px;font-size:.5rem}.battle-room-meta strong{font-size:.75rem}.battle-room-meta b{padding:5px;font-size:.625rem}.battle-case-stack{height:90px}.battle-case-stack img{width:46%;height:95px}.battle-players{gap:9px}.battle-players>span{width:24px;height:24px}.battle-players>span+span:before{left:-9px}.battle-play{margin-top:28px}footer.site-footer{margin-top:25px;padding:30px 22px 25px}.site-footer .footer-main{flex-direction:column;gap:34px;padding-bottom:165px;display:flex}.site-footer .footer-brand-column{width:100%;max-width:440px}.site-footer .footer-logo{margin:0 0 22px}.footer-language{max-width:220px;margin-top:20px;padding:13px}.footer-navigation{grid-template-columns:1fr 1fr;gap:28px 24px;width:100%}.footer-column{gap:11px}.site-footer .footer-column button{min-height:24px;font-size:.875rem}.footer-column h3{font-size:.75rem}.site-footer .footer-team{width:240px;max-height:165px;right:-22px}.footer-utility{align-items:center;gap:22px}.footer-socials{flex-wrap:wrap;gap:6px;width:100%}.site-footer .footer-socials button{width:33px;height:36px}.footer-simulator-note{width:100%}.site-footer .footer-contact,.site-footer .footer-sitemap{font-size:.875rem}.footer-coin-marks{gap:18px;width:100%}.footer-about{padding-top:20px}}@media (prefers-reduced-motion:reduce){.battle-room{transition:none}}.vitality-copy>.vitality-wordmark{object-fit:contain;width:17.1vw;height:auto}@media (max-width:680px){.vitality-copy>.vitality-wordmark{width:23vw}}footer.site-footer{background:#141225 url(/assets/footer-texture.webp) top/cover no-repeat}.battles-showcase{background:#141225 url(/assets/battles-original.webp) 50%/cover no-repeat}

/* Entrance observed in the reference: a fast drop, overshoot, then settling. */
.unopened-case > .case-entry-image {
  opacity: 0;
  transform-origin: center;
}

.unopened-case > .case-entry-image.case-entry-ready {
  animation: case-entry-bounce 480ms both;
}

@keyframes case-entry-bounce {
  0% {
    opacity: 0;
    transform: translate3d(0, -170px, 0);
    animation-timing-function: cubic-bezier(.32, 0, .67, .35);
  }
  42% {
    opacity: 1;
    transform: translate3d(0, 24px, 0);
    animation-timing-function: cubic-bezier(.22, .61, .36, 1);
  }
  70% {
    opacity: 1;
    transform: translate3d(0, -8px, 0);
    animation-timing-function: ease-in-out;
  }
  88% {
    opacity: 1;
    transform: translate3d(0, 3px, 0);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Keep the case mounted during its exit; clip it inside the roulette area. */
.roulette-frame > .case-motion-viewport {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  pointer-events: none;
}

.phase-opening .case-motion-viewport > .unopened-case {
  animation: case-exit-down 360ms both;
}

.phase-opening > .roulette-window {
  animation: case-reel-enter 160ms 360ms both;
}

@keyframes case-exit-down {
  0% {
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(.2, .65, .35, 1);
  }
  38% {
    transform: translate3d(0, -42px, 0);
    animation-timing-function: cubic-bezier(.55, 0, .85, .4);
  }
  100% {
    transform: translate3d(0, 340px, 0);
    visibility: hidden;
  }
}

@keyframes case-reel-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .unopened-case > .case-entry-image,
  .unopened-case > .case-entry-image.case-entry-ready {
    opacity: 1;
    animation: none;
    transform: none;
  }
  .phase-opening .case-motion-viewport > .unopened-case {
    animation: none;
    visibility: hidden;
  }
  .phase-opening > .roulette-window {
    animation: none;
    opacity: 1;
  }
}

/* Layered side chevrons behind the sharp roulette outline. */
.roulette-frame::before,
.roulette-frame::after {
  width: calc(6.5% + 64px);
  top: 0;
  bottom: 0;
  clip-path: none;
  filter: none;
  background: url("/_next/static/interface/roulette-edge-9f8cbabb0e.svg") center / 100% 100% no-repeat;
}

.roulette-frame::before {
  left: -64px;
  right: auto;
  transform: scaleX(-1);
}

.roulette-frame::after {
  right: -64px;
  left: auto;
  transform: none;
}

@media (max-width: 680px) {
  .roulette-frame::before,
  .roulette-frame::after {
    width: calc(4% + 42px);
  }
  .roulette-frame::before { left: -42px; }
  .roulette-frame::after { right: -42px; }
}

/* Keep the indicator outline fixed; rotate only its clipped gradient layer. */
.opening-hex-spinner {
  position: relative;
  background: none;
  animation: none;
  transform: none;
}

.opening-hex-spinner::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: conic-gradient(from 30deg, #5c49d0, #2b225a 75%, #5c49d0);
  animation: opening-gradient-spin 1s linear infinite;
}

@keyframes opening-gradient-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .opening-hex-spinner::before { animation: none; }
}

.battles-page{position:relative;max-width:1800px;margin:0 auto;padding:68px 44px 100px;min-height:65vh;color:#f2effb;background:radial-gradient(ellipse at 85% 0,#26304638,transparent 50%),radial-gradient(ellipse at 0 40%,#38255825,transparent 50%)}
.battle-button{border:0;background:none;color:#8e84ac;font:inherit;font-size:14px;font-weight:800;cursor:pointer;padding:12px 14px;white-space:nowrap;transition:color .15s,background .15s}.battle-button:hover{color:#fff}.battle-button:disabled{opacity:.4;cursor:not-allowed}.battle-button:focus-visible,.battle-pick-case:focus-visible{outline:2px solid #8c71ff;outline-offset:3px}.battle-button.hex{background:#292340;padding:16px 32px;min-width:150px;color:#b3a7da}.battle-button.purple{background:#6049cf;color:#fff}.battle-lobby-toolbar,.battle-room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.battle-tabs{display:flex;align-items:center;gap:20px}.battle-tabs>.battle-button{padding:18px 3px;border-bottom:2px solid transparent;font-size:16px}.battle-tabs>.active{color:#fff;border-color:#fd1765}.battle-tabs>.battle-stats-button{border:1px solid #30283f;background:#201c31;padding:12px 30px}.battle-create-button{font-size:18px;min-width:250px!important}.battle-local-note{color:#7f759c;font-size:11px;letter-spacing:1.5px;margin:10px 0 28px}.battle-filters{display:flex;align-items:center;gap:35px;padding:27px 34px;background:#0b0916;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);margin-bottom:44px}.battle-choices{display:flex;align-items:center;gap:8px}.battle-choices>span{font-size:13px;font-weight:800;color:#9188ac;margin-right:8px}.battle-choices>.battle-button{background:#221c35;width:43px;height:43px;padding:4px;border:2px solid transparent;border-radius:9px;font-size:17px}.battle-choices>.selected{border-color:#7456ed;color:#62c4c4;background:#292047}.battle-balance-filter{margin-left:auto;display:flex;align-items:center;gap:10px;color:#7b7c94;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.battle-balance-filter input{appearance:none;width:23px;height:25px;border:2px solid #443859;background:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.battle-balance-filter input:checked{background:#6550d8}.battle-filters select{border:0;background:#0b0916;color:#e9e4f8;font:inherit;font-size:12px;font-weight:800;max-width:150px}.battle-reset{font-size:12px;padding-right:0}.battle-table-heading{display:grid;grid-template-columns:140px 1fr 140px 180px 180px;color:#4b435f;font-size:11px;font-weight:800;padding:8px 28px 18px}.battle-table-heading span:nth-child(2){text-align:center}.battle-row{display:grid;grid-template-columns:140px minmax(0,1fr) 36px 140px 180px 180px;align-items:stretch;background:#1a162d;margin-bottom:12px;min-height:160px;border:4px solid #1c182e}.battle-round-count{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px;background:linear-gradient(120deg,#293c4866,#251b38);gap:5px}.battle-live{font-size:10px;color:#41dab9;font-weight:800;letter-spacing:.4px}.battle-round-count>small{font-size:10px;color:#5e526f}.battle-round-hex{display:grid;place-items:center;width:72px;height:78px;background:linear-gradient(140deg,#50e3c8,#544388);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);font-size:26px;position:relative;z-index:0}.battle-round-hex:before{content:"";position:absolute;inset:3px;background:#171429;clip-path:inherit;z-index:-1}.battle-row-scenario{display:flex;min-width:0;overflow:hidden}.battle-row-case{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border-right:1px solid #241d38}.battle-row-case img{width:100%;max-width:140px;height:96px;object-fit:contain}.battle-row-case strong{font-size:11px;text-align:center;line-height:1.3;color:#a99cbe}.battle-details{writing-mode:vertical-rl;padding:7px;background:#28213f;font-size:10px}.battle-cost{display:grid;place-items:center;color:#4ae3ba;font-size:15px;text-align:center;padding:5px;border-right:2px solid #221b34}.battle-participants{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:radial-gradient(ellipse,#32474c40,transparent 75%)}.battle-participants>b{color:#eb3974;font-size:12px}.battle-participants>small{font-size:10px;color:#64b8bd;font-weight:800}.battle-avatar{width:30px;height:30px;display:inline-grid;place-items:center;border:2px solid #7c51d8;border-radius:50%;background:#2d2447;color:#fff;font-size:11px;margin:0 3px;font-weight:800}.avatar-0{border-color:#ff376e;background:#5c2444}.avatar-1{background:#263b58}.avatar-2{background:#46442b}.avatar-3{background:#324f45}.battle-watch{align-self:center;justify-self:center;min-width:140px!important;padding:12px 20px!important;font-size:13px}.battle-more-cases{align-self:center;color:#9687bc;font-size:12px;margin:8px}.battle-empty{text-align:center;padding:80px 20px;background:#161225}.battle-empty h2{font-size:22px}.battle-empty p{color:#8e81a6;margin-bottom:30px}.battle-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#06040ccc;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.battle-modal{width:min(100%,1040px);max-height:90vh;overflow:auto;background:#181327;border:1px solid #352846;box-shadow:0 20px 100px #0008;padding:30px}.battle-modal-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #312540;padding-bottom:16px;margin-bottom:18px}.battle-modal-title h2{font-size:22px}.battle-close{font-size:27px;padding:5px 10px}.battle-create-options{display:flex;gap:40px;margin-bottom:20px}.battle-rule{color:#a493ba;font-size:13px;line-height:1.6}.battle-selected-header{display:flex;align-items:center;justify-content:space-between;font-size:12px}.battle-selected{display:flex;gap:8px;overflow:auto;background:#0f0b1a;padding:12px;min-height:100px;margin-bottom:20px}.battle-selected>div{position:relative;flex:0 0 100px;text-align:center}.battle-selected img{width:85px;height:65px;object-fit:contain}.battle-selected small{display:block;font-size:10px}.battle-selected button{position:absolute;right:0;top:-10px;color:#cfb7df;padding:5px}.battle-selected p{margin:auto;color:#685e7c;font-size:13px}.battle-search{width:100%;background:#100c1c;border:1px solid #332744;padding:14px 18px;margin-bottom:20px;color:#fff}.battle-case-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:350px;overflow:auto;padding:4px}.battle-pick-case{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#211a33;border:1px solid #332543;cursor:pointer;color:#d1c5e6;font:inherit;font-size:11px}.battle-pick-case:hover{border-color:#7653d9;background:#2d2143}.battle-pick-case:disabled{opacity:.4;cursor:not-allowed}.battle-pick-case img{width:100%;height:85px;object-fit:contain}.battle-pick-case b{color:#4de1bb}.battle-pick-case>span{color:#b99cef}.battle-create-footer{position:sticky;bottom:-30px;background:#181327;display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:12px;border-top:1px solid #34253f;gap:15px}.battle-create-footer>span{font-size:13px;color:#4de1bb;font-weight:800}.battle-detail-cases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:30px 0}.battle-detail-cases>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#211a33;padding:12px;font-size:12px}.battle-detail-cases img{width:100%;height:90px;object-fit:contain}.battle-detail-cases b{color:#4de1bb}.battle-detail-actions{display:flex;justify-content:center;gap:15px}.battle-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.battle-stat-grid>div{background:#211a33;padding:30px;text-align:center}.battle-stat-grid small{display:block;color:#8c7da5;font-size:12px;margin-bottom:15px}.battle-stat-grid b{font-size:28px;color:#4de1bb}.battle-error{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1100;background:#4b1838;color:#ffd9e6;border:1px solid #a33a65;padding:10px 20px;max-width:90vw;font-size:14px;display:flex;align-items:center;gap:20px}.battle-room-toolbar .battle-local-note{margin:0}.battle-mode-label{font-size:12px;color:#c7bae7;font-weight:800;letter-spacing:1px}.battle-scenario-bar{display:flex;align-items:center;background:#181329;padding:16px 25px;gap:20px;border-top:2px solid #312348}.battle-room-round{min-width:100px}.battle-room-round small,.battle-total small{display:block;font-size:10px;color:#a492b9;margin-bottom:8px}.battle-room-round strong{color:#f23277;font-size:16px}.battle-room-cases{display:flex;align-items:center;flex:1;overflow:auto;gap:8px}.battle-round-case{position:relative;min-width:80px;text-align:center;opacity:.45}.battle-round-case.current{opacity:1}.battle-round-case.current:before{content:"";position:absolute;top:-3px;left:50%;transform:translateX(-50%);border-top:9px solid #8260f0;border-left:9px solid transparent;border-right:9px solid transparent}.battle-round-case.past{opacity:.25}.battle-round-case img{width:80px;height:64px;object-fit:contain}.battle-round-case small{display:block;font-size:9px;white-space:nowrap}.battle-total{min-width:120px;text-align:right}.battle-total b{color:#43dbb7;font-size:16px}.battle-room-score{display:flex;justify-content:center;align-items:center;gap:35px;padding:22px;background:linear-gradient(90deg,#24b3950e,transparent,#e834700e);margin:20px 0;color:#3ddbbb;font-size:16px;font-weight:800}.battle-room-score b{font-size:11px;color:#9685b1;letter-spacing:1px}.battle-room-score>span:last-child{color:#ea3973}.battle-player-columns{display:grid;grid-template-columns:repeat(var(--battle-players),minmax(0,1fr));gap:12px}.battle-player-column{min-width:0}.battle-reel,.battle-ready,.battle-result-panel{height:260px;background:#100c1c;position:relative;overflow:hidden}.battle-reel{mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.battle-reel-line{transform:translateY(-1170px)}.battle-reel.is-spinning .battle-reel-line{animation:battle-reel-roll 3s cubic-bezier(.12,.64,.17,1) both}.battle-reel-item{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.battle-reel-item img{height:130px;width:90%;max-width:190px;object-fit:contain}.battle-reel-item small{font-size:10px;color:#a494b5}.battle-reel-item strong{font-size:12px}.battle-reel-item b{font-size:11px;color:#4ae0b9}.battle-reel-arrow{position:absolute;top:50%;border-top:7px solid transparent;border-bottom:7px solid transparent}.battle-reel-arrow.left{left:0;border-left:9px solid #e6ba65}.battle-reel-arrow.right{right:0;border-right:9px solid #e6ba65}.battle-ready{display:flex;align-items:center;justify-content:center;gap:15px;color:#6f618e;font-size:13px}.battle-player-name{display:flex;align-items:center;gap:6px;background:#1c152b;padding:15px 8px;min-height:66px}.battle-player-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-player-name small{font-size:8px;color:#8c7ba3;margin-left:auto}.battle-drop-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.battle-drop{position:relative;text-align:center;background:linear-gradient(0deg,#34264b33,#161121);border-bottom:2px solid #504264;padding:8px 3px;min-width:0}.battle-drop.rarity-6{border-color:#c43764}.battle-drop.rarity-5{border-color:#a241b3}.battle-drop.rarity-4{border-color:#7951d2}.battle-drop img{width:100%;height:75px;object-fit:contain}.battle-drop>small:first-child{position:absolute;left:7px;top:7px;color:#665477}.battle-drop small,.battle-drop strong,.battle-drop b{display:block;font-size:9px;line-height:1.5}.battle-drop small{color:#9d8ba9}.battle-drop b{color:#43ddb6;margin-top:5px}.battle-result-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.battle-result-panel>strong{color:#695978;font-size:18px;letter-spacing:2px}.is-winner .battle-result-panel>strong{color:#58e4c8}.is-winner .battle-result-panel{background:radial-gradient(ellipse,#29b89d1d,#100c1c 75%)}.battle-result-panel>b{color:#f36b92;border-radius:50px;padding:10px 20px;background:#9e25462a;font-size:20px}.is-winner .battle-result-panel>b{color:#9ef3e3;background:#31c5a52a;box-shadow:0 0 25px #38d6b522}.battle-result-panel small{color:#8f7c9f;font-size:9px}.battle-result-panel em{color:#4bdfbb;font-size:17px;font-weight:800;font-style:normal}.battle-finish-actions{text-align:center;padding:35px 0}.battle-finish-actions p{color:#8d7ca3;font-size:12px;margin-top:20px}@keyframes battle-reel-roll{from{transform:translateY(30px)}to{transform:translateY(-1170px)}}
@media(max-width:1200px){.battles-page{padding:40px 24px 70px}.battle-filters{gap:18px;padding:22px 18px;flex-wrap:wrap}.battle-balance-filter{margin-left:0}.battle-row{grid-template-columns:90px minmax(0,1fr) 30px 105px 120px 130px}.battle-table-heading{grid-template-columns:90px 1fr 105px 120px 130px}.battle-row-case img{height:80px}.battle-watch{min-width:110px!important;padding:10px!important}.battle-avatar{width:23px;height:23px;font-size:9px;margin:0 1px}.battle-cost{font-size:12px}.battle-player-name{flex-wrap:wrap}.battle-room-toolbar .battle-local-note{display:none}}
@media(max-width:760px){.battles-page{padding:25px 12px 50px}.battle-lobby-toolbar{flex-wrap:wrap;gap:12px}.battle-tabs{gap:12px;width:100%;justify-content:space-between}.battle-tabs>.battle-button{font-size:11px}.battle-create-button{margin-left:auto;font-size:13px;min-width:190px!important;padding:12px 24px!important}.battle-filters{gap:18px 12px;margin-bottom:20px}.battle-choices>span{font-size:10px}.battle-choices>.battle-button{width:34px;height:36px;font-size:14px}.battle-table-heading{display:none}.battle-row{grid-template-columns:70px minmax(0,1fr) 28px;min-height:145px}.battle-row-scenario{height:115px}.battle-row-case img{height:66px}.battle-row-case strong{font-size:9px}.battle-row-case:nth-child(n+4){display:none}.battle-cost,.battle-participants,.battle-watch{padding:10px!important;border:0;grid-row:2}.battle-cost{grid-column:1}.battle-participants{grid-column:2;flex-direction:row;gap:8px;font-size:9px}.battle-participants>b{font-size:9px}.battle-participants>small{font-size:8px}.battle-watch{grid-column:3;min-width:0!important;writing-mode:vertical-rl;font-size:9px!important;clip-path:none!important;align-self:stretch}.battle-round-count{grid-row:1/3;justify-content:center}.battle-cost{grid-column:2;grid-row:3}.battle-participants{grid-column:2;grid-row:2}.battle-watch{grid-column:3;grid-row:2/4}.battle-round-hex{width:54px;height:60px;font-size:22px}.battle-modal-backdrop{padding:10px}.battle-modal{padding:18px;max-height:94vh}.battle-modal-title h2{font-size:18px}.battle-create-options{gap:12px;flex-wrap:wrap}.battle-case-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-detail-cases{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-detail-actions{flex-wrap:wrap}.battle-create-footer{bottom:-18px;flex-wrap:wrap;justify-content:center}.battle-create-footer>span{font-size:12px}.battle-room-toolbar{gap:8px}.battle-back{font-size:10px;padding:8px 0}.battle-mode-label{font-size:9px}.battle-scenario-bar{padding:12px 8px;gap:10px}.battle-room-round{min-width:60px}.battle-room-round strong{font-size:12px}.battle-total{min-width:80px}.battle-total b{font-size:12px}.battle-player-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.battle-reel,.battle-ready,.battle-result-panel{height:260px}.battle-drop-history{gap:4px}.battle-drop img{height:60px}.battle-result-panel>b{font-size:16px}.battle-finish-actions .battle-button{font-size:12px}.battle-room-score{gap:12px;font-size:12px}.battle-player-name strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.battle-reel.is-spinning .battle-reel-line{animation:none;transform:translateY(-1170px)}}

/* Match the supplied Battles navigation and filter bar. */
.battles-page{width:87%;max-width:none;padding:46px 0 100px;background:none;isolation:isolate}
.battles-page::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:calc((100% - 100vw)/2);width:100vw;background:linear-gradient(#12102133,#121021 650px),url('/assets/battles-original.webp') center top/100% auto no-repeat}
.battle-icon{display:inline-block;flex:0 0 24px;width:24px;height:24px;vertical-align:middle}
.battle-icon-classic{background:currentColor;mask:url('/assets/header/battles.svg') center/contain no-repeat;-webkit-mask:url('/assets/header/battles.svg') center/contain no-repeat}
.battle-button{font-weight:600}
.battle-lobby-toolbar{margin-bottom:44px;min-height:48px}
.battle-tabs{gap:36px;align-items:center}
.battle-tabs>.battle-button{display:flex;align-items:center;gap:12px;padding:13px 0;font-size:14px;font-weight:700;min-height:48px}
.battle-tabs>.battle-button .battle-icon{width:22px;height:22px;flex-basis:22px}
.battle-tabs>.battle-stats-button{height:38px;min-height:38px;min-width:154px;padding:0 24px;gap:10px;color:#fff;background:#201b30;font-size:14px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}
.battle-button.battle-create-button{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;min-width:240px!important;padding:0 30px;font-size:16px;font-weight:700;background:#6049d2}
.battle-create-button .battle-icon{width:20px;height:20px;flex-basis:20px}
.battle-filters{min-height:90px;padding:24px 40px;gap:48px;background:#0c0918;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.battle-choices{gap:8px}.battle-choices>span{font-size:14px;font-weight:600;margin-right:6px}
.battle-choices>.battle-button{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;font-size:16px;font-weight:600;background:#241e38}
.battle-choices>.battle-button .battle-icon{width:27px;height:27px;flex-basis:27px}
.battle-choices>.selected{color:#e6ddff;border-color:#7352e7;background:#241d3a}
.battle-choices>.selected .battle-icon{color:#76c3c4}
.battle-balance-filter{position:relative;gap:12px;font-size:14px;font-weight:600;color:#777991}
.battle-balance-filter input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;margin:0;clip-path:none}
.battle-balance-filter>.battle-icon{width:24px;height:26px;color:#44365f;flex-basis:24px;fill:#201a30}
.battle-balance-filter input:checked+.battle-icon{color:#8060e8;fill:#59459d}
.battle-balance-filter input:focus-visible+.battle-icon{outline:2px solid #a389ed;outline-offset:4px}
.battle-filters select{font-size:14px;font-weight:600;max-width:160px;background:#0c0918}
.battle-reset{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;padding:0;color:#695b8b}
.battle-reset .battle-icon{width:22px;height:22px;flex-basis:22px}
.battle-lobby>.battle-local-note{margin:28px 0 0;font-size:10px;letter-spacing:1px}
@media(max-width:1400px){.battle-filters{gap:26px;padding-left:26px;padding-right:26px}.battle-balance-filter,.battle-filters select,.battle-reset{font-size:12px}.battle-tabs{gap:26px}}
@media(max-width:1100px){.battle-filters{gap:20px;flex-wrap:wrap}.battle-balance-filter{margin-left:auto}.battle-tabs{gap:20px}.battle-tabs>.battle-button{font-size:12px}.battle-button.battle-create-button{min-width:200px!important;font-size:14px}}
@media(max-width:760px){.battles-page{width:auto;margin:0 12px;padding:25px 0 50px}.battle-lobby-toolbar{margin-bottom:26px}.battle-tabs{gap:12px}.battle-tabs>.battle-button{gap:6px;font-size:10px}.battle-tabs>.battle-stats-button{min-width:110px;padding:0 14px;font-size:10px}.battle-tabs>.battle-button .battle-icon{width:18px;height:18px;flex-basis:18px}.battle-button.battle-create-button{height:42px;min-width:190px!important;font-size:13px}.battle-filters{padding:20px 16px;gap:18px 12px}.battle-choices>span{font-size:11px}.battle-choices>.battle-button{width:34px;height:36px;font-size:14px}.battle-choices>.battle-button .battle-icon{width:24px;height:24px}.battle-balance-filter{margin-left:0}}

.battle-row-case{position:relative;flex:0 0 20%;width:20%;transition:opacity .25s}
.battle-row-case.past{opacity:.23}.battle-row-case.future{opacity:.55}.battle-row-case.current{opacity:1}
.battle-row-case.current::before{content:"";position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);border-top:12px solid #7953e8;border-left:12px solid transparent;border-right:12px solid transparent;animation:battle-pointer-hop .38s ease-out}
.battle-row-case.current::after{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);border-top:7px solid #49309c;border-left:7px solid transparent;border-right:7px solid transparent}
.battle-row-case.current strong{color:#eee8fa}
.battle-case-quantity{position:absolute;top:12px;right:8px;background:#6049ce;color:#fff;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%);padding:3px 9px;font-size:10px}
.battle-empty-avatar{display:inline-block;width:28px;height:28px;margin:0 3px;border-radius:50%;background:#251e3a}
.battle-row.is-waiting .battle-round-count{background:#1c162d}
.battle-row.is-waiting .battle-live{color:#e4dceb}
.battle-row.is-waiting .battle-round-hex{background:linear-gradient(140deg,#322940,#201a34)}
.battle-row.is-waiting .battle-participants>b{color:#7f7898}
.battle-row.is-live .battle-live::before{content:"";position:absolute;left:9px;margin-top:3px;width:6px;height:6px;background:#4bd8b6;border-radius:50%;box-shadow:0 0 0 3px #40d6b528,0 0 8px #40d6b54a}
.battle-round-count{position:relative}
.battle-button.battle-join{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;background:#d33370;color:#eee4f5}
.battle-button.battle-join::before{content:"";position:absolute;inset:1.5px;clip-path:inherit;background:#21172f;z-index:-1}
.battle-button.battle-join{isolation:isolate}
.battle-join .battle-icon{width:20px;height:20px;flex-basis:20px}
@keyframes battle-pointer-hop{0%{transform:translate(-50%,-7px)}65%{transform:translate(-50%,3px)}100%{transform:translate(-50%,0)}}
@media(max-width:1200px){.battle-empty-avatar{width:22px;height:22px;margin:0 1px}}
@media(max-width:760px){.battle-row-case{flex-basis:33.333%;width:33.333%}.battle-button.battle-join{writing-mode:horizontal-tb;flex-direction:column;gap:3px}.battle-case-quantity{top:3px;right:3px;font-size:8px;padding:2px 5px}.battle-row-case.current::before{border-top-width:9px;border-left-width:9px;border-right-width:9px}}
@media(prefers-reduced-motion:reduce){.battle-row-case.current::before{animation:none}.battle-row-case{transition:none}}
/* Personal battle history and statistics. */
.battle-history-heading{grid-template-columns:124px minmax(0,1fr) 115px 160px 105px 175px;padding-left:0;padding-right:0;margin-top:-14px}.battle-history-heading span{text-align:center}
.battle-history-row{grid-template-columns:124px minmax(0,1fr) 115px 160px 105px 175px;min-height:150px}.battle-history-row .battle-round-count{justify-content:center;gap:16px;background:#1d192f}.battle-history-row .battle-round-hex{background:linear-gradient(140deg,#30273f,#201a34)}.battle-history-row .battle-row-scenario{overflow-x:auto}.battle-history-row .battle-row-case{flex:0 0 20%;min-width:110px;opacity:1}.battle-history-row .battle-row-case strong{color:#ddd6ec}.battle-history-row .battle-participants{background:#171326;border-right:1px solid #211b32;gap:10px}.battle-history-row .battle-cost{background:#171326}.battle-history-row .battle-watch{min-width:145px!important;gap:8px}.battle-history-avatars{display:flex;gap:0}.battle-history-avatars>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.battle-history-avatars small{font-size:9px;color:#716581}.battle-history-avatars .has-win:after{content:"";position:absolute;top:25px;left:50%;width:6px;height:6px;border-radius:50%;background:#41e0b2;border:2px solid #171326;box-sizing:content-box;transform:translateX(-50%)}.battle-winning{display:grid;place-items:center;background:#171326;color:#f4f0ff;font-size:14px;padding:8px;text-align:center}.battle-history-row.mode-crazy .battle-participants{background:radial-gradient(ellipse at bottom,#12be4822,#171326 80%)}.battle-history-row.mode-crazy .battle-participants>small{color:#22d45b}.battle-history-row.mode-crazy .battle-join{background:#22c859}.battle-history-row.mode-crazy .battle-join .battle-icon{color:#22d45b}
.battle-stats-modal{position:relative;width:min(100%,900px);padding:72px 70px 60px;background:#121023;border:0;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.battle-stats-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:95px;pointer-events:none;background:linear-gradient(115deg,#34274826,transparent 35%,transparent 65%,#34274826)}.battle-stats-modal .battle-modal-title{justify-content:center;padding:0;margin:0 0 70px;border:0}.battle-stats-modal .battle-modal-title h2{font-size:36px;font-weight:700;margin:0;color:#fff}.battle-stats-modal .battle-close{position:absolute;top:20px;right:24px;font-size:42px;line-height:1;color:#514365;font-weight:400}.battle-stats-overview{display:flex;justify-content:center;gap:70px;text-align:center}.battle-stats-overview>div{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:120px}.battle-stats-overview b{font-size:32px;color:#aa8bff;font-weight:600;line-height:1}.battle-stats-overview>div>span:last-child{font-size:17px;color:#9d94b7;white-space:nowrap}.battle-stat-emblem{position:relative;display:inline-grid;place-items:center;flex:0 0 58px;width:58px;height:64px;background:linear-gradient(#302640,#63518f);clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);isolation:isolate}.battle-stat-emblem:before{content:"";position:absolute;inset:1.5px;clip-path:inherit;background:#121023;z-index:-1}.battle-stat-emblem .battle-icon{color:#937bc5;width:28px;height:28px;flex-basis:28px}.battle-stats-player-filter{display:flex;justify-content:center;gap:18px;margin:70px 0 55px;padding-bottom:55px;border-bottom:1px solid #30273f}.battle-stats-player-filter .battle-button{border-radius:40px;min-width:44px;height:44px;background:#1c182f;padding:0 16px;color:#b4aad2;font-size:18px;font-weight:700}.battle-stats-player-filter .selected{background:#302842;color:#fff}.battle-stats-details{max-width:500px;margin:auto}.battle-stats-details>div{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #231d34;min-height:96px}.battle-stats-details>div:last-child{border:0}.battle-stats-details>div>span:not(.battle-stat-emblem){color:#9d94b7;font-size:17px;flex:1}.battle-stats-details>div>b{color:#aa8bff;font-size:26px;min-width:100px;text-align:center}.battle-last-five{display:flex;gap:9px;min-width:100px;justify-content:center}.battle-last-five b{color:#aa8bff;font-size:24px;font-weight:600}.battle-last-five .loss{color:#ee1762}.battle-last-five .win{color:#42dfaf}
@media(max-width:1200px){.battle-history-row,.battle-history-heading{grid-template-columns:85px minmax(0,1fr) 85px 125px 90px 125px}.battle-history-row .battle-watch{min-width:108px!important;font-size:11px}.battle-history-row .battle-row-case{min-width:100px}.battle-history-avatars .has-win:after{top:18px}.battle-winning{font-size:12px}}
@media(max-width:760px){.battle-history-row{grid-template-columns:70px minmax(0,1fr) 100px;min-height:180px}.battle-history-row .battle-round-count{grid-row:1/4}.battle-history-row .battle-row-scenario{grid-column:2/4;grid-row:1}.battle-history-row .battle-row-case{min-width:90px;flex-basis:33.333%;display:flex}.battle-history-row .battle-cost{grid-column:2;grid-row:3;justify-content:start;padding-left:10px!important}.battle-history-row .battle-participants{grid-column:2;grid-row:2;justify-content:start;padding:8px!important;flex-wrap:wrap}.battle-history-row .battle-watch{grid-column:3;grid-row:2;writing-mode:horizontal-tb;min-width:90px!important;font-size:10px!important;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)!important;align-self:center}.battle-history-row .battle-watch .battle-icon{width:16px;height:16px;flex-basis:16px}.battle-history-row .battle-winning{grid-column:3;grid-row:3;font-size:11px}.battle-stats-modal{padding:55px 20px 30px}.battle-stats-modal .battle-modal-title{margin-bottom:32px}.battle-stats-modal .battle-modal-title h2{font-size:26px}.battle-stats-modal .battle-close{top:10px;right:10px;font-size:34px}.battle-stats-overview{gap:12px}.battle-stats-overview>div{min-width:0;flex:1;gap:12px}.battle-stats-overview b{font-size:27px}.battle-stats-overview>div>span:last-child{font-size:12px}.battle-stats-player-filter{gap:9px;margin:32px 0 20px;padding-bottom:26px}.battle-stats-player-filter .battle-button{font-size:14px;min-width:36px;height:36px;padding:0 12px}.battle-stats-details>div{gap:10px;min-height:80px;padding:10px 0}.battle-stats-details>div>span:not(.battle-stat-emblem){font-size:12px}.battle-stats-details>div>b,.battle-last-five{min-width:70px}.battle-last-five{gap:4px}.battle-last-five b{font-size:19px}.battle-stat-emblem{width:48px;height:54px;flex-basis:48px}}

/* Local Montserrat avoids fallback fonts in the filters and native dropdown. */
@font-face{font-family:BattleMontserrat;src:url('/_next/static/battle-fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BattleMontserrat;src:url('/_next/static/battle-fonts/montserrat-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:BattleMontserrat;src:url('/_next/static/battle-fonts/montserrat-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:BattleMontserrat;src:url('/_next/static/battle-fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
.battles-page{font-family:BattleMontserrat,Montserrat,Arial,sans-serif}
.battle-filters{position:relative;z-index:5;isolation:isolate;clip-path:none;background:transparent;overflow:visible}
.battle-filters:before{content:"";position:absolute;inset:0;z-index:-1;background:#0b0916;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.battle-balance-filter,.battle-reset,.battle-sort summary{font-family:BattleMontserrat,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0}
.battle-sort{position:relative;color:#a49abf;flex-shrink:0}
.battle-sort summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;color:#e3deee;min-height:40px}
.battle-sort summary::-webkit-details-marker{display:none}
.battle-sort-chevron{width:8px;height:8px;border-bottom:2px solid #9286b4;border-right:2px solid #9286b4;transform:rotate(45deg);margin:0 2px 4px}
.battle-sort[open] .battle-sort-chevron{transform:rotate(225deg);margin-top:5px}
.battle-sort-options{position:absolute;top:calc(100% + 24px);right:0;width:245px;padding:7px 20px;background:#27213e;border-radius:6px;box-shadow:0 16px 30px #09071145;z-index:10}
.battle-sort-options>.battle-button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:18px 0;border-bottom:1px solid #342b4c;color:#a89acb;font-family:BattleMontserrat,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.5}
.battle-sort-options>.battle-button:last-child{border-bottom:0}
.battle-sort-options>.selected{color:white}.battle-sort-options>.battle-button>span{font-size:24px;line-height:1}
.battle-sort summary:focus-visible{outline:2px solid #a389ed;outline-offset:4px}
.battle-avatar{overflow:hidden;flex-shrink:0}.battle-avatar img{width:100%;height:100%;object-fit:cover}
.battle-avatar.is-you{border-color:#ed1765}
.battle-avatar-winner{position:relative;display:inline-flex}.battle-avatar-winner>.battle-icon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:15px;height:15px;color:#f8d658}
.battle-row.is-finished .battle-round-count{background:linear-gradient(120deg,#4c24433d,#251b38)}
.battle-row.is-finished .battle-live{color:#f41b69;text-transform:uppercase}
.battle-row.is-finished .battle-round-hex{background:linear-gradient(140deg,#322741,#1b172f)}
.battle-row.is-finished .battle-row-case{opacity:1}.battle-row.is-finished .battle-row-case strong{color:#e8e2f4}
.battle-row.is-finished .battle-participants{background:#171326}
.battle-row .battle-button[aria-busy=true]{opacity:.65}
/* Room layout: centered case ribbon, team divider, tall reels and profile footers. */
/* Reset the legacy lobby-card styles that share the battle-room class. */
.battles-page > .battle-room{max-width:1420px;margin:0 auto;padding:12px 0 0;background:none;clip-path:none;border:0;box-shadow:none}
.battles-page > .battle-room:hover{background:none}
.battle-room-toolbar{margin-bottom:56px;min-height:44px;align-items:center}
.battle-room-meta{display:flex;align-items:center;gap:20px}
.battle-button.battle-back{height:42px;min-width:205px;font-size:12px;padding:0 26px;background:#231d37}
.battle-data-button{display:flex;align-items:center;justify-content:center;gap:8px;color:#64c3c8!important;background:#1c2b39!important;min-height:42px;padding:0 22px!important;font-size:12px}
.battle-data-button .battle-icon{width:20px;height:20px;flex-basis:20px}
.battle-scenario-bar{height:132px;padding:0;gap:0;border:0;background:#0b0917;overflow:visible}
.battle-room-round,.battle-total{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;width:132px;min-width:132px;background:#1b172b;text-align:center}
.battle-room-round small,.battle-total small{color:#f0edf6;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase}
.battle-room-round strong{font-size:19px;color:#7c7a96}.battle-total b{font-size:20px;color:#44e8b8}
.battle-room-case-track{position:relative;flex:1;min-width:0;height:100%}
.battle-room-cases{height:100%;width:100%;overflow:hidden;gap:0;display:flex;align-items:center}
.battle-round-case{width:20%;min-width:0;flex:0 0 20%;height:100%;display:grid;place-items:center;opacity:.55}
.battle-round-case img{width:100%;max-width:150px;height:108px;object-fit:contain}
.battle-round-case.past{opacity:.45}.battle-round-case.current{opacity:1}
.battle-round-case.current:before{top:-4px;border-top:10px solid #7956e5;border-left:10px solid transparent;border-right:10px solid transparent;z-index:2}
.battle-current-title{position:absolute;left:50%;top:-29px;transform:translateX(-50%);font-size:14px;font-weight:600;color:#f6f4fc;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}
.battle-current-price{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);background:#211b35;color:#46e6ba;font-size:12px;font-weight:700;padding:6px 22px;min-width:84px;text-align:center}
.battle-button.battle-room-details{position:absolute;right:16px;top:0;background:#2a2244;color:#b7a9d8;padding:9px 32px;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);font-size:11px;min-width:132px}
.battle-team-bar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 22px;margin:34px 0 30px;background:linear-gradient(90deg,#2b2b4299,#211b3099,#342d2b99);border-left:2px solid #b7d4e9;border-right:2px solid #dac97c;color:#d0c9e8;font-size:12px;font-weight:600}
.battle-team-bar>span{display:flex;align-items:center;gap:12px;flex:1}.battle-team-bar>span:last-child{justify-content:flex-end}.battle-team-bar>b{font-size:20px;font-style:italic;color:#b5a9d3;text-transform:uppercase}
.battle-team-emblem{display:grid;place-items:center;width:32px;height:32px;border:2px solid #75a7c0;border-radius:50%;font-size:11px;color:#8ec9dd;background:#132b39;box-shadow:0 0 12px #6fbbd522}
.battle-team-emblem.t{color:#362f17;border-color:#e5d179;background:radial-gradient(#cbb96d,#867442);box-shadow:0 0 12px #dec66225}
.battle-player-columns{gap:20px;--reel-window-height:330px;--reel-item-height:180px}
.battle-reel,.battle-ready,.battle-result-panel{height:var(--reel-window-height);background:#0c091a;border-radius:4px;clip-path:polygon(0 0,100% 0,100% 48%,98% 50%,100% 52%,100% 100%,0 100%,0 52%,2% 50%,0 48%)}
.battle-reel{mask-image:none}.battle-reel-line{transform:translateY(calc(var(--reel-window-height)/2 - 6.5*var(--reel-item-height)))}
.battle-reel.is-spinning .battle-reel-line{animation:battle-reference-roll 3s cubic-bezier(.12,.64,.17,1) both}
.battle-reel-item{height:var(--reel-item-height);position:relative;isolation:isolate;padding:8px;gap:0}
.battle-reel-item:before{content:"";z-index:-1;position:absolute;left:50%;top:50%;width:112px;height:118px;transform:translate(-50%,-50%);background:linear-gradient(145deg,#6551c988,#3e287755);clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%)}
.battle-reel-item:after{content:"";z-index:-1;position:absolute;inset:0;background:radial-gradient(ellipse 80px 65px at center,#7156d32e,transparent 80%)}
.battle-reel-item.rarity-6:before{background:linear-gradient(145deg,#cd2c6488,#80234455)}
.battle-reel-item.rarity-5:before{background:linear-gradient(145deg,#a444b888,#5b256c55)}
.battle-reel-item.rarity-7:before{background:linear-gradient(145deg,#d4af4b88,#71603055)}
.battle-reel-item img{height:148px;width:85%;max-width:230px;object-fit:contain;filter:drop-shadow(0 8px 12px #07050d66)}
.battle-reel-item small,.battle-reel-item strong,.battle-reel-item b{display:none}
.battle-reel-arrow{display:none}
.battle-player-name{position:relative;isolation:isolate;min-height:92px;padding:14px 18px;gap:12px;background:#0c091a;border-top:4px solid #171229;flex-wrap:nowrap}
.battle-player-name:before{position:absolute;z-index:-1;right:20px;top:5px;width:80px;height:80px;content:"CT";display:grid;place-items:center;border:5px solid #24304455;border-radius:50%;color:#24304455;font-size:28px;font-weight:700}
.battle-player-name.team-t:before{content:"★";color:#3a342655;border-color:#3a342655;font-size:48px}
.battle-player-profile{position:relative;flex-shrink:0}.battle-player-profile .battle-avatar{width:42px;height:42px;margin:0;border-width:2px}
.battle-player-level{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);min-width:26px;padding:2px 7px;text-align:center;background:#7853c8;color:#171022;font-size:9px;font-weight:700;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%)}
.is-you+.battle-player-level{background:#ed1765}
.battle-player-name strong{font-size:12px;font-weight:600;min-width:0}.battle-player-name small{font-size:9px;color:#5299c1;margin:0}
.battle-player-score{position:absolute;right:10px;top:8px;color:#655a7d;font-size:10px;font-weight:600}
.battle-room .battle-drop-history{margin-top:20px}
@keyframes battle-reference-roll{from{transform:translateY(25px)}to{transform:translateY(calc(var(--reel-window-height)/2 - 6.5*var(--reel-item-height)))}}
@media(max-width:1200px){.battle-filters{gap:24px}.battle-sort summary,.battle-balance-filter,.battle-reset{font-size:12px}.battle-room-round,.battle-total{width:100px;min-width:100px}.battle-player-columns{gap:12px;--reel-window-height:300px}.battle-player-name{padding:14px 9px;gap:7px}.battle-player-name strong{font-size:10px}.battle-player-profile .battle-avatar{width:34px;height:34px}.battle-player-name small{font-size:8px}}
@media(max-width:760px){.battle-room-toolbar{margin-bottom:45px;gap:8px}.battle-room-meta{gap:8px}.battle-room-meta .battle-mode-label{display:none}.battle-button.battle-back{font-size:9px;min-width:140px;padding:0 12px}.battle-data-button{font-size:9px;padding:0 12px!important;min-width:125px!important}.battle-scenario-bar{height:100px}.battle-room-round,.battle-total{width:72px;min-width:72px}.battle-room-round strong{font-size:12px}.battle-room-round small,.battle-total small{font-size:9px}.battle-total b{font-size:12px}.battle-round-case img{height:80px}.battle-room-details{display:none}.battle-current-title{font-size:11px}.battle-team-bar{margin-top:30px;padding:0 8px;font-size:8px}.battle-team-bar>span{gap:5px}.battle-team-emblem{width:24px;height:24px;font-size:8px}.battle-team-bar>b{font-size:14px}.battle-player-columns{gap:15px 8px;--reel-window-height:270px;--reel-item-height:160px}.battle-reel-item img{height:125px}.battle-sort-options{width:220px;right:-12px;top:calc(100% + 12px)}.battle-sort-options>.battle-button{font-size:15px}.battle-sort summary,.battle-balance-filter,.battle-reset{font-size:11px}.battle-sort summary{gap:8px}}
@media(prefers-reduced-motion:reduce){.battle-reel.is-spinning .battle-reel-line{animation:none;transform:translateY(calc(var(--reel-window-height)/2 - 6.5*var(--reel-item-height)))}}

/* Full-page battle draft, also opened by Add to Battle on a case page. */
.battle-create-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin-bottom:38px}
.battle-create-toolbar>.battle-back{justify-self:start}
.battle-create-rounds{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px}
.battle-create-rounds>.battle-round-hex{width:38px;height:43px;font-size:16px;background:#29213e}
.battle-create-rounds>.battle-round-hex:before{inset:3px;background:#211b35}
.battle-create-top-actions{justify-self:end;display:flex;align-items:center;gap:16px}
.battle-create-top-actions .battle-clear-all{font-size:12px;padding:8px}
.battle-create-launch{height:46px;padding:0 28px!important;min-width:210px!important;font-size:13px}
.battle-create-page>.battle-create-options{display:flex;align-items:center;gap:36px;justify-content:space-between;margin:0;padding:24px 28px;background:#0b0916;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.battle-create-page .battle-choices>.battle-button{border-radius:50%;width:40px;height:40px;background:#191428}
.battle-create-page .battle-choices>.selected{background:#624bd1;color:white;border-color:#624bd1}
.battle-create-bots{font-size:12px;color:#a196bf;display:flex;align-items:center;gap:10px}
.battle-create-bots:before{content:"✓";display:grid;place-items:center;width:22px;height:25px;background:#271f3d;color:#9b80f4;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.battle-create-page>.battle-rule{font-size:11px;color:#a99bc0;margin:18px 0 42px}
.battle-create-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:start}
.battle-draft-cases{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.battle-draft-case,.battle-button.battle-draft-add{position:relative;width:190px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#1b172d;padding:20px 12px}
.battle-draft-case>img{width:100%;height:145px;object-fit:contain}.battle-draft-case>strong{font-size:13px;text-align:center;color:#d8cfea}.battle-draft-case>b{color:#49e0b7;font-size:13px}
.battle-draft-case>.battle-draft-remove{position:absolute;right:8px;top:5px;font-size:19px;color:#706287;padding:4px}
.battle-draft-quantity{display:flex;align-items:center;gap:4px;background:#161226;padding:2px;margin-top:5px}
.battle-draft-quantity>.battle-button{padding:2px 6px;width:28px;height:27px;background:#2a223e;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);font-size:18px;color:#c1b2df}
.battle-draft-quantity>span{min-width:27px;text-align:center;font-size:12px;color:#e0d9ed}
.battle-button.battle-draft-add{background:transparent;border:2px dashed #2c2343;color:#d0c6e5;gap:30px}
.battle-add-case-hex{display:grid;place-items:center;width:100px;height:110px;background:radial-gradient(#604cbb,#30265e);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);font-size:44px;color:white;font-weight:400}
.battle-draft-add:hover .battle-add-case-hex{background:#6650c9}.battle-draft-add>strong{font-size:14px}
.battle-draft-recent{border:1px solid #292039;border-radius:10px;padding:24px;background:#17132755}
.battle-draft-recent>h2{margin:0 0 22px;color:#eee7f8;font-size:18px}.battle-draft-recent>p{font-size:13px;line-height:1.7;color:#a398ba;background:#24203a;padding:20px;border-radius:5px}
.battle-draft-recent-row{display:grid;grid-template-columns:64px 1fr;gap:6px 12px;width:100%;background:#221c35;border:0;border-radius:5px;margin-bottom:12px;padding:12px;text-align:center;color:#a99ec3;font:inherit;cursor:pointer}
.battle-draft-recent-row>b{grid-row:1/4;align-self:center;font-size:10px;line-height:1.8}.battle-draft-recent-row>div{display:flex;gap:4px;justify-content:center}.battle-draft-recent-row>div>span{position:relative;flex:1;max-width:75px}.battle-draft-recent-row img{width:100%;height:65px;object-fit:contain}.battle-draft-recent-row small{font-size:9px}.battle-draft-recent-row>div small{position:absolute;right:0;top:0;background:#594291;padding:2px 4px}.battle-draft-recent-row>strong{font-size:10px;color:#ad96f5}.battle-draft-recent-row:hover{background:#2d2443}
.battle-draft-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:45px;padding-top:24px;border-top:1px solid #2a213b}.battle-draft-footer>strong{color:#48dfb8;font-size:14px}.battle-draft-footer .battle-local-note{margin:0;letter-spacing:0;font-size:11px}
@media(max-width:1100px){.battle-create-layout{gap:24px}.battle-draft-case,.battle-button.battle-draft-add{width:160px;min-height:240px}.battle-create-top-actions{gap:8px}.battle-create-launch{min-width:175px!important;padding:0 20px!important}.battle-create-page>.battle-create-options{gap:20px;flex-wrap:wrap}.battle-draft-recent{padding:18px}}
@media(max-width:760px){.battle-create-toolbar{grid-template-columns:1fr auto;gap:18px}.battle-create-top-actions{grid-column:1/3;justify-self:stretch;justify-content:space-between}.battle-create-layout{grid-template-columns:1fr}.battle-draft-case,.battle-button.battle-draft-add{width:calc(50% - 6px);min-height:235px}.battle-draft-footer{flex-wrap:wrap;justify-content:center}.battle-draft-footer .battle-local-note{width:100%;text-align:center}.battle-create-page>.battle-create-options{padding:18px 12px;gap:18px}.battle-create-bots{font-size:10px}.battle-draft-recent>h2{font-size:15px}}

/* Keep the mode navigation visible when the desktop preview is narrow. */
@media (max-width: 980px) {
  .header.header {
    height: auto;
    min-height: 84px;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding-top: 12px;
    padding-bottom: 8px;
  }
  .header.header .brand { flex-shrink: 0; }
  .header.header > .wallet { margin-left: auto; }
  .header.header > nav {
    display: flex;
    order: 3;
    flex: 1 0 100%;
    min-width: 0;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px 0 8px;
    scrollbar-width: thin;
    scrollbar-color: #51416c transparent;
  }
  .header.header > nav > button {
    flex-shrink: 0;
    min-height: 54px;
    min-width: 62px;
    font-size: 10px;
  }
  .header.header > .mobile-menu { display: none; }
}
@media (max-width: 480px) {
  .header.header { gap: 10px 8px; }
  .header.header > nav { gap: 13px; }
  .header.header > nav > button { min-width: 58px; font-size: 9px; }
}

.live-drop-preview{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:8px 0 12px}.live-drop-preview-art{display:grid;place-items:center;min-height:220px;background:radial-gradient(ellipse,#6744ba30,transparent 70%)}.live-drop-preview-art img{width:100%;max-width:260px;height:200px;object-fit:contain}.live-drop-source{text-align:center}.live-drop-source>small{font-size:10px;letter-spacing:2px;color:#a394b8}.live-drop-source-image{display:block}.live-drop-source-image img{width:180px;height:130px;object-fit:contain;margin:8px auto}.live-drop-source h3{font-size:19px;color:#eee5ff;margin:0 0 20px}.live-drop-chance{padding:16px;background:#100d203b;border:1px solid #40304c;border-radius:8px;margin-bottom:22px}.live-drop-chance small{display:block;font-size:10px;letter-spacing:1px;color:#a595b9;margin-bottom:8px}.live-drop-chance strong{color:#58dfbd;font-size:26px}.live-drop-source>.hex{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:12px 24px;font-size:12px}@media(max-width:520px){.live-drop-preview{gap:12px;grid-template-columns:1fr}.live-drop-preview-art{min-height:130px}.live-drop-preview-art img{height:130px}.live-drop-source-image img{height:105px}.live-drop-source h3{font-size:17px;margin-bottom:12px}.live-drop-chance{margin-bottom:15px;padding:12px}.live-drop-chance strong{font-size:23px}}

.case-title-row{position:relative;display:grid!important;grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:center;gap:20px;min-height:72px;margin-top:30px!important;margin-bottom:28px!important;font-family:BattleMontserrat,Montserrat,Arial,sans-serif}
.case-title-row>h1{grid-column:2;grid-row:1;text-align:center;margin:0!important}
.case-title-row>.case-back{position:absolute;left:0;top:-28px;font-size:10px}
.case-title-row>.next-level{position:static;grid-column:3;grid-row:1;justify-self:end}
.case-opening-risk{position:relative;grid-column:1;grid-row:1;justify-self:start;z-index:8;--risk-color:#6fcd7d}
.case-opening-risk.risk-medium{--risk-color:#e1c168}.case-opening-risk.risk-high{--risk-color:#ee805c}.case-opening-risk.risk-extreme,.case-opening-risk.risk-crazy{--risk-color:#ef3c73}
.case-risk-trigger{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--risk-color);padding:8px 0;cursor:pointer;font:inherit}
.case-risk-trigger strong{font-size:16px;font-weight:700}
.case-risk-info{display:grid;place-items:center;width:19px;height:19px;border:2px solid #c2badb;color:#c2badb;border-radius:50%;font-size:12px;font-weight:600;line-height:1;margin-right:2px}
.case-risk-bars{display:flex;flex-direction:column-reverse;gap:3px;width:11px}.case-risk-bars i{height:2px;background:#86769f}.case-risk-bars .lit{background:var(--risk-color);box-shadow:0 2px 6px var(--risk-color)}
.case-risk-explanation{position:absolute;left:35px;top:calc(100% + 6px);width:320px;padding:24px;background:#2b2543;color:#eee9f6;border-radius:5px;box-shadow:0 12px 30px #09071444;font-size:14px;font-weight:500;line-height:1.5}
.case-risk-explanation p{margin:0 0 20px}.case-risk-explanation p:last-child{margin:0}
.case-add-to-battle{position:relative;isolation:isolate;grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:center;gap:9px;min-width:196px;height:43px;padding:0 18px;color:#f7f3fb;background:#ed216c;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.case-add-to-battle:before{content:"";position:absolute;inset:1.5px;z-index:-1;background:#271e35;clip-path:inherit;transition:background .15s}
.case-add-to-battle:hover:before{background:#602341}.case-add-to-battle:hover{color:#fff}
.case-battle-icon{display:block;flex:0 0 22px;width:22px;height:22px;background:currentColor;mask:url('/assets/header/battles.svg') center/contain no-repeat;-webkit-mask:url('/assets/header/battles.svg') center/contain no-repeat}
.case-add-to-battle:focus-visible,.case-risk-trigger:focus-visible{outline:2px solid #ad96f3;outline-offset:5px}
@media(max-width:900px){.case-title-row{gap:12px;grid-template-columns:1fr 1.5fr 1fr}.case-add-to-battle{min-width:155px;font-size:10px;padding:0 12px;height:38px}.case-title-row>h1{font-size:20px}.case-risk-trigger strong{font-size:13px}}
@media(max-width:600px){.case-title-row{grid-template-columns:1fr 1fr;row-gap:18px;margin-top:34px!important}.case-title-row>h1{grid-column:1/3;grid-row:1;font-size:20px}.case-opening-risk{grid-row:2}.case-add-to-battle,.case-title-row>.next-level{position:static;grid-column:2;grid-row:2}.case-risk-explanation{left:0;width:min(300px,80vw);padding:18px;font-size:13px}}

/* Upgrade toolbar badges matched to the supplied reference. */
.up-toolbar .up-rush,.up-toolbar .up-fair{position:relative;height:38px;min-height:38px;padding:0 20px;justify-content:center;gap:8px;font-size:12px;font-weight:700;white-space:nowrap;border:0;box-sizing:border-box}
.up-toolbar .up-rush{width:202px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20202%2038%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22f%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ef4866%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b52d50%22%20stop-opacity%3D%22.45%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M12%200.6h178l11.3%2018.4L190%2037.4H12L.7%2019Z%22%20fill%3D%22%233a1b31%22%20stroke%3D%22%23df2261%22%20stroke-width%3D%221%22%2F%3E%3Cg%20fill%3D%22url%28%23f%29%22%3E%3Cpath%20d%3D%22M24%2037c-4-10%204-14%204-22%204%209-4%2015%201%2022Zm13%200c-2-7%206-10%204-17%206%207-1%2011%203%2017Zm15%200c-6-13%205-17%205-29%206%2011-4%2017%201%2029Zm20%200c-4-10%202-12%203-19%202%208%201%2012%201%2019Zm17%200c-1-9%203-9%204-15%202%207-1%2010%202%2015Zm15%200c-3-8%203-12%202-18%206%207%200%2013%203%2018Zm25%200c-5-13%205-21%202-27%208%2012-2%2019%203%2027Zm18%200c-4-8%204-16%203-23%207%2012-2%2016%203%2023Zm17%200c-3-12%207-16%205-29%208%2015-3%2020%201%2029Zm12%200c0-7%203-8%203-16%205%209-1%2011%202%2016Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:100% 100%;clip-path:none;color:#fff}
.up-toolbar .up-fair{width:222px;background:#202436;color:#60cbd2;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}
.up-toolbar .up-rush svg,.up-toolbar .up-fair svg{display:none}
.up-toolbar .up-rush::before{content:"";display:block;flex:0 0 17px;width:17px;height:25px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2034%22%3E%3Cpath%20fill%3D%22%23ff5b0a%22%20d%3D%22M14%200C6%205%2014%2010%209%2016c-2-2-2-5-2-7C0%2017-2%2026%205%2032c-2-7%203-10%204-14-1%207%207%209%206%2016%2011-6%2012-15%206-23%201%206-2%207-3%207C22%2010%2012%208%2014%200Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.up-toolbar .up-fair::before{content:"";display:block;flex:0 0 16px;width:16px;height:19px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%202%2022%207v9c0%205-5%208-10%2010C7%2024%202%2021%202%2016V7Z%22%20fill%3D%22none%22%20stroke%3D%22%2360cbd2%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m7%2014%203.5%203.5%206.5-7%22%20fill%3D%22none%22%20stroke%3D%22%2360cbd2%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.up-toolbar .up-rush:hover{filter:brightness(1.12)}.up-toolbar .up-fair:hover{background:#282d42}
@media(max-width:600px){.up-toolbar{gap:10px;flex-wrap:wrap}.up-toolbar .up-rush,.up-toolbar .up-fair{width:auto;min-width:165px;flex:1;font-size:11px;padding:0 15px}}

.missions-page{width:87%;max-width:1500px;margin:0 auto;padding:55px 0 100px;color:#fff;font-family:BattleMontserrat,Montserrat,sans-serif}.missions-heading{text-align:center;margin-bottom:38px}.missions-heading h1{font-size:30px;font-weight:700;margin:0 0 22px}.missions-heading h1:before,.missions-heading h1:after{content:"•";font-size:18px;color:#835aff;margin:0 15px;vertical-align:middle}.missions-heading p{font-size:18px;color:#9a8fb8;margin:0 0 14px}.missions-heading small{font-size:11px;color:#706584}.missions-filters{display:flex;justify-content:center;gap:22px;margin-bottom:35px;flex-wrap:wrap}.missions-filters button{font:inherit;border:0;border-bottom:2px solid transparent;padding:12px 5px;background:none;color:#8c7da7;font-size:12px;font-weight:600;cursor:pointer}.missions-filters .selected{color:#fff;border-color:#ed1b62}.missions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mission-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;padding:28px 26px;min-height:238px;background:linear-gradient(120deg,#27203870,#181528 35%,#1b172c);border:1px solid #282035;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.mission-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(55deg,#65518b15 0 2px,transparent 2px 6px);mask-image:linear-gradient(90deg,#000,transparent 27%)}.mission-card-copy{position:relative;display:flex;flex-direction:column;justify-content:center}.mission-card h2{font-size:23px;font-weight:500;margin:0 0 26px}.mission-card ul{list-style:none;padding:0;margin:0}.mission-card li{display:flex;align-items:center;gap:14px;margin:0 0 13px}.mission-check{flex:0 0 22px;width:22px;height:26px;color:#44375f}.mission-check.done{color:#34dcb0;filter:drop-shadow(0 0 5px #20d0a52a)}.mission-card li a{font-size:12px;font-weight:600;line-height:1.6;color:#8d7eac;text-decoration:underline;text-underline-offset:3px}.mission-card li a:hover{color:#cbb7f7}.mission-task-count{white-space:nowrap}.mission-reward{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative}.mission-reward-hex{isolation:isolate;position:relative;display:grid;place-items:center;width:154px;height:170px;background:linear-gradient(#c9c7e8,#705fae40);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.mission-reward-hex:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:#1b172c;z-index:-1}.mission-reward-hex img{width:140px;height:125px;object-fit:contain}.mission-reward>small{color:#6f627f;font-size:9px;letter-spacing:1px}.mission-reward>strong{color:#a89abb;font-size:10px;font-weight:500}.mission-take{display:inline-flex;justify-content:center;align-items:center;background:#29223c;color:#80778f;font:inherit;font-size:11px;font-weight:600;padding:11px 15px;min-width:112px;border:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);text-decoration:none;cursor:pointer}.mission-take:disabled{cursor:not-allowed}.mission-take.available{background:#5641c3;color:#fff}.mission-take.available:hover{background:#7054e3}.mission-received{font-size:12px;color:#34dcb0;text-decoration:none;padding:9px}.mission-card.received h2{color:#34dcb0}.mission-card.ready{border-color:#31c9a070;background:linear-gradient(120deg,#203038,#181528 40%)}.mission-card.ready .mission-reward-hex,.mission-card.received .mission-reward-hex{background:linear-gradient(#34dcb0,#34dcb01a)}.mission-received-mark{position:absolute;right:0;top:0;font-size:24px;color:#34dcb0}.mission-progress{height:3px;background:#2c233e;border-radius:4px;overflow:hidden;margin-top:12px}.mission-progress span{display:block;height:100%;background:linear-gradient(90deg,#6f4cdb,#33d7b3);transition:width .3s}.mission-feedback{padding:14px 20px;border:1px solid #32b69955;color:#83e3c8;background:#163127;font-size:13px}.mission-feedback.error{color:#ed86a7;background:#351c2c;border-color:#8d3657}.missions-rules{font-size:11px;line-height:1.8;color:#746983;margin:35px auto 0;max-width:850px;text-align:center}.missions-empty{text-align:center;padding:50px;color:#9b8fb1}.mission-case-credit{text-align:center;color:#43e4bb;font-size:12px;margin:10px 0 16px;letter-spacing:.5px}.missions-page a:focus-visible,.missions-page button:focus-visible{outline:2px solid #a889ff;outline-offset:3px}
@media(max-width:1100px){.mission-card{grid-template-columns:minmax(0,1fr) 135px;padding:22px 18px;gap:10px}.mission-reward-hex{width:130px;height:145px}.mission-reward-hex img{width:115px;height:105px}.mission-card h2{font-size:20px}.mission-card li a{font-size:11px}.mission-card li{gap:10px}}
@media(max-width:800px){.missions-page{width:94%;padding-top:32px}.missions-heading h1{font-size:25px}.missions-heading p{font-size:14px}.missions-grid{grid-template-columns:1fr;gap:16px}.mission-card{grid-template-columns:minmax(0,1fr) 140px}.missions-filters{gap:12px}.missions-filters button{font-size:10px}}
@media(max-width:400px){.mission-card{grid-template-columns:minmax(0,1fr) 110px;padding:20px 14px}.mission-reward-hex{width:104px;height:118px}.mission-reward-hex img{width:96px;height:90px}.mission-card h2{font-size:18px}.mission-take{font-size:9px;min-width:95px;padding:10px}.mission-card li{gap:7px}.mission-check{width:18px;flex-basis:18px}.mission-card li a{font-size:10px}}
.mission-take.locked:before{content:"";width:10px;height:12px;background:#80778f;margin-right:7px;clip-path:polygon(20% 45%,20% 20%,35% 0,65% 0,80% 20%,80% 45%,100% 45%,100% 100%,0 100%,0 45%)}

.wallet-animated-amount{position:relative;display:inline-flex;align-items:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.wallet-animated-amount>b{display:block;transition:color .18s ease}
.wallet-animated-amount.is-credit>b,.wallet-animated-amount.is-credit .wallet-balance-delta{color:#45e6c4}
.wallet-animated-amount.is-debit>b,.wallet-animated-amount.is-debit .wallet-balance-delta{color:#f34d82}
.wallet-balance-delta{position:absolute;right:0;bottom:100%;margin-bottom:3px;z-index:3;font-size:.85em;font-weight:800;line-height:1.2;pointer-events:none;animation:wallet-balance-float 1.25s ease-out both;text-shadow:0 0 12px currentColor}
.wallet-balance-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes wallet-balance-float{0%{opacity:0;transform:translateY(9px)}15%,65%{opacity:1}100%{opacity:0;transform:translateY(-15px)}}
@media(prefers-reduced-motion:reduce){.wallet-balance-delta{animation:none}.wallet-animated-amount>b{transition:none}}