html{background-color:#1e1e1e;color:#d4d4d4;font-family:Arial,sans-serif;font-size:16px}body{margin:0;padding:0}.main-container{box-sizing:border-box;margin:0 auto;max-width:min(1400px,95vw);min-width:fit-content;overflow-x:auto;padding:0 clamp(10px,2vw,20px)}.controls{border-bottom:1px solid #3c3c3c;margin-bottom:16px;padding:16px 0}.controls textarea{background-color:#1e1e1e;border:1px solid #3c3c3c;border-radius:4px;box-sizing:border-box;color:#d4d4d4;font-family:monospace;font-size:12px;margin-top:10px;min-height:100px;padding:8px;resize:vertical;width:100%}button{background-color:#333;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:all .3s ease}button:hover{background-color:#fff;border-color:#333;color:#333}button:focus{box-shadow:0 0 5px 2px #444;outline:none}button.selected{background-color:#fff;border-color:#333;color:#333;font-weight:700}details:hover summary{background-color:#2d2d2d;cursor:pointer}table{background-color:#252526;border-collapse:collapse;color:#d4d4d4;margin:20px 0;text-align:left}td,th{border:1px solid #3c3c3c;padding:4px 5px}th,thead{background-color:#333}tbody tr:hover{background-color:#2d2d2d}.abilityTable,.attacksTable,.classTable{max-width:100%;width:100%}#skillsTableContainer table{max-width:none;min-width:100%;table-layout:auto;width:auto}#skillsTableContainer{min-width:fit-content;overflow-x:auto;width:auto}#skillsTableContainer table td,#skillsTableContainer table th{padding:4px 8px;white-space:nowrap}#skillsTableContainer table th button{min-width:fit-content;white-space:nowrap}.row-hover{background-color:#2d2d2d}.abilityTable,.attacksTable{width:auto}.abilityTable td:first-child{min-width:17ch}.abilityTable td,.attacksTable td{white-space:nowrap}.abilityTable td span{display:inline-block;text-align:right;width:4ch}.attacksTable td span{display:inline-block;text-align:center;width:5ch}.abilityTable td button:first-of-type{margin-left:1ch}.classTable td:first-child,.classTable td:nth-child(n+5),.classTable th:first-child,.classTable th:nth-child(n+5){text-align:center;width:3ch}.classTable td:nth-child(2),.classTable td:nth-child(3),.classTable td:nth-child(4),.classTable th:nth-child(2),.classTable th:nth-child(3),.classTable th:nth-child(4){max-width:min(300px,25vw);overflow:hidden;white-space:nowrap;width:min(300px,25vw)}.classTable td{vertical-align:top}.c1{background-color:#3c5a5e}.c2{background-color:#5e4343}.c3{background-color:#4e4768}.c4{background-color:#6a5a3a}.c1,.c2,.c3,.c4{cursor:grab}.disable-hover tr:hover{background-color:inherit}.drag-hover{background-color:#264f78;outline:2px dashed #007acc}.dragging{cursor:grabbing!important}.negative{color:#d16969}.positive{color:#6abf6a}.haste{color:#e6b566}.classSelectorMode{margin:4px}.classSelectorMode,.classSelectorMode input,.classSelectorMode label{cursor:pointer;user-select:none}.classSelectorMode input{margin:0}.classSelectorMode:hover{background-color:#2d2d2d}.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:2}.modal .titlebar button,.modal .titlebar h3{display:inline-block;margin:0;padding:5px}.modal .titlebar button{float:right}.modal .selectionPanel{background-color:#3c3c3c;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:80%;left:0;margin:auto;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:90%}.modal .selectionList{min-width:270px}.modal .selectionPanel ul{margin:0;padding:0 0 0 10px}.modal .selectionPanel summary{margin:6px 0}.modal .contentArea{box-sizing:border-box;display:flex;flex:1;gap:0;overflow:hidden;width:100%}.modal .contentArea .selectionList{background-color:#252526;box-sizing:border-box;flex:1;height:100%;margin:0;max-width:350px;overflow-x:hidden;overflow-y:scroll;padding:0}.modal .contentArea .selectionList ul{margin-top:0}.modal .contentArea .selectionList li{height:auto;list-style:none;padding:0}.modal .contentArea .descPanel{background-color:#40444b;box-sizing:border-box;flex:2;margin:0;overflow-x:hidden;overflow-y:scroll;padding:15px}.icon-spell{cursor:pointer}.button-selector{align-items:center;background:#222;border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#d5d5d5;cursor:pointer;display:inline-flex;max-width:min(300px,25vw);min-width:min(300px,25vw);outline:none;overflow:hidden;padding:6px 16px 6px 34px;position:relative;text-align:left;text-overflow:ellipsis;transition:background .2s,border-color .2s;white-space:nowrap}.button-selector .icon{align-items:center;background:none;bottom:0;display:flex;justify-content:center;left:0;padding:2px 0 2px 2px;pointer-events:none;position:absolute;text-align:center;top:0}.button-selector .icon img{border-radius:4px;display:block;height:100%;object-fit:contain;width:100%}.button-selector .icon .inspect-overlay{bottom:1px;height:50%;left:1px;pointer-events:none;position:absolute;width:50%;z-index:1}.button-selector:focus,.button-selector:hover{background:#333;border-color:#888;color:#fff}.button-selector.empty{color:#888}.button-subselector{margin-left:20px;max-width:min(280px,23vw);min-width:min(280px,23vw)}.button-selector-error{background:#4f0000}.button-selector-error:focus,.button-selector-error:hover{background:#a83232}.button-selector .label{flex:1;margin-right:.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-selector .sub-label{color:#666;flex:0 0 auto;font-weight:700;text-align:right;width:2ch}.no-min-width{min-width:unset!important;width:auto!important}.planner{background-color:#1e1e1e;min-width:fit-content;overflow-x:auto;padding:16px}.tooltip,.tooltip:after{background-color:#333;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.5);color:#fff;left:var(--tooltip-x,0);max-width:70ch;opacity:0;padding:8px;pointer-events:none;position:absolute;text-align:left;top:var(--tooltip-y,0);transition:opacity .5s ease-in-out;visibility:hidden;white-space:pre-wrap;z-index:10}.tooltip-visible,.tooltip-visible:after{opacity:1;pointer-events:auto;visibility:visible}.tooltip:after{content:attr(data-tooltip);display:block}.tooltip:not([data-tooltip]):after{content:none;display:none}.tooltip ul{margin:0;padding-left:1.2em}.tooltip li{list-style:disc;margin:0;padding:0}.tooltip li>ul{margin-bottom:.2em;margin-top:.2em}.tooltip li:has(ul){list-style:none;padding-left:0}.skill-error{background:#4f0000}@media screen and (max-width:1440px){.main-container{max-width:98vw}}@media screen and (max-width:768px){.main-container{max-width:100vw;padding:0 5px}.planner{padding:8px}.classTable td:nth-child(2),.classTable td:nth-child(3),.classTable td:nth-child(4),.classTable th:nth-child(2),.classTable th:nth-child(3),.classTable th:nth-child(4){max-width:180px;width:180px}.button-selector{max-width:180px;min-width:180px}.button-subselector{max-width:160px;min-width:160px}}@media screen and (max-width:1920px) and (min-resolution:2dppx){.main-container{max-width:90vw}.classTable td:nth-child(2),.classTable td:nth-child(3),.classTable td:nth-child(4),.classTable th:nth-child(2),.classTable th:nth-child(3),.classTable th:nth-child(4){max-width:240px;width:240px}.button-selector{max-width:240px;min-width:240px}}.cross-class-skill{font-style:italic}