.app-shell{min-height:100vh;padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow-x:clip}.app{gap:16px;max-width:1180px;margin:0 auto;display:grid}.view-switch{gap:8px;max-width:1180px;margin:0 auto 12px;display:flex}.hero,.panel,.stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1427d1;border:1px solid #a7b8ff1f;border-radius:20px;box-shadow:0 18px 48px #00000047}.hero,.panel{min-width:0;padding:14px}.hero{gap:16px;display:grid}.eyebrow{color:#8ba5ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:700}.hero h1,.panel h2{margin:0}.hero-copy,.helper-copy{color:#b9c3dc;margin:6px 0 0}.pill-row,.action-row,.legend,.save-bar{flex-wrap:wrap;gap:8px;display:flex}.pill,.ghost-button,.primary-button,.icon-button,.matrix-button{color:#f5f7fb;background:#ffffff0d;border:1px solid #a4b2ff2e;border-radius:14px;min-height:44px}.pill,.ghost-button,.primary-button{padding:0 14px}.pill.active,.primary-button{background:linear-gradient(135deg,#6074ff,#805dff);border-color:#0000}.ghost-button:hover,.icon-button:hover,.pill:hover{background:#ffffff1a}button:disabled{opacity:.55;cursor:not-allowed}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.stat-card{min-width:0;padding:14px;overflow:hidden}.stat-label{color:#9aa6c3;font-size:.88rem;display:block}.stat-card strong{margin-top:4px;font-size:1.15rem;display:block}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-head>*{min-width:0}.list-grid{gap:10px;display:grid}.input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;align-items:end;gap:8px;display:grid}.input-row.compact{grid-template-columns:minmax(0,1fr) 36px}.input-row.drill-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(60px,auto));align-items:end}label{color:#cdd5ea;gap:6px;min-width:0;font-size:.88rem;display:grid}input{color:#f5f7fb;background:#ffffff0d;border:1px solid #a2b1ff26;border-radius:14px;width:100%;min-height:44px;padding:10px 12px;font-size:max(1rem,16px)}input:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #8ba5ff}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.icon-button.add-button{background:linear-gradient(135deg,#6074ff,#805dff);border-color:#0000;font-size:1.25rem;font-weight:500}.grow{flex:180px}.save-bar{align-items:end;margin-bottom:12px}.scenario-list{gap:10px;display:grid}.scenario-card,.detail-card,.empty-state{background:#ffffff0a;border:1px solid #a0b0ff1a;border-radius:16px;padding:12px 14px}.scenario-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.scenario-card strong{display:block}.scenario-card p,.sheet-note{color:#aeb7cf;margin:4px 0 0;font-size:.84rem}.empty-state{color:#aeb7cf}.warning-box{color:#ffd996;background:#ffba3b1f;border:1px solid #ffba3b2e;border-radius:14px;margin-bottom:14px;padding:12px 14px}.warning-box p{margin:0}.warning-box p+p{margin-top:6px}.table-wrap,.matrix-wrap{border-radius:16px;overflow:auto}.matrix-wrap.fit{overflow:hidden}.matrix-wrap.fit .matrix-fit-stage{width:max-content}.result-table,.matrix{border-collapse:separate;border-spacing:0;width:100%}.matrix-wrap.fit .matrix{width:max-content}.result-table th,.result-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid #a0b0ff1a;padding:12px}.result-table th:first-child,.result-table td:first-child{text-align:left}.matrix th,.matrix td{text-align:left;white-space:nowrap;border-bottom:1px solid #a0b0ff1a;padding:8px 10px}.result-table th,.matrix th{color:#9aa6c3;font-size:.84rem;font-weight:600}.matrix{min-width:max-content}.matrix .sticky{z-index:2;background:#0d1427fa;position:sticky;left:0}.matrix-wrap.fit .matrix .sticky{position:static}.matrix thead .sticky{z-index:3}.matrix-cell{text-align:center;font-variant-numeric:tabular-nums;min-width:72px;padding:0!important}.matrix-button{background:0 0;border:0;border-radius:0;width:100%;min-height:60px;padding:8px 6px}.cell-top,.cell-bottom,.cell-empty{display:block}.cell-top{color:#ffffffe0;font-size:.77rem}.cell-bottom{margin-top:4px;font-size:1rem;font-weight:700}.cell-neutral{background:#ffffff0d}.cell-cool{background:#43c58538}.cell-mid{background:#f7b44533}.cell-warm{background:#f0783a47}.cell-hot{background:#db454557}.player-badge{margin-left:5px;font-style:normal;line-height:1}.matrix-header-name{align-items:baseline;gap:5px;display:flex}.matrix-header-bb{color:#6e7d9e;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.matrix-header-avg{color:#94a0bd;font-variant-numeric:tabular-nums;margin-top:2px;font-size:.68rem;font-weight:500;display:block}.tag{letter-spacing:.02em;vertical-align:1px;border-radius:4px;margin-right:2px;padding:1px 4px;font-size:.6rem;font-weight:700;display:inline-block}.tag-call{color:#8ba5ff;background:#6074ff40}.tag-shove{color:#f0a060;background:#f0783a40}.legend-item{color:#b9c3dc;align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.matrix-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.legend-swatch{border-radius:999px;width:12px;height:12px}.legend-swatch.cool{background:#43c585bf}.legend-swatch.hot{background:#db4545bf}.sheet-backdrop{z-index:10;background:#040812ad;justify-content:center;align-items:end;padding:12px;display:flex;position:fixed;inset:0}.detail-sheet{width:min(100%,560px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));background:#0b1020fa;border:1px solid #a7b8ff1f;border-radius:24px 24px 18px 18px;box-shadow:0 24px 64px #00000061}.sheet-handle{background:#fff3;border-radius:999px;width:44px;height:4px;margin:0 auto 14px}.detail-grid{gap:10px;display:grid}.detail-card span{color:#9aa6c3;font-size:.84rem;display:block}.detail-card strong{margin-top:6px;font-size:1.32rem;display:block}.drill-result{background:#ffffff0d;border:1px solid #a2b1ff26;border-radius:14px;align-content:center;min-height:44px;padding:8px 10px;display:grid}.drill-result-label{color:#9aa6c3;font-size:.72rem}.drill-result strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:.95rem}.drill-score-box strong{color:#fff}.drill-setup-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.drill-setup-label{color:#9aa6c3;white-space:nowrap;font-size:.88rem}.preset-select{color:#f5f7fb;min-height:44px;font-size:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #a4b2ff2e;border-radius:14px;padding:0 12px}.preset-select--block{width:100%;margin-bottom:12px;display:block}.preset-select:focus-visible{outline-offset:2px;outline:2px solid #8ba5ff}.preset-select option{color:#0f172a;background:#fff}.scenario-list--spaced{margin-bottom:12px}.save-bar--subtle{opacity:.72;border-top:1px solid #a0b0ff14;padding-top:12px}.save-bar--subtle:focus-within{opacity:1}.recalc-bar{z-index:8;max-width:1180px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#0d1427e0;border:1px solid #a7b8ff1f;border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;gap:12px;margin:16px auto 0;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 32px #0000004d}.recalc-status{color:#f7b445;font-size:.88rem;font-weight:600}.recalc-bar .primary-button{flex-shrink:0}.app-footer{border-top:1px solid var(--surface-2);text-align:center;flex-direction:column;gap:4px;margin-top:48px;padding:24px 16px;display:flex}.app-footer p{color:var(--text-2);margin:0;font-size:.75rem;line-height:1.6}.app-footer a{color:var(--text-2);text-underline-offset:2px;text-decoration:underline}.app-footer a:hover{color:var(--text-1)}@media (width<=759px){.input-row.drill-row{grid-template-columns:minmax(0,1fr)}}@media (width>=480px){.app-shell{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.hero,.panel{padding:18px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=760px){.app-shell{padding:24px}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#485cff38,#0000 30%),#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,table{font:inherit}button{cursor:pointer}