:root{--ms-bg:#0c0a12;--ms-panel:#161022;--ms-line:#3d2f5c;--ms-gold:#e8c65c;--ms-gold-dim:#8a6b2f;--ms-cyan:#5fffd4;--ms-text:#e6e0f2;--ms-muted:#9a90b0;--font-display:"Figtree", system-ui, sans-serif;--font-ui:"Figtree", system-ui, sans-serif;font-family:var(--font-ui);color:var(--ms-text);background:var(--ms-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% -20%,#2a1f45 0%,#0c0a12 55%);min-height:100svh;margin:0}#root{max-width:1200px;min-height:100svh;margin:0 auto;padding:1rem 1rem 2.5rem}button,input,select{font:inherit}.app{flex-direction:column;gap:1rem;display:flex}.app-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:.6rem;display:flex}.app-brand{text-align:left;align-items:flex-start;gap:.85rem;display:flex}.app-logo{background:linear-gradient(#ffffff1f,#0000002e),url(/favicon.svg) 50%/82% no-repeat,#181121eb;border:1px solid #ffffff14;border-radius:12px;flex:none;width:48px;height:48px;box-shadow:0 8px 22px #00000047}.app-brand h1,.calc-head h2,.picker-head h2{font-family:var(--font-display)}.app-brand h1{color:var(--ms-gold);letter-spacing:.01em;text-shadow:0 2px 12px #00000047;margin:0 0 .3rem;font-size:1.85rem;font-weight:700}.app-tag,.app-foot{color:var(--ms-muted);margin:0;font-size:.84rem}.app-tabs{background:#0e141eb8;border:1px solid #7e9dbe33;border-radius:14px;gap:.4rem;padding:.3rem;display:flex}.app-tabs button{cursor:pointer;color:#afbdd0;background:0 0;border:none;border-radius:10px;padding:.6rem 1rem;font-weight:700}.app-tabs button.active{color:#f1f8ff;background:linear-gradient(#425266,#26313d);box-shadow:inset 0 0 0 1px #ffffff14}.sf-layout{grid-template-columns:190px 1fr;align-items:start;gap:1rem;display:grid}.sf-nav{background:linear-gradient(#42596e8c,#273442e0);border:1px solid #8eb1cc40;border-radius:18px;flex-direction:column;gap:.6rem;padding:.7rem;display:flex}.sf-nav-title{color:#ebf5ff;text-transform:uppercase;font-size:.9rem;font-weight:800}.sf-nav-btn,.sf-select-btn{color:#eff9ff;text-align:left;background:linear-gradient(#6ba8c4,#3a627e 55%,#20384d);border:1px solid #75abd14d;border-radius:14px;padding:.95rem .9rem;font-weight:700}.sf-nav-btn.active{box-shadow:inset 0 0 0 1px #fff6a373,0 0 18px #fff4a826}.sf-nav-btn:disabled{opacity:.55}.sf-panel{background:linear-gradient(#536375eb,#202b3af5);border:1px solid #abc4de47;border-radius:18px;padding:.85rem 1rem 1rem;position:relative;overflow:hidden;box-shadow:0 22px 48px #00000059}.sf-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0a,#0000 60%);position:absolute;inset:0}.sf-panel.flash-ok{box-shadow:0 0 0 2px #ffed9273,0 0 24px #ffed9226}.sf-panel.flash-warn{box-shadow:0 0 0 2px #76cfff59,0 0 24px #76cfff1f}.sf-panel.flash-boom{box-shadow:0 0 0 2px #ff6e6e73,0 0 24px #ff6e6e2e}.sf-panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.sf-panel-header h1{color:#e4f426;letter-spacing:.04em;margin:0;font-size:1.45rem}.sf-cost-banner{background:#212b38d1;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.9rem;padding:.75rem .9rem;display:flex}.sf-cost-total{flex-direction:column;gap:.15rem;display:flex}.sf-cost-total span{color:#afbdd0;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.sf-cost-total strong{color:#ffe081;font-size:1.05rem}.sf-cost-breakdown{color:#d4e3ef;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.86rem;display:flex}.sf-item-stage{background:#232c38b8;border:1px solid #ffffff14;border-radius:16px;justify-items:center;gap:.65rem;padding:.8rem .5rem 1rem;display:grid}.sf-item-stage.top{grid-template-columns:220px 1fr;place-items:start stretch;gap:1rem}.sf-item-stage.top .sf-item-frame{grid-area:1/1}.sf-item-stage.top .sf-item-pill{grid-area:2/1;width:100%;min-width:0}.sf-item-frame{background:linear-gradient(#ffffff0f,#0000002e),#404546cc;border:3px dashed #ffffffbf;border-radius:16px;place-items:center;width:180px;height:180px;display:grid}.sf-item-art{width:96px;height:96px;image-rendering:pixelated}.sf-item-empty{color:#d4dee6;text-align:center;font-weight:700}.sf-item-pill{text-align:center;color:#fff;background:#2c3848eb;border:1px solid #ffffff14;border-radius:999px;min-width:min(100%,480px);padding:.45rem 1.25rem;font-size:1.05rem;font-weight:700}.sf-item-window{grid-area:1/2/span 2;gap:.65rem;min-width:0;display:grid}.sf-item-window-title,.sf-mode-title{color:#dceaf8;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.sf-item-window-title{font-size:.84rem}.sf-item-window-section{background:#151c2594;border:1px solid #ffffff0f;border-radius:12px;padding:.7rem .8rem}.sf-window-label{color:#afbdd0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem;font-size:.78rem;display:block}.sf-window-list{margin:0;padding:0;list-style:none}.sf-window-list li{color:#eef7ff;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.2rem 0;font-size:.9rem;display:flex}.sf-window-list.compact li{font-size:.84rem}.sf-mode-title{margin-top:.95rem;margin-bottom:.5rem;font-size:1rem}.sf-stars-panel,.sf-info-card,.sf-log,.calc-wrap{background:#212b38c7;border:1px solid #ffffff14;border-radius:16px}.sf-stars-panel{margin-top:.9rem;padding:.85rem 1rem}.sf-mode-banner{color:#d6e5f1;text-align:center;background:#212b38c7;border:1px solid #ffffff14;border-radius:16px;margin-top:.9rem;padding:.85rem 1rem}.star-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.star-group{gap:.16rem;display:inline-flex}.star{color:#58697b;font-size:1rem}.star.on{color:#ffe142;text-shadow:0 0 6px #ffe142e6}.sf-stars-transition{justify-content:center;align-items:center;gap:.8rem;margin-top:.75rem;font-size:1.7rem;font-weight:800;display:flex}.sf-stars-transition .cur{color:#ffe142}.sf-stars-transition .next{color:#f6f8e8}.sf-stars-transition .arrow{color:#fff0a8}.sf-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.9rem;display:grid}.sf-info-card{padding:.85rem 1rem}.sf-info-title,.sf-log-title{color:#dceaf8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.65rem;font-size:.85rem;font-weight:800}.sf-stat-line,.sf-rate-line{color:#d1dae6;justify-content:space-between;gap:1rem;padding:.28rem 0;display:flex}.sf-rate-foot{color:#9eb0c1;margin-top:.5rem;font-size:.82rem}.sf-rate-foot.danger{color:#ffb1a2}.sf-toggle-row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.95rem;padding:0 .15rem;display:flex}.sf-toggle,.sf-jump{color:#d6e0ea;align-items:center;gap:.55rem;font-size:.92rem;display:inline-flex}.sf-jump{margin-left:auto}.sf-toggle input[type=checkbox]{accent-color:#ecf73e;width:44px;height:22px}.sf-jump input,.picker-search,.picker-row input,.picker-row select,.calc-grid input{color:#eef7ff;background:#0d1218c7;border:1px solid #8eb1cc38;border-radius:10px}.sf-jump input{width:72px;padding:.45rem .6rem}.sf-bottom-row{grid-template-columns:180px 1fr;align-items:start;gap:1rem;margin-top:.9rem;display:grid}.sf-enhance{color:#f6fbff;background:linear-gradient(#5a6d7f,#304454 58%,#22303d);border:none;border-radius:14px;height:82px;font-size:1.2rem;font-weight:800;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 7px #202d37}.sf-enhance:disabled{opacity:.45;box-shadow:none}.sf-enhance-glow{background:linear-gradient(#ffffff2e,#0000);border-radius:12px;position:absolute;inset:10px}.sf-enhance-label{position:relative}.sf-log{padding:.85rem 1rem}.sf-log-lines{max-height:150px;margin:0;padding:0;list-style:none;overflow:auto}.sf-log-line{border-bottom:1px solid #ffffff0d;padding:.35rem 0;font-size:.88rem}.sf-log-line.outcome-success{color:#fff39c}.sf-log-line.outcome-fail_stay{color:#c7d7e8}.sf-log-line.outcome-destroy{color:#ff9090}.sim-subpanel{margin-top:.95rem}.sim-controls{flex-wrap:wrap;gap:.8rem 1rem;margin-bottom:.9rem;display:flex}.sim-controls label{color:#d9e7f3;flex-direction:column;gap:.3rem;font-size:.84rem;display:flex}.sim-controls select{color:#eef7ff;background:#0d1218c7;border:1px solid #8eb1cc38;border-radius:10px;min-width:150px;padding:.5rem .6rem}.cube-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1rem;display:grid}.cube-card{color:#eef7ff;text-align:left;background:#151c25a6;border:1px solid #ffffff14;border-radius:14px;justify-items:start;gap:.28rem;padding:.8rem .9rem;display:grid}.cube-card.active{border-color:#fff4a873;box-shadow:inset 0 0 0 1px #fff4a82e}.cube-card-icon{width:40px;height:40px;image-rendering:pixelated}.cube-card-name{font-weight:800}.cube-card-cost{color:#ffe081;font-size:.84rem}.cube-card-note{color:#afbdd0;font-size:.78rem;line-height:1.35}.sim-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.sim-lines{margin:0 0 .6rem;padding:0;list-style:none}.sim-lines li{color:#eef7ff;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.34rem 0;display:flex}.potential-rank-badge{color:#f6fbff;text-shadow:0 1px #00000052;border-radius:6px;place-items:center;width:1.5rem;min-width:1.5rem;height:1.5rem;font-size:.78rem;font-weight:900;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff2e}.potential-rank-badge-legendary{background:linear-gradient(#56c36d,#1e7c33)}.potential-rank-badge-unique{background:linear-gradient(#f3b055,#a95b11)}.potential-rank-badge-epic{background:linear-gradient(#b66bff,#6335ba)}.potential-rank-badge-rare{background:linear-gradient(#63b7ff,#2667c7)}.potential-card{border-color:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0a}.potential-card-legendary{background:linear-gradient(#56c36d38,#132918c7),#151c25b8}.potential-card-unique{background:linear-gradient(#f3b05538,#38220cc7),#151c25b8}.potential-card-epic{background:linear-gradient(#b66bff38,#21123ac7),#151c25b8}.potential-card-rare{background:linear-gradient(#63b7ff33,#0f1f3ac7),#151c25b8}.sim-bottom-row{margin-top:.95rem;display:flex}.cube-compare{grid-template-columns:1fr auto;align-items:start;gap:1rem;margin-top:1rem;display:grid}.cube-compare-panel{background:#212b38c7;border:1px solid #ffffff14;border-radius:16px;padding:.85rem 1rem}.cube-actions{flex-direction:column;gap:.65rem;display:flex}.sim-action-btn{color:#eef7ff;background:#151c25b3;border:1px solid #8eb1cc40;border-radius:12px;padding:.8rem 1rem;font-weight:700}.sim-action-btn.primary{background:linear-gradient(#5f7692,#31485b)}.picker-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a0eb8;justify-content:center;padding:4vh 1rem;display:flex;position:fixed;inset:0}.picker-panel{background:linear-gradient(#55697f,#22303d);border:1px solid #abc4de47;border-radius:18px;flex-direction:column;width:min(760px,100%);max-height:90vh;display:flex;overflow:hidden}.picker-head,.picker-filters{padding:1rem 1.1rem}.picker-head{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:1rem;display:flex}.picker-head h2{color:#eef9ff;margin:0 0 .2rem;font-size:1.35rem}.picker-sub,.picker-status,.picker-more,.calc-inline-note,.calc-results-note,.calc-pill{color:#afbdd0}.picker-x{color:#eef9ff;background:0 0;border:none;font-size:1.6rem}.picker-filters{border-bottom:1px solid #ffffff14;flex-direction:column;gap:.7rem;display:flex}.picker-search,.calc-grid input{padding:.6rem .7rem}.picker-row{flex-wrap:wrap;gap:.7rem;display:flex}.picker-row label,.calc-grid label{color:#d9e7f3;flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.picker-row input,.picker-row select{padding:.45rem .55rem}.picker-list-wrap{flex:1;min-height:0;overflow:hidden}.picker-status,.picker-more{margin:0;padding:.6rem 1rem 0}.picker-error{color:#ff9f9f}.picker-list,.calc-suggest{margin:0;padding:.7rem;list-style:none;overflow:auto}.picker-item,.calc-sug-btn{color:#f6fbff;background:#151c25a6;border:1px solid #0000;border-radius:12px;width:100%}.picker-item{align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.55rem .65rem;display:flex}.picker-item:hover,.picker-item.active,.calc-sug-btn:hover{border-color:#ffffff24}.pi-icon{width:38px;height:38px;image-rendering:pixelated;flex:none}.pi-copy{flex:1;min-width:0}.pi-name{font-weight:700;display:block}.pi-meta{color:#afbdd0;font-size:.78rem;display:block}.pi-flag{color:#ffde7a;background:#ffbe4124;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:800}.calc-wrap{text-align:left;padding:1.2rem 1.25rem}.calc-head h2{color:var(--ms-gold);margin:0 0 .35rem;font-size:1.45rem;font-weight:400}.calc-head p{color:#afbdd0;max-width:44rem;margin:0 0 1rem}.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;display:grid}.calc-full{grid-column:1/-1}.calc-suggest{max-height:220px}.calc-sug-btn{text-align:left;cursor:pointer;margin-bottom:.35rem;padding:.5rem .65rem}.calc-sug-btn small{color:#afbdd0}.calc-actions{margin-top:.2rem}.calc-run{color:#f4fbff;background:linear-gradient(#5f7692,#31485b);border:none;border-radius:12px;padding:.8rem 1.1rem;font-weight:800}.calc-run:disabled{opacity:.45}.calc-warn{color:#ffb1a2}.calc-results{border-top:1px solid #ffffff14;margin-top:1.4rem;padding-top:1rem}.calc-results h3,.calc-results h4{color:#eef9ff;font-family:var(--font-display);margin:0 0 .6rem;font-weight:400}.calc-table{border-collapse:collapse;width:100%}.calc-table th,.calc-table td{border-bottom:1px solid #ffffff0f;padding:.5rem 0}.calc-table th{color:#afbdd0;text-align:left;font-weight:600}.calc-table td{color:#ffe081;font-weight:800}@media (width<=900px){.sf-layout{grid-template-columns:1fr}.sf-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=720px){.sf-item-stage.top,.sf-info-grid,.sim-stats-grid,.sf-bottom-row,.calc-grid,.cube-choice-grid,.cube-compare{grid-template-columns:1fr}.sf-jump{margin-left:0}.sf-item-frame{margin-inline:auto}}