:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #714b67;--accent-soft: #9a6f8d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:1080px;margin:0 auto;padding:1.75rem 1.25rem 3rem}.apptabs{display:flex;gap:.4rem;margin:1rem 0 1.25rem;border-bottom:1px solid var(--border)}.apptabs button{background:transparent;color:var(--muted);border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;padding:.5rem .9rem;font-size:.9rem;cursor:pointer;margin-bottom:-1px}.apptabs button:hover{color:var(--text)}.apptabs button.on{color:var(--text);background:var(--panel);border-color:var(--border);font-weight:600}.subtabs{display:flex;gap:.3rem;margin-bottom:.8rem}.subtabs button{flex:1;background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.35rem;font-size:.76rem;cursor:pointer}.subtabs button:hover{color:var(--text)}.subtabs button.on{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:600}.herospanel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.herospanel h2{margin:0 0 .3rem;font-size:1.05rem}.editorhd{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.editorhd h2{flex:0 0 auto}.editorhd select{flex:1 1 14rem;min-width:8rem;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:.8rem}.editorhd button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.35rem .7rem;font-size:.78rem;cursor:pointer}.editorhd button#lib-new{background:var(--panel);color:var(--text);border:1px solid var(--border)}.editorhd button:hover{filter:brightness(1.1)}.heroname{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.82rem}.heroname input{flex:1 1 auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.editoractions{display:flex;gap:.5rem;margin-top:.8rem}.editoractions button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.45rem .8rem;font-size:.8rem;cursor:pointer}.editoractions button#hero-load{background:var(--panel);color:var(--text);border:1px solid var(--border)}.editoractions button:hover{filter:brightness(1.1)}.libedit-layout{grid-template-columns:1fr 220px;margin-top:.6rem}.libsep{border:none;border-top:1px solid var(--border);margin:1.25rem 0 1rem}header h1{margin:0 0 .2rem;font-size:1.5rem}header h1 span{color:var(--accent-soft);font-weight:400}.meta{color:var(--muted);margin:0 0 1.25rem;font-size:.8rem}h3{margin:1.1rem 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-soft)}label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;color:var(--muted)}select,input[type=number]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem;font-size:.82rem;width:100%}.chk{flex-direction:row;align-items:center;gap:.4rem;color:var(--text);font-size:.82rem;align-self:end}.chk input{width:auto}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}.tab{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.tabload{border:none;border-left:1px solid var(--border);background:var(--bg);color:var(--muted);font-size:.66rem;max-width:5.5rem;cursor:pointer}.tabload:hover{color:var(--text)}.tab.on{border-color:var(--accent-soft)}.tab.off{opacity:.55}.tab button{background:transparent;border:0;color:var(--text);padding:.4rem .6rem;cursor:pointer;font-size:.8rem;display:flex;flex-direction:column;gap:.1rem;text-align:left}.tab.on button{color:var(--accent-soft);font-weight:600}.tab button span{color:var(--muted);font-size:.68rem;font-weight:400}.tab label{display:flex;align-items:center;padding:0 .5rem;border-left:1px solid var(--border)}.presets{margin-bottom:1rem}.importrow{display:flex;gap:.5rem;margin-top:.6rem;max-width:720px}.importrow input{flex:1;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .6rem;font-size:.8rem;font-family:ui-monospace,monospace}.importrow button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.45rem .8rem;font-size:.8rem;cursor:pointer;white-space:nowrap}.importrow button:hover{background:var(--accent-soft)}.importmsg{font-size:.76rem;margin:.35rem 0 0;min-height:1.1em}.importmsg.ok{color:#3fb950}.importmsg.err{color:#f85149}.bulk{margin-top:.6rem}.bulk summary{cursor:pointer;font-size:.8rem;color:var(--muted)}.bulk textarea{width:100%;margin-top:.5rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem;font-family:ui-monospace,monospace;font-size:.72rem;resize:vertical}.bulk button{margin-top:.4rem;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.45rem .9rem;font-size:.8rem;cursor:pointer}.teamwrap{overflow-x:auto;margin:0 -.25rem}.teamtbl{width:100%;border-collapse:collapse;font-size:.72rem}.teamtbl th{color:var(--muted);font-weight:600;text-align:right;padding:.2rem .28rem;white-space:nowrap}.teamtbl td{text-align:right;padding:.25rem .28rem;border-top:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap}.teamtbl th:first-child,.teamtbl td.name{text-align:left}.teamtbl td.name{max-width:6rem;overflow:hidden;text-overflow:ellipsis}.teamtbl tr.cur td{color:var(--accent-soft);font-weight:600}.champ{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem;margin-bottom:1rem}.champ summary{cursor:pointer;font-size:.85rem}.champlibrow{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}.champlibrow select{flex:1 1 14rem;min-width:8rem}.champlibrow button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;font-size:.78rem;cursor:pointer;white-space:nowrap}.champlibrow button:hover{border-color:var(--accent-soft)}.champlibrow .libgap{flex:0 0 .5rem}.champgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:.7rem}.champgrid .wide{grid-column:span 3}@media (max-width: 800px){.champgrid{grid-template-columns:repeat(3,1fr)}}.layout{display:grid;grid-template-columns:1fr 320px;gap:1.25rem;align-items:start}@media (max-width: 800px){.layout{grid-template-columns:1fr}}.builder{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem 1.25rem}.grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.grid-skills{grid-template-columns:repeat(2,1fr)}.champrow{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem;padding:.5rem .7rem;background:var(--panel);border:1px solid var(--border);border-radius:8px}.champrow .chk{align-self:center}.champrow .meta{margin:0}.winhead{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin-bottom:.9rem}.winhead .winbig{margin:0}.winhead button{width:100%;margin-top:.6rem;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.5rem;font-size:.85rem;cursor:pointer}.winhead button:hover{background:var(--accent-soft)}.slots{display:flex;flex-direction:column;gap:.4rem}.slot{display:grid;grid-template-columns:54px 1.1fr 1.4fr 1fr 1fr 1fr 1.6fr 38px;gap:.35rem;align-items:center}.slot .slotn{font-size:.72rem;color:var(--muted)}.slot select{padding:.35rem .4rem;font-size:.76rem;min-width:0}.slot .sf{display:flex;align-items:center;justify-content:center;cursor:pointer}.slot .sf input{display:none}.slot .sf span{font-size:1.1rem;line-height:1;color:var(--muted);-webkit-user-select:none;user-select:none;transition:color .12s ease,text-shadow .12s ease}.slot .sf input:checked+span{color:#eef3f8;text-shadow:0 0 5px rgba(190,215,255,.75),0 0 10px rgba(150,185,255,.4)}.result{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem}.statcard,.simbox{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.statcard dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem;margin:0}.statcard dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.3rem}.statcard dt{color:var(--muted)}.statcard dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.statcard .err{color:#f85149;margin:0}.simrow{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.enemy{color:var(--muted);font-size:.72rem;margin:.6rem 0 .4rem;font-variant-numeric:tabular-nums;min-height:1.4em}.winbig{font-size:2.4rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;line-height:1.1}.winmeta{color:var(--muted);font-size:.7rem;text-align:center;margin:.1rem 0 .8rem}.simstatus.computing{color:#d29922}.simstatus.computing:before{content:""}.simstatus.done{color:#3fb950}@keyframes sfpulse{0%,to{opacity:1}50%{opacity:.45}}.simstatus.computing{animation:sfpulse 1s ease-in-out infinite}.combat{margin:0;display:flex;flex-direction:column;gap:.35rem}.combat div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.3rem}.combat dt{color:var(--muted)}.combat dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.combat .yes dd{color:#3fb950}.combat .no dd{color:#f85149}.simbox button{width:100%;margin-top:.8rem;background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.55rem;font-size:.85rem;cursor:pointer}.simbox button:hover{background:var(--accent-soft)}.comparebox{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.comparehd{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.comparehd h3{margin:0}#pin{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.35rem .6rem;font-size:.76rem;cursor:pointer;white-space:nowrap}#pin:hover{background:var(--accent-soft)}#snaps{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.snap{border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem}.snapmain{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.snaplbl{font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snaprate{font-weight:700;font-variant-numeric:tabular-nums}.snapfoot{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}.snaprate{display:inline-flex;gap:.35rem;align-items:baseline}.snaprows{margin:.35rem 0 .1rem;display:flex;flex-direction:column;gap:.15rem}.snaprow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:baseline;font-size:.7rem}.snaphero{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapmet{font-variant-numeric:tabular-nums;white-space:nowrap}.dnote{font-size:.66rem;color:var(--muted)}.delta{font-size:.72rem;font-variant-numeric:tabular-nums}.delta.up{color:#3fb950}.delta.down{color:#f85149}.delta.flat{color:var(--muted)}.snapbtns{display:flex;gap:.3rem}.snapbtns button{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:.15rem .4rem;font-size:.72rem;cursor:pointer}.snapbtns button:hover{color:var(--text);border-color:var(--accent-soft)}.optbox{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}#opt-run{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.35rem .6rem;font-size:.76rem;cursor:pointer;white-space:nowrap}#opt-run:hover{background:var(--accent-soft)}#opt-run:disabled{opacity:.6;cursor:progress}.optprog{margin:.5rem 0}.optprog .bar{height:6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.optprog .bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}#opt-results{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.optobj{display:block;font-size:.72rem;color:var(--muted);margin-top:.5rem}.optobj select{margin-left:.3rem}.opt{border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem}.optmain{display:flex;align-items:center;gap:.4rem .6rem;flex-wrap:wrap}.optmet{font-size:.74rem;font-variant-numeric:tabular-nums;color:var(--muted)}.optmet.obj{color:var(--text);font-weight:700}.optmain button{margin-left:auto;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:.15rem .5rem;font-size:.72rem;cursor:pointer}.optmain button:hover{color:var(--text);border-color:var(--accent-soft)}.optskills{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.optskills span{font-size:.66rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.1rem .3rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optskills .sk.kept{color:var(--muted)}.optskills .sk.removed{color:#f85149;border-color:#f85149;text-decoration:line-through;opacity:.8}.optskills .sk.added{color:#3fb950;border-color:#3fb950}.optlimit{font-size:.76rem;margin:.2rem 0 .4rem}.beta{font-style:normal;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;vertical-align:super;background:var(--accent);color:#fff;padding:.1rem .4rem;border-radius:6px}footer{color:var(--muted);font-size:.76rem;margin-top:1.5rem}footer p{margin:0 0 .5rem}footer .feedback{color:var(--text);font-size:.82rem}footer .feedback b{color:var(--accent-soft, var(--accent))}footer .disclaimer{font-size:.68rem;opacity:.7;border-top:1px solid var(--border);padding-top:.6rem}