@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/metrix-game-balance-lab/assets/saira-vietnamese-wght-normal-B59RsdDd.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/metrix-game-balance-lab/assets/saira-latin-ext-wght-normal-Cq1Gr55P.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/metrix-game-balance-lab/assets/saira-latin-wght-normal-C4OLzBX3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--button-border:2px;--color-cyan:#00f0ff;--color-violet:#7b2ff7;--color-bg-base:#0d1117;--color-surface:#0d111799;--color-border:#00f0ff29;--color-text:#e6edf3;--color-text-muted:#9da7b3;--color-surface-strong:#161b22eb;--color-win:#2ecc7138;--color-win-text:#7ee2a8;--color-loss:#ff525233;--color-loss-text:#ff9b9b;--color-draw:#9da7b31f;--color-error:#ff6b6b;--color-warning:#f5c451;--color-ok:#7ee2a8;--color-changed:#f5c4511f;--gradient-mixed:linear-gradient(135deg, var(--color-cyan), var(--color-violet));--motion-duration:.24s;--motion-ease:cubic-bezier(.4, 0, .2, 1);--motion-hover-delay:60ms;--transition-interactive:color var(--motion-duration) var(--motion-ease), background-color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease), box-shadow var(--motion-duration) var(--motion-ease), outline-color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease), opacity var(--motion-duration) var(--motion-ease);--font-sans:"Saira Variable", system-ui, sans-serif;--radius:6px;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}select option{background-color:var(--color-solid);color:var(--color-text)}select option:checked{color:var(--color-cyan);background-color:#12343a}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important}}.button,.tab,.sort-button,.icon-button,.link-button,.genre-card,.cell-button,.cell,.cell-link,.header-link,.sponsor-button,.menu-item,.footer-links a,.segmented label,.dropzone,.data-table tbody tr,.field input,.field select,.percent-field input{transition:var(--transition-interactive)}.button:hover:not(:disabled),.tab:hover,.sort-button:hover,.icon-button:hover,.link-button:hover,.genre-card:hover,.cell-button:hover,.cell:hover,.header-link:hover,.sponsor-button:hover,.menu-item:hover,.segmented label:hover{transition-delay:var(--motion-hover-delay)}body{background-color:var(--color-bg-base);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);background-image:radial-gradient(60rem 30rem at 15% -10%,#00f0ff17,#0000 70%),radial-gradient(50rem 30rem at 95% 0,#7b2ff71f,#0000 70%);background-repeat:no-repeat;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f0ff0f 1px,#0000 1px),linear-gradient(90deg,#00f0ff0f 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.skip-link{left:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-cyan);color:var(--color-bg-base);border-radius:var(--radius);z-index:10;position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.app{z-index:1;max-width:72rem;min-height:100vh;padding:0 var(--space-3);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;display:flex}.logo-mark{filter:drop-shadow(0 0 12px #00f0ff4d);border-radius:25%;width:2rem;height:2rem}.brand-name{color:var(--color-cyan);font-size:1.5rem;font-weight:700}.brand-tagline{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.app-main{padding:var(--space-4) 0;flex:1}.panel{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5) var(--space-4);position:relative;box-shadow:0 20px 50px -30px #000c,inset 0 1px #ffffff0a}.welcome h1{margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.2}.lead{max-width:48rem;color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:1.1rem}.question-list{gap:var(--space-2);list-style:none;display:grid}.question-list li{padding-left:var(--space-3);border-left:3px solid var(--color-violet)}.app-footer{gap:var(--space-4);padding:var(--space-5) 0 var(--space-4);color:var(--color-text-muted);font-size:.875rem;display:grid}.stack,.workspace{gap:var(--space-4);display:grid}.muted{color:var(--color-text-muted)}.small{font-size:.875rem}code{color:var(--color-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}h2{font-size:1.5rem;line-height:1.25}h3{font-size:1.1rem;line-height:1.3}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.section-head p{margin-top:var(--space-1)}.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.button{font:inherit;color:var(--color-text);border:var(--button-border) solid var(--color-border);border-radius:var(--radius);padding:calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);cursor:pointer;background:#00f0ff0f;font-weight:600}.button:hover:not(:disabled){background:#00f0ff24;border-color:#00f0ff66}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.6;cursor:progress}.button-primary{background:var(--color-cyan);border-color:var(--color-cyan);color:var(--color-bg-base)}.button-primary:hover:not(:disabled){background:#5ff6ff;border-color:#5ff6ff;box-shadow:0 0 24px -4px #00f0ff8c}.button-ghost{background:0 0}.button-power{border-color:var(--color-cyan);color:var(--color-cyan);background:0 0}.button-power:hover:not(:disabled),.button-power:focus-visible:not(:disabled){background:var(--color-cyan);border-color:var(--color-cyan);color:var(--color-bg-base);transition-duration:calc(var(--motion-duration) * .6), var(--motion-duration), var(--motion-duration), var(--motion-duration), var(--motion-duration), var(--motion-duration), var(--motion-duration);transition-delay:calc(var(--motion-hover-delay) + var(--motion-duration) * .4), var(--motion-hover-delay), var(--motion-hover-delay), var(--motion-hover-delay), 0s, 0s, 0s;box-shadow:0 0 24px -4px #00f0ff99,0 0 48px -12px #00f0ff73}.button-power:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.field{gap:var(--space-1);color:var(--color-text-muted);font-size:.875rem;display:grid}.field input,.field select{font:inherit;color:var(--color-text);background:var(--color-bg-base);border:var(--button-border) solid var(--color-border);border-radius:var(--radius);padding:calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);min-width:0;font-size:1rem}.empty{padding:var(--space-4) 0;color:var(--color-text-muted)}.notice{min-height:1.6em;margin-top:var(--space-2);color:var(--color-cyan);font-size:.9rem}.dropzone{justify-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border-radius:var(--radius);text-align:center;border:2px dashed #00f0ff4d;display:grid}.dropzone.is-dragging{border-color:var(--color-cyan);background:#00f0ff14}.dropzone-title{font-size:1.2rem;font-weight:600}.template-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.template-row>:first-child{flex:16rem}.template-row .button-row{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=640px){.template-row .button-row{flex-basis:100%;grid-template-columns:1fr}}.import-report{margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius);gap:var(--space-3);background:#ff6b6b0f;border:1px solid #ff6b6b66;display:grid}.issue-list{gap:var(--space-2);list-style:none;display:grid}.issue{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-strong);border-radius:var(--radius);border-left:3px solid var(--color-warning);align-items:flex-start;display:flex}.issue-error{border-left-color:var(--color-error)}.issue-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-warning);flex:none;min-width:4.5rem;padding-top:.15rem;font-size:.75rem;font-weight:700}.issue-error .issue-badge{color:var(--color-error)}.issue-meta{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.875rem}.summary{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-wrap:wrap;display:flex}.summary h1{overflow-wrap:anywhere;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}.warnings{padding:var(--space-3) var(--space-4);border-color:#f5c45159}.warnings summary{cursor:pointer;color:var(--color-warning)}.warnings[open] .issue-list{margin:var(--space-3) 0}.tabs-panel{padding:0;overflow:clip}.tabs{z-index:6;scrollbar-width:none;border-bottom:1px solid var(--color-border);background:#121820;display:flex;position:sticky;top:0;overflow-x:auto}.tab{font:inherit;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-cyan);border-bottom-color:var(--color-cyan)}.tab-body{padding:var(--space-4)}.intro{max-width:52rem;margin-bottom:var(--space-3)}.toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.toolbar .field{flex:16rem;max-width:24rem}.table-scroll{border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.data-table,.duel-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:left;white-space:nowrap;border-bottom:1px solid #00f0ff14}.data-table thead th{background:var(--color-surface-strong);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-weight:600;position:sticky;top:0}.data-table thead th:has(.sort-button){padding:0}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.sort-button{font:inherit;color:var(--color-text-muted);cursor:pointer;width:100%;text-align:inherit;padding:var(--space-2) var(--space-3);white-space:nowrap;background:0 0;border:none;font-weight:600}.data-table th.num .sort-button{text-align:right}.sort-button:hover{color:var(--color-text)}.sort-icon{width:1em;margin-left:var(--space-1);color:var(--color-cyan);font-size:.7em;display:inline-block}.data-table tbody tr:hover{background:#00f0ff0a}.entity-name{font-weight:600;display:block}.entity-id{color:var(--color-text-muted);font-size:.8rem;font-weight:400;display:block}.channel-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));display:grid}.channel-card{align-content:start;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);min-width:0;display:grid}.channel-card legend{padding:0 var(--space-2);font-weight:600}.formula-typical{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.8rem;display:block}.formula{padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-violet);background:#7b2ff714;font-size:.9rem}.legend{gap:var(--space-3);color:var(--color-text-muted);flex-wrap:wrap;font-size:.875rem;list-style:none;display:flex}.legend li{align-items:center;gap:var(--space-1);display:flex}.swatch{border-radius:3px;width:.9rem;height:.9rem;display:inline-block}.swatch.win,.cell.win{background:var(--color-win)}.swatch.loss,.cell.loss{background:var(--color-loss)}.swatch.draw,.cell.draw{background:var(--color-draw)}.duel-table{width:auto}.duel-table th,.duel-table td{border:1px solid #0d1117e6}.duel-table .corner{color:var(--color-text-muted);text-align:left;vertical-align:bottom;padding:var(--space-2);min-width:9rem;font-size:.75rem;font-weight:600}.duel-table .defender{vertical-align:bottom;padding:var(--space-2) var(--space-1);font-weight:600}.duel-table .defender span{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;max-height:10rem;overflow:hidden;transform:rotate(180deg)}.duel-table .attacker{text-align:left;padding:var(--space-1) var(--space-2);white-space:nowrap;background:var(--color-surface-strong);font-weight:600;position:sticky;left:0}.cell{min-width:3.75rem;padding:var(--space-1) var(--space-2);text-align:center;font-variant-numeric:tabular-nums;cursor:default}.cell.win{color:var(--color-win-text)}.cell.loss{color:var(--color-loss-text)}.cell.self{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#9da7b31f 4px 5px)}.duel-table .record{padding:var(--space-1) var(--space-3);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.insight{margin-top:var(--space-4);gap:var(--space-2);display:grid}.wall-list{gap:var(--space-1);padding-left:var(--space-4);display:grid}@media (width<=40rem){.panel{padding:var(--space-4) var(--space-3)}.tabs-panel{padding:0}.tab-body,.tab{padding:var(--space-3)}}.dot{vertical-align:.05em;border-radius:50%;flex:none;width:.6rem;height:.6rem;display:inline-block}.dot.tone-one{background:var(--color-cyan)}.dot.tone-two{background:var(--color-violet)}.dot.tone-mixed{background:var(--gradient-mixed)}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.tone-one{color:var(--color-cyan);background:#00f0ff14;border-color:#00f0ff66}.badge.tone-two{color:#b48cff;background:#7b2ff71f;border-color:#7b2ff799}.badge.tone-mixed{color:var(--color-bg-base);background:var(--gradient-mixed)}.badge.tone-none{color:var(--color-text-muted);border-color:#9da7b34d}.tag{color:var(--color-text);white-space:nowrap;background:#9da7b324;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;display:inline-block}.tag-warn{color:var(--color-warning);background:#f5c45129}.link-button{font:inherit;color:var(--color-cyan);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.icon-button{font:inherit;width:2rem;height:2rem;color:var(--color-text-muted);border:var(--button-border) solid transparent;border-radius:var(--radius);cursor:pointer;background:0 0;place-items:center;display:inline-grid}.icon-button:hover{color:var(--color-text);border-color:var(--color-border)}.icon-button.danger:hover{color:var(--color-error);border-color:#ff6b6b66}.legacy-notice{margin-bottom:var(--space-3);padding:var(--space-3);border-left:3px solid var(--color-warning);border-radius:var(--radius);background:#f5c45114}.summary-main{gap:var(--space-1);min-width:0;display:grid}.summary-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.summary-actions{gap:var(--space-2);justify-items:end;display:grid}.genre-chip select{font:inherit;color:var(--color-cyan);border:var(--button-border) solid #00f0ff59;cursor:pointer;background:#00f0ff14;border-radius:999px;padding:calc(.2rem - 1px) calc(.75rem - 1px);font-size:.875rem;font-weight:600}.changes{color:var(--color-warning);font-size:.875rem}.export-button{position:relative}.unsaved-dot{background:var(--color-warning);border:2px solid var(--color-bg-base);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:-4px;right:-4px}.genre-picker{gap:var(--space-3);display:grid}.genre-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));list-style:none;display:grid}.genre-card{font:inherit;align-content:start;gap:var(--space-2);text-align:left;width:100%;height:100%;color:var(--color-text);background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);cursor:pointer;display:grid}.genre-card:hover{border-color:var(--color-cyan)}.genre-name{font-size:1.15rem;font-weight:700}.genre-pitch{color:var(--color-text-muted)}.genre-metric{color:var(--color-cyan);font-size:.8rem}.toolbar-actions{align-items:center;gap:var(--space-3);display:flex}.editor-table td,.editor-table th[scope=row]{padding:var(--space-1) var(--space-2);vertical-align:middle}.cell-button{font:inherit;color:inherit;border:var(--button-border) solid transparent;width:100%;min-height:1.9rem;text-align:inherit;cursor:text;background:0 0;border-radius:4px;padding:calc(.15rem - 1px) calc(.4rem - 1px);display:block}.cell-button:hover{border-color:var(--color-border);background:#00f0ff0d}.num .cell-button{text-align:right;font-variant-numeric:tabular-nums}.cell-editor{display:block;position:relative}.cell-editor input{font:inherit;width:100%;min-width:4.5rem;color:var(--color-text);background:var(--color-bg-base);border:var(--button-border) solid var(--color-cyan);border-radius:4px;padding:calc(.15rem - 1px) calc(.4rem - 1px)}.cell-editor input.num{text-align:right}.cell-editor input[aria-invalid=true]{border-color:var(--color-error)}.cell-error{z-index:5;white-space:normal;width:max-content;max-width:16rem;padding:var(--space-1) var(--space-2);color:var(--color-text);border:1px solid var(--color-error);background:#3a1f24;border-radius:4px;font-size:.8rem;position:absolute;top:calc(100% + 4px);left:0}.is-changed{box-shadow:inset 0 0 0 999px var(--color-changed)}tr.is-new>*{box-shadow:inset 0 0 0 999px #2ecc7112}.editor-table .entity-name,.editor-table .entity-id{display:inline}.attack-editor{align-items:center;gap:var(--space-1);display:flex}.attack-editor select{font:inherit;color:var(--color-text);background:var(--color-bg-base);border:var(--button-border) solid var(--color-border);border-radius:4px;padding:calc(.15rem - 1px) calc(.3rem - 1px);font-size:.85rem}.attack-editor .cell-button{text-align:right;min-width:3rem}.row-actions{white-space:nowrap;text-align:right}.row-actions .badge{margin-right:var(--space-2)}.how-it-works{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.how-it-works summary{cursor:pointer;font-size:1.05rem;font-weight:700}.rules{gap:var(--space-2);margin:var(--space-3) 0;padding-left:var(--space-4);display:grid}.example{gap:var(--space-2);display:grid}.example-table{border-collapse:collapse;font-variant-numeric:tabular-nums;justify-self:start}.example-table th,.example-table td{padding:.2rem var(--space-3) .2rem 0;text-align:left;font-weight:400}.example-table th{color:var(--color-text-muted)}.example-table .total th,.example-table .total td{border-top:1px solid var(--color-border);color:var(--color-text);font-weight:700}.section-title{margin-bottom:var(--space-1)}.field-title{font-weight:600}.exposure summary{cursor:pointer;color:var(--color-warning);font-size:.875rem}.name-list{margin-top:var(--space-1);color:var(--color-text-muted);font-size:.875rem}.ok{color:var(--color-ok)}.how-to-read{padding:var(--space-3) var(--space-4) 0;max-width:60rem}.cell-link{font:inherit;color:inherit;width:100%;padding:var(--space-1) var(--space-2);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none}.cell-link:hover{text-decoration:underline}.cell:has(.cell-link){padding:0}.cell.neutral{background:#00f0ff0d}.cell.close{outline:1px dashed var(--color-warning);outline-offset:-3px}.legend-note{margin-top:var(--space-2)}.versus{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.breakdown td{overflow-wrap:anywhere}.versus-pickers{align-items:end;gap:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.swap{padding:calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);font-size:1.2rem}.verdict{padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);gap:var(--space-1);background:linear-gradient(135deg,#00f0ff14,#7b2ff71a);display:grid}.movement{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);gap:var(--space-1);display:grid}.movement-title{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:1rem;display:flex}.verdict h3{font-size:clamp(1.3rem,3vw,1.75rem)}.verdict-metric{letter-spacing:.08em;text-transform:uppercase;color:var(--color-cyan);font-size:.75rem}.verdict-tags{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.versus-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));display:grid}.fighter{align-content:start;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);min-width:0;display:grid}.fighter-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.side{width:1.75rem;height:1.75rem;color:var(--color-bg-base);background:var(--color-cyan);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.what-if summary{cursor:pointer;color:var(--color-cyan);font-weight:600}.stepper-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid}.stepper{padding:var(--space-1) var(--space-2);border-radius:var(--radius);gap:2px;display:grid}.stepper-label{color:var(--color-text-muted);font-size:.8rem}.stepper-controls{display:flex}.stepper-controls button{font:inherit;width:2rem;color:var(--color-text);border:var(--button-border) solid var(--color-border);cursor:pointer;background:#00f0ff14}.stepper-controls button:first-child{border-radius:4px 0 0 4px}.stepper-controls button:last-child{border-radius:0 4px 4px 0}.stepper-controls button:disabled{opacity:.4;cursor:default}.stepper-controls input{font:inherit;text-align:center;width:100%;min-width:0;color:var(--color-text);background:var(--color-bg-base);border:var(--button-border) solid var(--color-border);font-variant-numeric:tabular-nums;border-left:none;border-right:none}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.breakdown caption{text-align:left;padding-bottom:var(--space-1);font-weight:600}.breakdown th,.breakdown td{text-align:left;padding:.3rem var(--space-2) .3rem 0;border-bottom:1px solid #00f0ff14;font-weight:400}.breakdown .total th,.breakdown .total td{border-bottom:none;font-weight:700}.hits-line strong{color:var(--color-cyan)}.reasons{gap:var(--space-1);padding-left:var(--space-4);color:var(--color-text-muted);font-size:.9rem;display:grid}.reasons:empty{display:none}.measures{gap:var(--space-2);display:grid}.measures-note{margin-top:var(--space-2)}.measures-table{border:1px solid var(--color-border);border-radius:var(--radius)}.measures-table th,.measures-table td{padding:var(--space-2) var(--space-3)}.measures-table thead th{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);position:static}.apply-bar.is-sticky{bottom:var(--space-2);z-index:5;border-color:#00f0ff73;position:sticky}.apply-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;display:flex}@media (width<=40rem){.summary-actions{justify-items:start}.versus-pickers{grid-template-columns:1fr}.swap{justify-self:start}}.icon{flex:none;width:.85em;height:.85em}.stat-code{letter-spacing:.03em;white-space:nowrap;vertical-align:.05em;border-radius:4px;align-items:center;gap:.25em;padding:.05em .45em;font-size:.82em;font-weight:700;display:inline-flex}.stat-code.tone-one{color:var(--color-cyan);background:#00f0ff1a}.stat-code.tone-two{color:#b48cff;background:#7b2ff729}.stat-code.tone-mixed{color:#d6c8ff;background:linear-gradient(135deg,#00f0ff29,#7b2ff73d)}.badge{align-items:center;gap:.3em;display:inline-flex}.value.tone-one{color:var(--color-cyan)}.value.tone-two{color:#b48cff}.value.tone-mixed{color:#d6c8ff}.faint{color:#9da7b366}.editor-table thead .group-head{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);border-top:3px solid;border-left:2px solid var(--color-bg-base);font-size:.8rem}.editor-table thead .group-head.tone-one{border-top-color:var(--color-cyan);background:#00f0ff12}.editor-table thead .group-head.tone-two{border-top-color:var(--color-violet);background:#7b2ff71a}.editor-table thead .group-head.tone-mixed{border-image:var(--gradient-mixed) 1;background:linear-gradient(135deg,#00f0ff0f,#7b2ff71a);border-top-style:solid;border-top-width:3px}.editor-table thead tr:first-child th{top:0}.editor-table thead .sub-head th{padding:var(--space-1) var(--space-2);top:2.4rem}.editor-table .group-start{border-left:2px solid #00f0ff1f}.breakdown{gap:var(--space-2);display:grid}.breakdown-title{font-weight:600}.damage-rows{gap:var(--space-3);list-style:none;display:grid}.damage-row{gap:.3rem;display:grid}.damage-line{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.expression{flex-wrap:wrap;align-items:center;gap:.3em;display:inline-flex}.damage-bar{background:#9da7b314;border-radius:999px;height:.7rem;display:flex;overflow:hidden}.bar-blocked{background:repeating-linear-gradient(-45deg,#9da7b373,#9da7b373 3px,#9da7b34d 3px 6px)}.bar-damage.tone-one{background:var(--color-cyan)}.bar-damage.tone-two{background:var(--color-violet)}.bar-damage.tone-mixed{background:var(--gradient-mixed)}.bar-legend{color:var(--color-text-muted);font-size:.78rem}.damage-total{padding-top:var(--space-2);border-top:1px solid var(--color-border);font-weight:600}.damage-total strong{color:var(--color-cyan);font-size:1.1em}.header-links{align-items:center;gap:var(--space-2);display:flex}.header-link,.sponsor-button{align-items:center;gap:var(--space-2);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.header-link{color:var(--color-text);border:var(--button-border) solid var(--color-border);padding:calc(.35rem - 1px) calc(.9rem - 1px)}.header-link:hover{background:#00f0ff0f;border-color:#00f0ff73}.sponsor-button{color:#ffd6ec;border:var(--button-border) solid #ff6bb273;background:#ff6bb21a;padding:calc(.35rem - 1px) calc(.9rem - 1px)}.sponsor-button .icon{color:#ff6bb2}.sponsor-button:hover{background:#ff6bb22e;box-shadow:0 0 22px -6px #ff6bb2b3}.sponsor-button-large{white-space:nowrap;padding:.6rem 1.25rem;font-size:1rem}.eyebrow{margin-bottom:var(--space-3);letter-spacing:.04em;color:var(--color-cyan);background:#00f0ff14;border:1px solid #00f0ff40;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.gradient-text{background:var(--gradient-mixed);color:#0000;-webkit-background-clip:text;background-clip:text}.welcome{overflow:hidden}.welcome:after{content:"";pointer-events:none;background:radial-gradient(circle,#7b2ff738,#0000 65%);border-radius:50%;width:22rem;height:22rem;position:absolute;top:-6rem;right:-6rem}.feature-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));list-style:none;display:grid}.feature-card{align-content:start;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);display:grid}.feature-card h2{font-size:1.05rem}.feature-card p{color:var(--color-text-muted);font-size:.92rem}.feature-icon{width:2.25rem;height:2.25rem;color:var(--color-cyan);background:linear-gradient(135deg,#00f0ff24,#7b2ff733);border-radius:8px;justify-content:center;align-items:center;gap:2px;display:inline-flex}.feature-icon .icon{width:1rem;height:1rem}.sponsor-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);background:linear-gradient(135deg,#ff6bb212,#7b2ff714);border:1px solid #ff6bb240;flex-wrap:wrap;display:flex}.sponsor-card h2{color:var(--color-text);margin-bottom:var(--space-1);font-size:1.15rem}.sponsor-card p{max-width:40rem}.footer-bottom{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-links{gap:var(--space-3);display:flex}.footer-links a{color:var(--color-text);border-bottom:1px solid #00f0ff59;text-decoration:none}.footer-links a:hover{color:var(--color-cyan)}.inline-icon-link{align-items:center;gap:.35em;display:inline-flex}@media (width<=40rem){.header-link span{display:none}}.editor-table td{padding:.15rem .3rem}.editor-table thead .sub-head th{padding:var(--space-1) .3rem}:root{--color-solid:#141a22}.editor-table tbody th[scope=row],.editor-table thead tr:first-child th:first-child{z-index:3;background-color:var(--color-solid);position:sticky;left:0;box-shadow:2px 0 #00f0ff1f}.editor-table tbody th[scope=row].is-changed{box-shadow:inset 0 0 0 999px var(--color-changed), 2px 0 0 #00f0ff1f}.editor-table thead tr:first-child th:first-child{z-index:4}.duel-table .attacker{background:var(--color-solid);z-index:2;box-shadow:2px 0 #00f0ff1f}.cell.win.level-1{background:#2ecc711f}.cell.win.level-2{background:#2ecc713d}.cell.win.level-3{background:#2ecc7166}.cell.loss.level-1{background:#ff52521c}.cell.loss.level-2{background:#ff525238}.cell.loss.level-3{background:#ff52525c}.cell.crossed{box-shadow:inset 0 0 0 999px #ffffff0d}.cell{outline-offset:-2px;outline:2px solid #0000}.cell:hover{outline-color:var(--color-cyan)}.duel-table th.hl{color:var(--color-cyan)}.cell-mark{opacity:.8;margin-right:.25em;font-size:.7em}.check-field{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:.875rem;display:inline-flex}.check-field input{accent-color:var(--color-cyan)}.side-b{background:var(--color-violet);color:#fff}.stat-compare{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);display:grid}.compare-names{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-weight:600;display:flex}.compare-spacer{flex:1}.compare-row{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;grid-template-columns:3rem 1fr minmax(5.5rem,auto) 1fr 3rem;display:grid}.compare-value{color:var(--color-text-muted)}.compare-row .compare-value:first-child{text-align:right}.compare-value.is-lead{color:var(--color-text);font-weight:700}.compare-label{text-align:center;color:var(--color-text-muted);font-size:.85rem}.compare-bar{background:#9da7b314;border-radius:999px;height:.55rem;display:flex;overflow:hidden}.compare-bar.side-a{background:#9da7b314;justify-content:flex-end}.compare-bar.side-a span{background:var(--color-cyan)}.compare-bar.side-b span{background:var(--color-violet)}.compare-bar span{border-radius:999px;height:100%;display:block}.more-menu{position:relative}.more-button{padding:calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);font-size:1.2rem;line-height:1}.menu-popover{z-index:20;min-width:13rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-solid);display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px -12px #000c}.menu-item{font:inherit;text-align:left;color:var(--color-text);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:none;border-radius:4px}.menu-item:hover,.menu-item:focus-visible{background:#00f0ff14}.menu-item.danger{color:var(--color-error)}.confirm-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:#ff6b6b14;border:1px solid #ff6b6b73;flex-wrap:wrap;flex-basis:100%;display:flex}.button-danger{color:#fff;background:#c73b3b;border-color:#c73b3b}.button-danger:hover:not(:disabled){background:#dd4848;border-color:#dd4848}.export-toast{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#2ecc7114;border:1px solid #2ecc7159;display:flex}.export-toast strong{color:var(--color-ok)}.sponsor-link{color:#ffb3d9;align-items:center;gap:.25em;display:inline-flex}.sponsor-link .icon{color:#ff6bb2}.guide{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:linear-gradient(135deg,#00f0ff12,#7b2ff712);border:1px solid #00f0ff4d;display:grid}.guide-head{justify-content:space-between;align-items:center;display:flex}.guide-head h2{font-size:1.05rem}.guide-steps{gap:var(--space-2) var(--space-4);flex-wrap:wrap;list-style:none;display:flex}.guide-steps li{align-items:center;gap:var(--space-2);display:flex}.guide-check{border:1px solid var(--color-cyan);width:1.5rem;height:1.5rem;color:var(--color-cyan);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.guide-steps li.done .guide-check{background:var(--color-ok);border-color:var(--color-ok);color:var(--color-bg-base)}.guide-steps li.done .link-button{color:var(--color-text-muted);text-decoration:line-through}.guide .button{justify-self:start}@media (width<=40rem){.tabs{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.compare-row{gap:var(--space-1);grid-template-columns:2.25rem 1fr minmax(4.5rem,auto) 1fr 2.25rem}.tabs{padding-right:3rem}}.stack,.workspace{grid-template-columns:minmax(0,1fr)}.segmented{border:var(--button-border) solid var(--color-border);border-radius:var(--radius);align-self:end;display:inline-flex;overflow:hidden}.segmented label{padding:calc(var(--space-2) - 1px) var(--space-3);color:var(--color-text-muted);cursor:pointer;font-size:.875rem;position:relative}.segmented label+label{border-left:var(--button-border) solid var(--color-border)}.segmented input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented label:hover{color:var(--color-text);background:#00f0ff0f}.segmented label.is-active{color:var(--color-bg-base);background:var(--color-cyan);font-weight:600}.segmented label:has(input:focus-visible){outline:2px solid var(--color-cyan);outline-offset:-2px}.cell-flip{color:var(--color-warning);margin-left:.3em;font-size:.7em}.cell.flipped{box-shadow:inset 0 -2px 0 var(--color-warning)}.loadout{gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:#00f0ff0a;display:grid}.bonus-sum{color:var(--color-text-muted);font-size:.85em}.bonus-name{color:var(--color-warning)}.coverage{gap:var(--space-2);margin-bottom:var(--space-4);justify-items:start;display:grid}.coverage-table{width:auto}.coverage-table td{padding:var(--space-1) var(--space-2)}.percent-field{align-items:center;gap:var(--space-1);color:var(--color-text-muted);display:inline-flex}.percent-field input{width:4.5rem;font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text);background:var(--color-bg-base);border:var(--button-border) solid var(--color-border);border-radius:4px;padding:calc(.2rem - 1px) calc(.4rem - 1px)}.percent-field input:hover{border-color:#00f0ff66}.complement-groups{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}.complement-group{align-content:start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-strong);display:grid}.complement-head h3{text-transform:capitalize;font-size:1rem}.complement-list{gap:var(--space-2);list-style:none;display:grid}.complement-item{align-items:center;gap:var(--space-1) var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);transition:var(--transition-interactive);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name status""bonus bonus";display:grid}.complement-item.is-off{opacity:.55}.complement-item>.check-field{grid-area:name}.complement-item>.bonus-list{grid-area:bonus;padding-left:1.6rem}.complement-item>:last-child{grid-area:status}.complement-item:last-child{border-bottom:none;padding-bottom:0}.complement-name{color:var(--color-text);font-weight:600}.bonus-list{gap:var(--space-2);flex-wrap:wrap;font-size:.875rem;display:inline-flex}.bonus-item{align-items:center;gap:var(--space-1);display:inline-flex}