:root{color-scheme:dark}*{box-sizing:border-box}body{font-family:sans-serif;background:#222;color:#fff;margin:8px;height:unset}main{margin:auto;font-size:.9em;text-align:center}a{color:#4fcbf5}a:visited{color:#eb83eb}.center-items{display:flex;flex-direction:column;align-items:center}.pos{color:#00d200}.neg{color:#f33f3f}select:focus,button:focus,textarea:focus,input:focus{outline:revert!important}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}.popup-content{background:#555;border:none;font-size:.9em;line-height:1.35}.popup-content[role=dialog]{width:max-content;max-width:90vw;height:max-content;max-height:90vh;overflow:auto;padding:1em;border-radius:8px;background:#333}.popup-arrow{color:#555;stroke:none}footer{margin:1em 0}footer>:not(:first-child){margin-top:1em;text-align:center}.popup-content .reaction-desc{overflow:auto;max-height:50vh;padding:4px}.reaction-desc div+div{margin-top:.5em}.reaction-desc h2{font-size:110%;margin:1em 0 0}.reaction-desc table{border-collapse:collapse;margin-top:.5em}.popup-content .reaction-desc table{width:100%}.reaction-desc table th{text-align:left}.reaction-desc table th,.reaction-desc table td{padding:2px 4px;border:1px solid white}.help-page{line-height:1.5em;max-width:800px;text-align:start;margin-bottom:2em;font-size:1rem}.help-page nav{margin-top:1em}.help-page nav ol{display:inline-flex;list-style:none;gap:.5em;margin:0;padding:0 0 0 .5em;flex-wrap:wrap}.help-page h2{margin-top:0;padding-top:4px}.help-page>h3{margin:2em 0 1em;padding-bottom:.5em;border-bottom:1px solid white}.help-page dl{display:grid;grid-template-columns:minmax(min-content,20%) auto;grid-column-gap:1em;grid-row-gap:.5em;margin-bottom:1em}.help-page dl dt,.help-page dl dd{margin:0}.svg-button{color:#fff;background:none;padding:4px;margin:0;border:none;cursor:pointer;font-size:unset;border-radius:4px}.svg-button-mini{padding:0}.svg-button:disabled{opacity:.75}.svg-button:hover,.svg-button:focus{background:#444}.svg-button-mini:hover,.svg-button-mini:focus,.svg-button:disabled:hover,.svg-button:disabled:focus{background:none}.svg-button img,.svg-button svg{height:1.4em}.svg-button-mini img,.svg-button-mini svg{height:1em}.svg-button *{vertical-align:middle}.attack-list-entry{text-wrap:nowrap;display:inline-flex;align-items:flex-start;gap:3px;margin-right:6px}.attack-list-entry.active-attack{text-decoration:underline;text-underline-offset:3px}.calc{padding-top:.4em}.calc .calc{border-left:1px solid #aaa;margin-left:.15ch;padding-left:calc(1em - .15ch)}.calc-note{color:#6dd0fc}.popup-header{display:flex;gap:1em;align-items:center}.popup-header h2{flex:1;margin:0}.calc-popup-content{max-width:min(90vw,1200px)!important}.calc-popup-row{padding-top:.4em}.calc-popup-row.top-row{display:flex;align-items:center;flex-wrap:wrap;column-gap:1em;row-gap:.5em}.calc-popup-row.top-row.expanded{flex-direction:column;align-items:start}.toggle-label{display:flex;align-items:center;gap:.5em}.toggle-label input{margin:0}.damage-output{margin:3px 0;display:flex;align-items:center;gap:.5em}.row-label{display:flex;align-items:center}.row-label .has-desc{text-decoration:underline dotted;cursor:help}.label-icon svg{width:1.15em;margin-right:.35em;vertical-align:middle}.form-input,.form-width{width:12em;max-width:40vw}.wide-inputs .form-input,.wide-inputs .form-width{width:14em}.form-input{display:flex}.form-input.adaptive-width{width:unset}.form-input>:not(.mini-select){padding-left:4px;padding-right:4px}.form-input>:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-input>:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.form-input input,.form-input select:not(.mini-select),.form-input .label-text{padding-top:4px;padding-bottom:4px}.form-input input,.form-input select{background:#4a4a4a;border:none;color:#fff;margin:0}.form-input input,.form-input:not(.adaptive-width) select:not(.mini-select){flex:1;width:0}.form-input .mini-select{background:#3a3a3a;margin-left:-4px}.form-input input:disabled,.form-input select:disabled{background:#3a3a3a;color:#3a3a3a}.input-icon{display:flex;background:#3a3a3a;align-items:center;font-weight:700;-webkit-user-select:none;user-select:none}.popup-textarea{background:#4a4a4a;border:none;color:#fff;margin:0;font-family:inherit;border-radius:4px;width:25em;max-width:100%;padding:4px;resize:vertical}.damage-type optgroup{color:#fff}.column-attacks{padding:4px 0}.form-section{max-width:100%}.form-top{display:flex;justify-content:right;gap:6px;padding:0 1em;margin-bottom:.2em}.grid-container{flex:1;min-width:min(40em,50vw);background:#2d2d2d;max-width:100%;border-radius:8px;padding:1em;text-align:left}.grid{display:grid;align-items:flex-start;row-gap:8px;column-gap:1em;max-width:100%;overflow:auto}.grid h2,.grid h3{margin:8px 0 0}.grid h2{font-size:1.5em}.grid h3{font-size:1.25em}.load-saved>*{margin-top:4px}.column-top{display:flex;justify-content:center;gap:4px}.import-popup>:not(:first-child){margin-top:1em}.import-sep{border:none;border-top:1px solid}.stat-import>*{margin-top:1em}.stat-import .flex-row{display:flex;gap:.5em;align-items:center}.stat-import .notice{width:0;flex:1}.stat-import .nickname-row svg,.stat-import .nickname-row img{height:1.4em}.export>:not(:first-child){margin-top:1em}.export-check{display:flex;gap:.5em;align-items:center}.math-indicator{display:grid;line-height:.7;grid-template-columns:1fr 1fr;column-gap:3px;font-size:.8em}.attr-inputs>*+*{margin-top:8px}.stat-input-row{display:flex;align-items:center;gap:.25em}.sync-btn-cnt .svg-button{padding:0}.sync-btn-cnt .svg-button .sync-stat{height:1.25em}