/* TUNE upgrade page */
#tune-up{--rc:#7fd6ff;max-width:1240px;margin:0 auto;container-type:inline-size}
#tune-up .mut{color:#7f8aa3;font-size:12px}
.up-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.up-head h1{font-size:26px;margin:0;display:flex;align-items:center;gap:10px}
.up-logo{background:linear-gradient(135deg,#7fd6ff,#4be3b0);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:.06em}
.up-head p{margin:4px 0 0;color:#8d98b0;font-size:13px}
.up-pf{font-size:12px;color:#7fe3b8;border:1px solid #2a5b4b;background:#10241f;padding:6px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.up-tabs{display:none;gap:6px;margin-bottom:10px}
.up-tabs button{flex:1;padding:9px;border-radius:10px;border:1px solid #232c42;background:#0f1522;color:#9aa8c2;font-weight:600}
.up-tabs button.on{background:#16314a;color:#fff;border-color:#2b6a97}
.up-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px) minmax(0,1fr);gap:12px;align-items:start}
.up-card{background:#0d121c;border:1px solid #1d2638;border-radius:14px;padding:14px;min-width:0}
.up-ct{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.up-ct h2{white-space:nowrap}.up-ct h2{font-size:15px;margin:0}.up-sp{flex:1}
.up-lnk{background:none;border:0;color:#8d98b0;font-size:12px;cursor:pointer;padding:2px 6px;border-radius:6px}.up-lnk:hover,.up-lnk.on{color:#7fd6ff}
.up-bal{margin-bottom:10px}.up-bal label{display:block;font-size:12px;color:#8d98b0;margin-bottom:4px}
.up-bal div{display:flex;gap:6px}.up-bal input{flex:1;min-width:0}
.up-bal button{padding:0 9px;border-radius:8px;border:1px solid #232c42;background:#111a29;color:#b8c4da;font-size:12px;cursor:pointer}
#tune-up input,#tune-up select{background:#0a0f18;border:1px solid #232c42;color:#e8eefb;border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;min-width:0}
#tune-up input:focus,#tune-up select:focus{outline:0;border-color:#2b6a97}
.up-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:520px;overflow:auto;padding:2px;scrollbar-width:thin}
.up-it{position:relative;background:#101725;border:1px solid #1f2a40;border-radius:11px;padding:8px 6px 7px;text-align:center;cursor:pointer;transition:.15s;overflow:hidden}
.up-it:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rc);opacity:.8}
.up-it:hover{border-color:color-mix(in srgb,var(--rc) 60%,#1f2a40);transform:translateY(-1px)}
.up-it.on{border-color:var(--rc);box-shadow:0 0 0 1px var(--rc),0 0 16px color-mix(in srgb,var(--rc) 35%,transparent);background:color-mix(in srgb,var(--rc) 10%,#101725)}
.up-ip{height:54px;display:grid;place-items:center}.up-ip img{max-width:100%;max-height:54px;object-fit:contain}
.up-gem{display:block;width:34px;height:34px;clip-path:polygon(50% 0,100% 36%,50% 100%,0 36%);background:linear-gradient(145deg,color-mix(in srgb,var(--rc) 70%,#fff),var(--rc))}
.up-in{font-size:11px;line-height:1.25;margin-top:4px;min-height:27px;display:flex;flex-direction:column;justify-content:center}.up-in b{color:#e7edf7;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-in span{color:#8d98b0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-iv{font:700 12.5px 'Space Grotesk',Inter,sans-serif;color:#fff;margin-top:3px}.up-ic{position:absolute;top:5px;right:6px;font-size:10px;color:#7fe3b8;font-weight:700}
.up-empty{grid-column:1/-1;text-align:center;color:#7f8aa3;font-size:13px;padding:30px 12px;line-height:1.6}
.up-filters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:6px;margin-bottom:8px}.up-filters #upQ{grid-column:1/-1}
.up-mult{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:10px}.up-mult span{font-size:12px;color:#7f8aa3;margin-right:2px}
.up-mult button{padding:4px 9px;border-radius:999px;border:1px solid #232c42;background:#111a29;color:#b8c4da;font-size:12px;cursor:pointer}.up-mult button:hover{border-color:#2b6a97;color:#fff}
.up-more{display:block;margin:10px auto 0;padding:8px 16px;border-radius:9px;border:1px solid #232c42;background:#111a29;color:#b8c4da;cursor:pointer}
.up-mid{text-align:center;position:sticky;top:76px}
.up-wheelwrap{position:relative;width:min(100%,300px);margin:6px auto 0;aspect-ratio:1}
.up-wheel{width:100%;height:100%;display:block;overflow:visible}
.up-trk{fill:none;stroke:#18202f;stroke-width:14}
.up-arc{fill:none;stroke:url(#upg);stroke-width:14;stroke-linecap:butt;transition:stroke-dasharray .35s,opacity .2s;filter:drop-shadow(0 0 6px rgba(75,227,176,.45))}
.up-arc.flashw{animation:upw 1.2s ease-out}.up-arc.flashl{animation:upl 1.2s ease-out}
@keyframes upw{0%,40%{filter:drop-shadow(0 0 18px #4be3b0)}100%{filter:drop-shadow(0 0 6px rgba(75,227,176,.45))}}
@keyframes upl{0%,40%{stroke:#eb4b4b}100%{stroke:url(#upg)}}
.up-tk{stroke:#2a3550;stroke-width:1.2}.up-tk.b{stroke:#3b4a6e;stroke-width:2}
#upPtr{transform-origin:150px 150px;transform-box:view-box}.up-pt{fill:#fff;filter:drop-shadow(0 0 5px rgba(127,214,255,.9))}
.up-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.up-pc{font:800 44px 'Space Grotesk',Inter,sans-serif;color:#fff;line-height:1}.up-pc small{font-size:20px;color:#7fd6ff}.up-pl{font-size:12px;color:#7f8aa3;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.up-px{margin-top:8px;font-weight:700;color:#7fe3b8;background:#10241f;border-radius:999px;padding:2px 10px;font-size:13px}
.up-stats{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 10px}.up-stats div{display:flex;flex-direction:column;gap:2px}.up-stats span{font-size:11px;color:#7f8aa3}.up-stats b{font:700 16px 'Space Grotesk',Inter,sans-serif}.up-arr{color:#7fd6ff;font-size:18px}
.up-btn{width:100%;padding:13px;border-radius:11px;border:0;background:linear-gradient(135deg,#7fd6ff,#4be3b0);color:#06121a;font-weight:800;font-size:15px;cursor:pointer;letter-spacing:.02em}
.up-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.up-btn.sm{width:auto;padding:8px 18px;margin-top:10px}
.up-warn{min-height:18px;font-size:12px;color:#8d98b0;margin-top:8px;opacity:0;transition:.2s}.up-warn.on{opacity:1;color:#ffb36b}
.up-res{display:none;margin-top:10px}.up-res.on{display:block;animation:upin .4s}@keyframes upin{from{opacity:0;transform:translateY(8px)}}
.up-rc{display:flex;align-items:center;gap:12px;text-align:left;border-radius:12px;padding:10px 12px;border:1px solid var(--rc,#2a3550);background:color-mix(in srgb,var(--rc,#2a3550) 12%,#0d121c)}
.up-rc .up-ip{width:70px;height:60px}.up-rc h3{margin:0 0 2px;font-size:16px}.up-res.win h3{color:#7fe3b8}.up-rc.lose{border-color:#5a2a2e;background:#1e1215}.up-rc.lose h3{color:#ff8a8a}.up-rc.lose p{margin:0;color:#b99;font-size:12px}
.up-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.up-fair p{font-size:12.5px;color:#9aa8c2;line-height:1.55;margin:0 0 10px}.up-kv{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px;flex-wrap:wrap}.up-kv span{color:#7f8aa3;min-width:130px}.up-kv code{background:#0a0f18;border:1px solid #1d2638;border-radius:7px;padding:3px 7px;color:#c7d6ee;word-break:break-all;font-size:11.5px}.up-kv input{flex:1;min-width:120px}
.up-last{margin-top:12px;border-top:1px solid #1d2638;padding-top:8px}.up-last h3{font-size:13px;margin:0 0 4px}.up-ok{color:#7fe3b8}.up-bad{color:#ff8a8a}
.up-feed{display:grid;gap:6px;max-height:420px;overflow:auto;scrollbar-width:thin}
.up-fr{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#101725;border:1px solid #1d2638;border-left:3px solid #4be3b0}.up-fr.l{border-left-color:#eb4b4b}
.up-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}.up-em{display:grid;place-items:center;background:#16202f;font-size:15px}
.up-fm{flex:1;min-width:0;display:flex;flex-direction:column}.up-fm b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-fm span{font-size:11.5px;color:#7f8aa3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-fp{width:44px;height:30px;display:grid;place-items:center}.up-fp img{max-width:100%;max-height:30px}.up-fp .up-gem{width:22px;height:22px}
.up-fc{text-align:right;display:flex;flex-direction:column}.up-fc b{font-size:13px}.up-fr.w .up-fc b{color:#7fe3b8}.up-fr.l .up-fc b{color:#ff8a8a}.up-fc span{font-size:11px;color:#7f8aa3}
@container (max-width:1020px){
  .up-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .up-mid{grid-column:1/-1;order:-1;position:static;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:6px 24px;align-items:center;text-align:left}
  .up-wheelwrap{grid-row:1/5;margin:0}
  .up-stats{justify-content:flex-start;margin:0}.up-go{max-width:360px}
  .up-res{max-width:420px}
}
@container (max-width:660px){
  .up-tabs{display:flex}.up-grid{display:flex;flex-direction:column;align-items:stretch}
  .up-mid{display:block;text-align:center}.up-wheelwrap{margin:6px auto 0}.up-stats{justify-content:center;margin:14px 0 10px}.up-go,.up-res{max-width:none}
  .up-grid[data-tab=items] .up-right,.up-grid[data-tab=target] .up-left{display:none}
  .up-lower{grid-template-columns:minmax(0,1fr)}.up-list{max-height:420px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
  .up-head h1{font-size:22px}.up-pf{display:none}.up-kv span{min-width:0;width:100%}
}
@container (max-width:900px){.up-lower{grid-template-columns:minmax(0,1fr)}}
nav.bottom a[data-tune]{display:flex;align-items:center;justify-content:center;color:inherit}nav.bottom a[data-tune].on{color:#7fd6ff}