:root{color-scheme:dark;font:15px/1.5 Arial,sans-serif;color:#e9e8e6;background:#120f0c}*{box-sizing:border-box}body{margin:0} [hidden]{display:none!important}main{max-width:850px;margin:36px auto;padding:20px}header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}header button{margin-left:auto}h1{font-size:25px;font-weight:500;margin:0}h2{font-size:20px;font-weight:500}h3{font-size:16px;font-weight:500}header span,.hint{color:#b9b7b4}section{margin:24px 0}button,input,select{font:inherit;color:inherit;background:#1c1916;border:1px solid #ffffff35;border-radius:3px;padding:7px 10px}button{cursor:pointer}button:disabled{opacity:.45}a{color:#c6d8b4}label{display:grid;gap:5px;margin:14px 0}input{min-width:0;width:100%}#plan-list{padding:0;list-style:none}#plan-list li{margin:8px 0}#plan-list button{width:100%;text-align:left}form{margin-top:28px;padding-top:12px;border-top:1px solid #ffffff25}dialog{width:min(650px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;background:#120f0c;color:#e9e8e6;border:1px solid #ffffff40;padding:20px}dialog::backdrop{background:#000b}dialog header h2{margin:0}#members{list-style:none;padding:0}#members li{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:8px 0;overflow-wrap:anywhere}#members select{max-width:145px}#board{display:block;width:100%;height:100vh;border:0}.hint{font-size:13px}#status[data-error=true],#share-status[data-error=true],#character-status[data-error=true]{color:#ffb3a8}#character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}#character-list button{text-align:left;display:grid;gap:1px;border-left:3px solid var(--class-color);min-height:48px}#character-list strong{font-weight:500;color:var(--class-color);overflow-wrap:anywhere}#character-list small{font-size:12px;color:#b9b7b4}#history-list article{border-top:1px solid #ffffff25;padding:10px 0}#history-list h3{margin:0 0 5px}#history-list p{font-size:13px;margin:0;overflow-wrap:anywhere}@media(max-width:500px){main{margin:0;padding:16px}input,select,button{min-height:44px}#members li{flex-wrap:wrap}dialog{padding:14px}}