/* Midnight Aurora: shared colors and surfaces, with rarity colors preserved. */
:root{--bg:#090d1d;--panel:#151c34;--line:#303d60;--muted:#aebbd2;--lime:#7de7ff;--violet:#b69cff;--gold:#ffda83;color-scheme:dark}
body{background:radial-gradient(ellipse at 0 0,#54219340,transparent 45%),radial-gradient(ellipse at 100% 12%,#007b9830,transparent 40%),#090d1d;color:#f2f5ff;min-height:100vh}
header{background:linear-gradient(110deg,#14172ce6,#112336d9);border-bottom-color:#59649b60;box-shadow:0 8px 40px #0002;border-radius:0 0 20px 20px}
.brand{color:#f6f2ff}.brand span{color:#8cecff;text-shadow:0 0 20px #4ecbff55}.brand small{color:#b9a9de}
nav button{color:#bac7dd;border-radius:10px;transition:background .18s,color .18s}nav button:hover{background:#8b5cf625;color:#fff}nav button.active{background:linear-gradient(120deg,#7232bc55,#176b8c55);color:#a6efff;box-shadow:inset 0 -2px #7de7ff}
button{border-color:#3b4a70;border-radius:10px}button:hover:not(:disabled){border-color:#a694ff;color:#e5dcff;background-color:#8472ce17}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#bfa6ff}
.primary{background:linear-gradient(115deg,#6d28d9,#1d4ed8);border:1px solid #b69cff88;color:#fff;box-shadow:0 5px 20px #6536cf35;transition:box-shadow .2s,filter .2s}.primary:hover:not(:disabled){background:linear-gradient(115deg,#7a35e3,#275cdd);color:#fff;box-shadow:0 7px 28px #7f50e957}.primary:disabled{box-shadow:none}
input,select,.search{background:#101a30;border-color:#3a496d;color:#f1f4ff}input::placeholder{color:#a2aec6}.search{color:#b9a7ed}.search:focus-within{border-color:#aa91f4;box-shadow:0 0 0 3px #9572ee15}select option{background:#151c34;color:#fff}
.notice{background:linear-gradient(105deg,#1f2342,#112d3b);border-color:#43587a;color:#a5efff}.notice span:last-child{color:#bbcbe1}.dot{background:#81e7ee;box-shadow:0 0 10px #81e7ee88}
.lobby-banner{background:radial-gradient(ellipse at 100% 0,#2db9d030,transparent 60%),radial-gradient(ellipse at 5% 100%,#8e44e83b,transparent 60%),linear-gradient(120deg,#26204b,#142839);border:1px solid #6963a678;box-shadow:0 12px 45px #0002;border-radius:20px}.lobby-banner h2{color:#fff0ff;text-shadow:0 3px 24px #ac7dff30}.lobby-banner p{color:#cbd2eb}.lobby-banner .eyebrow,.eyebrow{color:#a9eaff}.lobby-banner>span{background:#070e233d;border-color:#7f74ac;color:#d1c5ed}
.case-choice{background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--case-color,#b69cff),transparent 85%),transparent 68%),linear-gradient(150deg,#20233e,#111b30);border-color:#3e486b;border-radius:17px;box-shadow:0 9px 25px #0002;transition:border-color .2s,transform .2s,box-shadow .2s}.case-choice:nth-child(3n+2){background-color:#182c40}.case-choice:hover:not(:disabled){transform:translateY(-5px);border-color:var(--case-color,#b69cff);box-shadow:0 12px 30px #0004,0 0 24px color-mix(in srgb,var(--case-color,#b69cff),transparent 90%)}.case-choice.selected{border-color:#b9a0ff;background-color:#2b2549;box-shadow:0 0 0 1px #b9a0ff55,0 8px 28px #6837af25}.case-choice h3{color:#f4efff}.case-choice p{color:#b2c1d9}.case-choice>strong{color:#9feaff}.case-number{color:#bba8ed}.mode-card-label{color:#e0c5ff}
.chips button{color:#bcc9dd;background:#17223a}.chips button.active{background:linear-gradient(120deg,#6339af,#235f83);border-color:#a993e5;color:#fff}.case-collection-tabs button{padding:11px 23px}.case-collection-tabs button.active{box-shadow:0 4px 18px #8b5cf626}
.credit-panel{background:radial-gradient(ellipse at 90% 0,#5981db24,transparent 60%),linear-gradient(110deg,#2b2049,#162b42);border-color:#61528a;border-radius:17px}.credit-panel strong{color:#b0f1ff;text-shadow:0 0 25px #68d9ff22}.credit-panel small,.credit-panel p{color:#c4c7e3}.demo-pill{border-color:#ac8adb;color:#dcc5ff;background:#8750bf20}
.roulette-panel{background:linear-gradient(140deg,#20213b,#121c30);border:1px solid #63567e;border-radius:20px;box-shadow:0 16px 45px #0003}.roulette-title>span{background:#6c56a222;color:#dbbcff}.reel-window{background:#0b1023;border-color:#454267}.reel-window:before{background:linear-gradient(90deg,#0b1023,transparent)}.reel-window:after{background:linear-gradient(270deg,#0b1023,transparent)}.reel-pointer{background:#8cf1ff;box-shadow:0 0 17px #72e8ff99}.reel-pointer:before{border-top-color:#8cf1ff}.reel-item:not(.gold-reel){background:radial-gradient(ellipse,color-mix(in srgb,var(--accent),transparent 83%),transparent 75%),#1b2440}.reel-item small{color:#c5c4df}.reel-outcome p{color:#c3c5de}
.case-mode-panel{background:linear-gradient(110deg,#29213c,#152b3f);border-color:#524c76}.case-mode-panel p{color:#c5d0e4}.case-mode-buttons [data-case-mode=normal].active{background:#91e7f5;border-color:#91e7f5;color:#09232b}.case-mode-buttons [data-case-mode=boost].active{background:#c1a1ff;border-color:#c1a1ff;color:#241238}.case-mode-buttons [data-case-mode=jester].active{background:#ffce80;border-color:#ffce80;color:#37210b}.multi-controls button.active{background:#b59af6;color:#1b1230;border-color:#ceb6ff}.case-audio-controls button,.upgrade-sound{background:#292442;color:#d5c7ff;border-color:#635687}
.card,.case-items article:not(.gold-skin){background:linear-gradient(145deg,#202741,#141d32);border-color:#384969}.card:hover{border-color:var(--accent,#b69cff)}.card-info{background:#121c2d66}.case-items article{border-radius:12px}.pool-price,.price,.drop-value{color:#a6edff}.demo-sale>span{color:#b3f1ff}.demo-sale button{background:#214757;border-color:#4d90a6;color:#b4f4ff}.demo-sale button:disabled{background:#20283c;color:#aeb8c9;border-color:#49556d}.rarity-summary span{background:#202840;border-color:#4b4f75}.rarity-summary b{color:#c7b7ff}.history-row{border-bottom-color:#354361}.history-row:nth-child(even){background:#20284244;border-radius:10px}
.upgrade-panel{background:radial-gradient(ellipse at 50% 0,#683ca62c,transparent 60%),#131d32;border-color:#63567f;box-shadow:0 14px 45px #0002}.upgrade-item{background:linear-gradient(145deg,#252b4a,#172237);border-color:#405071}.upgrade-item.selected{border-color:#bda4ff;box-shadow:0 0 0 1px #bda4ff,0 0 20px #9f7cfa22}.upgrade-item b{color:#a9eaff}.upgrade-result{background:linear-gradient(110deg,#242e4a,#173e47)}#upSearch{background:#101b30;border-color:#46577d}
.profile-panel,.profile-stats>div{background:linear-gradient(135deg,#292342,#142a3a);border-color:#594c77}.avatar{background:linear-gradient(130deg,#c8acff,#7fe5f3);color:#1c213d}.profile-stats strong{color:#b7eaff}.add{background:#303054;border-color:#69608e;color:#d0baff}dialog{background:linear-gradient(135deg,#252039,#142538);border-color:#8b76b2;box-shadow:0 30px 100px #0008}#toast{background:#bdefff;color:#0a2433;border:1px solid #dcfaff}footer{border-color:#3c4567}footer .brand{color:#dfd4f4}
.gold-pool-banner{background:linear-gradient(110deg,#66401c66,#28233c);border-color:#9d773b}.gold-skin{box-shadow:inset 0 0 22px #e0ac3220}.gold-reel{background:radial-gradient(ellipse,#8c661c66,#262038)}
@media(max-width:650px){header{border-radius:0 0 14px 14px}.case-choice{border-radius:13px}.case-choice:hover:not(:disabled){transform:none}.lobby-banner{border-radius:16px}.case-collection-tabs button{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){nav button,.primary,.case-choice{transition:none}.case-choice:hover:not(:disabled){transform:none}}

.parallel-reel-label{color:#b9dfff;font-size:11px;font-weight:800;letter-spacing:2px;text-align:left;margin:20px 28px 8px}.parallel-reel-label+.reel-window{margin-top:8px}.multi-controls{flex-wrap:wrap}.multi-results article{min-width:0}

.profile-panel{flex-wrap:wrap}.avatar.has-photo{overflow:hidden;border:2px solid #b59cf2;background:#17233b}.avatar.has-photo img{display:block;width:100%;height:100%;object-fit:cover}.avatar-settings{display:flex;flex-direction:column;gap:8px;max-width:180px}.avatar-settings small{color:#b4c0d6;font-size:10px;line-height:1.6}.avatar-upload{position:relative;display:block;padding:10px 15px;border:1px solid #9a7fd0;border-radius:9px;background:#6638a344;color:#eee4ff;text-align:center;cursor:pointer;overflow:hidden;font-size:12px}.avatar-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.avatar-upload:focus-within{outline:2px solid #bfa6ff;outline-offset:3px}.avatar-upload.busy{opacity:.6}.avatar-settings button{font-size:11px;padding:8px 12px}

.battle-panel{grid-column:1/-1;padding:25px;background:linear-gradient(140deg,#28213d,#142638);border:1px solid #6c578e;border-radius:20px}.battle-panel>p{line-height:1.8;color:#bdcce1}.battle-controls{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.battle-controls label{display:grid;gap:7px;flex:1;min-width:100px;color:#cbb6ec}.battle-controls label:first-child{flex:3;min-width:200px}.battle-controls select{width:100%}.battle-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.battle-actions>strong{margin-right:auto;color:#b1edff}.battle-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.battle-lane{background:#152238;border:1px solid #415477;border-radius:14px;padding:15px;text-align:center}.battle-lane>strong{font-size:24px;color:#a8efff}.battle-drop{display:flex;flex-direction:column;gap:6px;margin:14px 0;padding:12px;background:#252d4944;border-radius:10px}.battle-drop img{width:100%;height:90px;object-fit:contain}.battle-drop small{color:#b8bdd2}.battle-drop strong{color:#b3eaff}.battle-pending{padding:44px 8px;color:#bca5ed;border:1px dashed #665785;margin:14px 0;border-radius:10px}.battle-winner{border-color:#ffdb7e;box-shadow:0 0 28px #ffca4422}.battle-verdict{border:1px solid #947842;background:#60401944;padding:18px;border-radius:12px;color:#ffe5a6!important}@media(max-width:650px){.battle-panel{padding:15px}.battle-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-drop b{font-size:11px}.battle-lane{padding:9px}}

.auto-sell-control{margin:18px 24px;padding:16px;border:1px solid #665780;border-radius:12px;background:#2a234433;text-align:left}.auto-sell-control label{display:flex;align-items:center;gap:12px;color:#ded1ff;font-weight:800;cursor:pointer}.auto-sell-control input{width:22px;height:22px;accent-color:#9f7de5;cursor:pointer}.auto-sell-control small{display:block;color:#bdc9db;line-height:1.7;margin-top:8px}.auto-sell-control:has(input:checked){border-color:#96d8d5;background:#17434a55}
.online-join{display:flex;gap:10px;margin:20px 0}.online-room{margin:20px 0}.online-room>.battle-lanes{margin:20px 0}.online-inventory{margin-top:25px;padding:20px;border:1px solid #5e507d;border-radius:12px}.online-inventory summary{cursor:pointer;color:#c9eaff}.battle-case-picker{padding:18px;border:1px solid #594775;border-radius:15px;margin:22px 0;background:#141c3033}.battle-case-picker>input{width:100%;margin:8px 0 16px}.battle-case-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.battle-case-gallery button{display:flex;flex-direction:column;align-items:center;padding:12px;background:radial-gradient(ellipse,#57437744,#142239);border:1px solid #425475;gap:7px;font-size:12px}.battle-case-gallery button.selected{border-color:#bf9bff;box-shadow:0 0 0 1px #bf9bff}.battle-case-gallery img{width:100%;height:90px;object-fit:contain}.battle-case-gallery span{color:#a9eaff}.battle-spinner{height:80px;overflow:hidden;border:1px solid #8c73c4;border-radius:12px;position:relative;margin:15px 0;background:linear-gradient(90deg,#152239,#4f387344,#152239)}.battle-spinner:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#9cefff;box-shadow:0 0 15px #91f4ff}.battle-spinner>div{font-size:40px;white-space:nowrap;line-height:75px;color:#d2b8ff;animation:battle-reel 1.4s linear infinite}.battle-new-drop{animation:battle-prize .45s ease-out}.battle-is-running .battle-lane{border-color:#7a60a6}@keyframes battle-reel{from{transform:translateX(0)}to{transform:translateX(-230px)}}@keyframes battle-prize{from{transform:translateY(8px) scale(.95);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.battle-spinner>div,.battle-new-drop{animation:none}}@media(max-width:650px){.battle-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.online-join{flex-wrap:wrap}}
.battle-skin-reel{position:relative;height:150px;overflow:hidden;border:1px solid #ad83ff;border-radius:12px;margin:16px 0;background:radial-gradient(ellipse,#64448c55,#0c1428);box-shadow:inset 0 0 25px #080c18}.battle-skin-track{position:absolute;display:flex;left:calc(50% - 64px);top:10px;width:max-content;will-change:transform}.battle-reel-card{flex:0 0 128px;width:128px;height:125px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:8px;box-sizing:border-box;border-right:1px solid #a99cce22}.battle-reel-card img{width:112px;height:85px;object-fit:contain}.battle-reel-card small{font-size:10px;color:#e8dfff;text-align:center}.battle-reel-pointer{position:absolute;left:calc(50% - 8px);top:0;color:#ffd76b;text-shadow:0 0 15px #ffbd4b;z-index:2}.battle-skin-reel:after{content:'';position:absolute;left:50%;top:20px;bottom:0;width:1px;background:#ffd76b55}.reel-landing .battle-skin-track{animation:skin-battle-land 2.4s cubic-bezier(.12,.7,.15,1) forwards}.reel-live .battle-skin-track{animation:skin-battle-live 1.5s linear infinite}@keyframes skin-battle-land{from{transform:translateX(0)}to{transform:translateX(-2048px)}}@keyframes skin-battle-live{from{transform:translateX(0)}to{transform:translateX(-896px)}}@media(prefers-reduced-motion:reduce){.reel-landing .battle-skin-track{animation:none;transform:translateX(-2048px)}.reel-live .battle-skin-track{animation:none}}
:is(.battle-case-gallery,.case-selection,.opening-case-preview) .battle-case-art{display:block;width:100%;height:150px;position:relative;isolation:isolate;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--case-accent,#e6bb57) 25%,transparent),#0b1425 75%)}.battle-art-halo{position:absolute;inset:18px 20px;border:1px solid var(--case-accent);border-radius:50%;opacity:.35;transform:rotate(-25deg);box-shadow:0 0 30px var(--case-accent)}.battle-art-crate{position:absolute;width:90%;height:110px;left:5%;bottom:8px;transform:rotate(var(--case-turn))}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .battle-case-art img.battle-art-primary{position:absolute;z-index:3;width:95%;height:95px;object-fit:contain;left:2%;top:10px;filter:drop-shadow(0 6px 5px #000a);transform:rotate(-14deg)}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .battle-case-art img.battle-art-secondary{position:absolute;z-index:2;width:70%;height:78px;object-fit:contain;right:0;top:3px;opacity:.8;transform:rotate(24deg)}.battle-art-monogram{position:absolute;bottom:34px;right:24%;font-size:12px;font-weight:900;color:#fff;z-index:4;transform:rotate(-10deg);text-shadow:0 2px 4px #000}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .battle-art-label{position:absolute;bottom:5px;left:9px;font-size:9px;letter-spacing:2px;color:var(--case-accent,#e6bb57);z-index:4}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .official-art>img{width:100%;height:135px;object-fit:contain;filter:drop-shadow(0 6px 12px #c6933033)}.battle-case-gallery button:hover .battle-art-primary{transform:rotate(-7deg) scale(1.06)}.battle-art-primary{transition:transform .2s}.battle-case-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}@media(max-width:650px){.battle-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
:is(.battle-case-gallery,.case-selection,.opening-case-preview) .premium-battle-art{height:auto;aspect-ratio:2/3;overflow:hidden;background:#0b1020;border:1px solid #ffffff12}.battle-premium-scene{position:absolute;inset:0;background-image:url('assets/battle-cases-premium.png');background-size:300% 200%;background-position:var(--art-x) var(--art-y);transition:filter .25s}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .premium-battle-art img.battle-art-primary{height:32%;width:86%;left:7%;top:2%;transform:rotate(-12deg);filter:drop-shadow(0 9px 7px #000c)}.battle-case-gallery button:hover .premium-battle-art img.battle-art-primary{transform:translateY(-4px) rotate(-6deg) scale(1.05)}.battle-case-gallery button:hover .battle-premium-scene{filter:brightness(1.13)}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .premium-battle-art .battle-art-label{bottom:0;left:0;width:100%;padding:10px 5px;background:linear-gradient(transparent,#090f22ed);color:#e9e5ff;font-size:8px;letter-spacing:1.5px}.battle-case-gallery button{padding:7px 7px 14px;border-radius:15px;gap:10px;background:#111b2d}.battle-case-gallery button>strong{font-size:14px}.battle-case-gallery button>span:last-child{font-size:15px;font-weight:700}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .official-art{height:auto;aspect-ratio:2/3}:is(.battle-case-gallery,.case-selection,.opening-case-preview) .official-art>img{height:85%;margin-top:8%}@media(prefers-reduced-motion:reduce){.battle-art-primary,.battle-premium-scene{transition:none}}

.case-choice>.battle-case-art{margin:14px auto 18px;max-width:250px}.opening-case-preview{width:140px;margin:18px auto}.case-choice:hover .battle-art-primary{transform:translateY(-4px) rotate(-6deg) scale(1.05)}.case-choice:hover .battle-premium-scene{filter:brightness(1.12)}.case-selection{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:650px){.case-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-choice{padding:10px}.case-choice h3{font-size:16px}.opening-case-preview{width:110px}}
.inventory-sort{display:flex;align-items:center;gap:12px;margin:18px 0}.upgrade-options{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:22px 0}.upgrade-options label{display:grid;gap:8px;color:#c8d5ed}.upgrade-options select{padding:10px;border-radius:8px;background:#152238;color:#eef4ff;border:1px solid #566b8d}.upgrade-panel{--wheel-color:#b2ff6a;--wheel-core:#111820;--wheel-empty:#2a3543}.upgrade-panel[data-wheel=neon]{--wheel-color:#36e7ff;--wheel-core:#16102d;--wheel-empty:#53366a}.upgrade-panel[data-wheel=gold]{--wheel-color:#ffd477;--wheel-core:#231b15;--wheel-empty:#57412e}.upgrade-panel .upgrade-gauge{background:radial-gradient(circle,var(--wheel-core) 60%,transparent 61%),conic-gradient(from var(--arc-start,0deg),var(--wheel-color) var(--chance),var(--wheel-empty) 0);box-shadow:0 0 35px color-mix(in srgb,var(--wheel-color) 20%,transparent)}.upgrade-panel .upgrade-gauge strong{color:var(--wheel-color)}.upgrade-panel[data-wheel=neon] .upgrade-gauge{outline:2px solid #a36aff;outline-offset:7px;box-shadow:0 0 35px #9736ff66,inset 0 0 25px #2bdfff22}.upgrade-panel[data-wheel=gold] .upgrade-gauge{outline:4px double #d7af61;outline-offset:6px;box-shadow:0 0 30px #c68d2a44}.upgrade-panel .upgrade-needle i{box-shadow:0 0 16px #fff,0 0 30px var(--wheel-color)}@keyframes nb-upgrade-spin{from{transform:rotate(var(--needle-start,0deg))}to{transform:rotate(var(--stop))}}
.reel-item,.battle-reel-card{border-bottom:4px solid var(--accent,#7b91b0)!important;background:linear-gradient(0deg,color-mix(in srgb,var(--accent,#7b91b0) 27%,transparent),#121b2d 78%);box-shadow:inset 0 -12px 22px -15px var(--accent,#7b91b0)}.reel-item img,.battle-reel-card img{filter:drop-shadow(0 5px 9px color-mix(in srgb,var(--accent,#7b91b0) 35%,transparent))}.upgrade-item[data-up-input],.upgrade-item[data-up-target]{border-bottom:3px solid var(--accent,#7b91b0);background:linear-gradient(0deg,color-mix(in srgb,var(--accent,#7b91b0) 17%,transparent),#192437 75%)}.upgrade-item.selected{outline:2px solid var(--accent,#a7eeff);box-shadow:0 0 16px color-mix(in srgb,var(--accent,#7b91b0) 25%,transparent)}.upgrade-rarity-target{border-bottom:3px solid var(--accent);border-radius:14px;padding:12px;background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--accent) 22%,transparent),transparent 75%)}.rarity-caption{display:block;color:var(--accent);margin-top:8px;font-size:11px}
.reel-track{animation-timing-function:cubic-bezier(.10,.65,.15,1)}.reel-landing .battle-skin-track{animation-duration:5.2s;animation-timing-function:cubic-bezier(.10,.65,.15,1)}.reel-live .battle-skin-track{animation-duration:5.5s;animation-timing-function:cubic-bezier(.10,.65,.15,1);animation-iteration-count:1;animation-fill-mode:forwards}.reel-item[style*="#ff334e"],.battle-reel-card[style*="#ff334e"],.upgrade-item[style*="#ff334e"]{border-bottom-width:5px!important;background:linear-gradient(0deg,#a81035aa,#48132966 50%,#121b2d 90%);box-shadow:inset 0 -15px 28px -15px #ff334e,0 0 12px #ff334e33}.upgrade-rarity-target[style*="#ff334e"]{box-shadow:0 0 24px #ff334e44}
.upgrade-gauge[role=slider]{touch-action:none;cursor:grab;user-select:none}.upgrade-gauge[role=slider]:active{cursor:grabbing}.upgrade-gauge[aria-disabled=true]{cursor:wait}.upgrade-gauge[role=slider]:focus-visible{outline:3px solid #fff;outline-offset:12px}.upgrade-zone-grip{position:absolute;inset:-17px;pointer-events:none;z-index:4}.upgrade-zone-grip i{position:absolute;top:0;left:calc(50% - 13px);width:26px;height:26px;line-height:24px;border:2px solid white;border-radius:50%;background:var(--wheel-color);color:#111;font-style:normal;font-size:16px;box-shadow:0 0 14px var(--wheel-color)}.upgrade-drag-hint{display:block;text-align:center;color:#bed2e9;margin:14px 0}.upgrade-spinning .upgrade-zone-grip{opacity:.3}
.upgrade-panel .upgrade-gauge.result-success{--wheel-color:#48f59a;--wheel-core:#0a281c;--wheel-empty:#155c3d;outline-color:#48f59a;box-shadow:0 0 48px #25e98966,inset 0 0 25px #25e98922}.upgrade-panel .upgrade-gauge.result-failure{--wheel-color:#ff405e;--wheel-core:#2c1019;--wheel-empty:#752333;outline-color:#ff405e;box-shadow:0 0 48px #ff304f66,inset 0 0 25px #ff304f22}.upgrade-panel .upgrade-gauge .upgrade-result-symbol{font-size:78px;line-height:1.1;color:var(--wheel-color);text-shadow:0 0 22px color-mix(in srgb,var(--wheel-color) 50%,transparent);animation:upgrade-symbol-in .4s ease-out}.upgrade-result-visible>small{color:var(--wheel-color);font-weight:800;letter-spacing:1px;margin-top:8px}.upgrade-result.result-success{color:#59ffab;border:1px solid #38d58a;background:#103c29}.upgrade-result.result-failure{color:#ff647c;border:1px solid #ec405e;background:#421523}.upgrade-result-inline{font-size:24px;vertical-align:middle;margin-right:8px}@keyframes upgrade-symbol-in{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.upgrade-panel .upgrade-gauge .upgrade-result-symbol{animation:none}}