.page-tradeup-calculator .tu-intro{color:var(--text2);max-width:56rem;margin:0 0 1.5rem}.twb{margin:0 0 2.5rem}.twb .twb-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-size:.68rem;font-weight:700}.twb .twb-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.twb-rarity-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 0;display:flex}.twb-rarity-pills{flex-wrap:wrap;gap:.4rem;display:flex}.twb-pill{background:var(--bg2);border:1px solid var(--border);color:var(--text2);cursor:pointer;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.twb-pill-dot{background:var(--rc,var(--accent));border-radius:50%;width:8px;height:8px}.twb-pill:hover{border-color:var(--rc);color:var(--text)}.twb-pill.active{border-color:var(--rc);color:var(--text);background:color-mix(in srgb, var(--rc) 14%, var(--bg2))}.twb-pill.active .twb-pill-dot{box-shadow:0 0 8px var(--rc)}.twb-rarity-out{margin-left:auto}.twb-rarity-out strong{letter-spacing:.04em;font-size:.85rem}.twb-panel{background:var(--bg2);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 16px #00000059}.twb-panel-head{border-bottom:1px solid var(--border);background:var(--bg2);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.twb-panel-head.wrap{flex-wrap:wrap}.twb-panel-head h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.05rem;font-style:italic;font-weight:700}.twb-counter{color:var(--text3);font-style:normal;font-weight:600}.twb-cost{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700}.twb-cost .twb-label{margin-right:.5rem}.twb-bench{grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:stretch;gap:1rem;margin-bottom:1rem;display:grid}@media (max-width:1024px){.twb-bench{grid-template-columns:1fr}}.twb-slots{background:#00000040;flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:.6rem;padding:1.1rem 1.25rem;display:grid}@media (max-width:720px){.twb-slots{grid-template-columns:repeat(3,1fr)}}@media (max-width:460px){.twb-slots{grid-template-columns:repeat(2,1fr)}}.twb-slot{background:var(--bg3);border:1px solid var(--border);cursor:pointer;min-height:118px;font:inherit;color:var(--text);text-align:center;flex-direction:column;align-items:center;padding:.5rem .45rem .45rem;transition:transform .12s,border-color .12s;display:flex;position:relative}.twb-slot.filled{border-bottom:3px solid var(--rc,var(--accent));box-shadow:0 0 6px color-mix(in srgb, var(--rc,var(--accent)) 35%, transparent)}.twb-slot.filled:hover{transform:translateY(-2px)}.twb-slot.filled img{object-fit:contain;filter:drop-shadow(0 3px 4px #00000080);height:44px}.twb-slot-remove{color:var(--text3);opacity:0;font-size:.85rem;line-height:1;transition:opacity .12s,color .12s;position:absolute;top:.3rem;right:.35rem}.twb-slot.filled:hover .twb-slot-remove{opacity:1;color:var(--red)}.twb-slot-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.35rem;font-size:.66rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.twb-slot-meta{justify-content:space-between;align-items:baseline;gap:.3rem;width:100%;margin-top:auto;padding-top:.3rem;display:flex}.twb-slot-coll{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.twb-slot-price{font-variant-numeric:tabular-nums;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700}.twb-slot.empty{color:var(--text3);background:0 0;border-style:dashed;justify-content:center;gap:.35rem}.twb-slot.empty:hover{border-color:var(--text2);color:var(--text2);background:#ffffff08}.twb-slot-plus{font-size:1.4rem;line-height:1}.twb-slot-add-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:700}.twb-slot-noimg{width:100%;height:44px}.twb-panel-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:auto;padding:.8rem 1.25rem;display:flex}.twb-float{align-items:center;gap:.5rem;display:inline-flex}.twb-float input{background:var(--bg);border:1px solid var(--border);width:5.2rem;color:var(--text);font-variant-numeric:tabular-nums;padding:.3rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.twb-foot-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.twb-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:.45rem .9rem;font-size:.78rem;font-weight:600;transition:border-color .12s,background .12s,color .12s}.twb-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent2)}.twb-btn:disabled{opacity:.45;cursor:default}.twb-btn.accent{background:var(--accent);border-color:var(--accent);color:#1a1305;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-style:italic;font-weight:700}.twb-btn.accent:hover:not(:disabled){background:var(--accent2);color:#1a1305}.twb-btn.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.twb-btn.wide{width:100%;padding:.7rem;font-size:.9rem}.twb-outcomes .twb-panel-head{border-bottom-color:color-mix(in srgb, var(--oc) 40%, var(--border))}.twb-outcome-title{color:var(--oc)}.twb-tier-chip{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--oc);border:1px solid color-mix(in srgb, var(--oc) 45%, transparent);background:color-mix(in srgb, var(--oc) 14%, transparent);padding:.2rem .55rem;font-size:.62rem;font-weight:700}.twb-pullrate{padding:1rem 1.25rem .25rem}.twb-pullrate-head{justify-content:space-between;margin-bottom:.4rem;display:flex}.twb-pullrate-bar{background:#ffffff0f;border-radius:999px;height:8px;display:flex;overflow:hidden}.twb-outcome-list{flex-direction:column;flex:1;gap:.25rem;max-height:330px;padding:.75rem .9rem;display:flex;overflow-y:auto}.twb-outcome{border:1px solid #0000;align-items:center;gap:.8rem;padding:.45rem .55rem;display:flex}.twb-outcome:nth-child(odd){background:#00000040}.twb-outcome:hover{background:var(--bg3);border-color:#ffffff14}.twb-outcome-thumb{background:var(--bg);border-bottom:3px solid var(--rc,var(--border));flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:2px;display:flex}.twb-outcome-thumb img{object-fit:contain;max-width:100%;max-height:100%}.twb-outcome-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.twb-outcome-info a{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;text-decoration:none;overflow:hidden}.twb-outcome-info a:hover{color:var(--accent2)}.twb-outcome-sub{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.twb-outcome-nums{flex-direction:column;flex:none;align-items:flex-end;gap:.15rem;display:flex}.twb-outcome-nums em{color:var(--text3);margin-right:.35rem;font-style:normal}.twb-delta{font-variant-numeric:tabular-nums;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700}.twb-delta.up{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.twb-delta.down{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.twb-delta.big{padding:.25rem .6rem;font-size:1rem}.twb-verdict{border-top:1px solid var(--border);flex-direction:column;gap:.9rem;margin-top:auto;padding:1rem 1.25rem 1.1rem;display:flex}.twb-verdict-grid{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:.75rem;display:grid}@media (max-width:520px){.twb-verdict-grid{grid-template-columns:repeat(2,1fr)}}.twb-verdict-grid>div{flex-direction:column;gap:.25rem;display:flex}.twb-metric{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:700}.twb-metric.small{font-size:1.05rem}.twb-sim{color:var(--text2);border-left:3px solid var(--accent);margin:0;padding-left:.75rem;font-size:.8rem}.twb-drawer-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.twb-drawer-controls input[type=search]{background:var(--bg);border:1px solid var(--border);width:15rem;max-width:100%;color:var(--text);padding:.42rem .65rem;font-size:.8rem}.twb-drawer-controls select{background:var(--bg);border:1px solid var(--border);color:var(--text);max-width:13rem;padding:.42rem .5rem;font-size:.8rem}.twb-drawer-controls input:focus,.twb-drawer-controls select:focus{border-color:var(--accent);outline:none}.twb-cap{align-items:center;gap:.5rem;display:inline-flex}.twb-cap input[type=range]{width:8rem;accent-color:var(--accent)}.twb-import{border-bottom:1px solid var(--border);background:#0003;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 1.25rem;display:flex}.twb-import input{background:var(--bg);border:1px solid var(--border);min-width:14rem;color:var(--text);flex:1;padding:.42rem .65rem;font-size:.8rem}.twb-import-status{color:var(--text2);font-size:.75rem}.twb-owned{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.twb-owned-chip{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:.3rem .6rem;font-size:.72rem}.twb-owned-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent2)}.twb-tiles{background:#00000040;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.5rem;max-height:330px;padding:1rem 1.25rem;display:grid;overflow-y:auto}.twb-tile{background:var(--bg3);border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .45rem .5rem;transition:border-color .12s,opacity .12s;display:flex;position:relative}.twb-tile:hover:not(:disabled){border-color:var(--text2)}.twb-tile.selected{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .18)}.twb-tile.capped{opacity:.35;cursor:default}.twb-tile img{object-fit:contain;border-bottom:2px solid var(--rc,transparent);height:40px;padding-bottom:3px}.twb-tile-check{background:var(--accent);color:#1a1305;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:.3rem;right:.35rem}.twb-tile-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.twb-tile-price{font-variant-numeric:tabular-nums;color:var(--green);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700}.twb-more,.twb-hints{color:var(--text3);border-top:1px solid var(--border);margin:0;padding:.55rem 1.25rem;font-size:.72rem}.twb-empty{text-align:center;color:var(--text3);grid-column:1/-1;padding:2.25rem 1rem;font-size:.85rem}
