:root{color-scheme:dark;font:16px/1.5 "Segoe UI",sans-serif;color:#f7f1e5;background:#161918}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:0 24px 64px}header,.row,.roomhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{height:76px;justify-content:space-between;border-bottom:1px solid #414640}header strong{font-size:22px;letter-spacing:-.05em}header span,small,.muted{color:#b8bcb0}header span{font-size:14px;letter-spacing:0;font-weight:400}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(36px,7vw,62px);margin:18px 0}h2{font-size:28px}button,input,select,textarea{font:inherit;color:inherit;background:#232823;border:1px solid #576054;border-radius:7px;padding:8px 13px}button{cursor:pointer}button:hover{border-color:#d1e6ab}button:disabled{opacity:.55}button.primary{background:#cee9a6;color:#192017;font-weight:600}label{display:grid;gap:5px;color:#d5d7cd}.inline{display:flex;align-items:center}.roomhead{justify-content:space-between}form,.panel,#linkBox,#compareBox{display:grid;gap:16px;margin:22px 0;padding:20px;background:#202521;border-radius:12px}form h2{margin:0}form button{justify-self:start}canvas{width:100%;height:115px;background:#19201b;touch-action:none;cursor:crosshair}audio,input:not([type=checkbox]),textarea{width:100%;min-width:0}#message{color:#d6eeb7;min-height:1.5em;margin:12px 0}#compareBox{margin:0;padding:10px}#compareBox button{justify-self:start}.stack{display:grid;gap:10px;margin-top:24px}.stack button{text-align:left;padding:16px;font-size:20px}article{padding:15px 0;border-top:1px solid #40483f}article p{white-space:pre-wrap}h1,article,button{overflow-wrap:anywhere}[hidden]{display:none!important}

.player-panel{gap:20px;padding:26px;border:1px solid #343e35;background:linear-gradient(145deg,#242d26,#1c231f)}.draft-heading{display:grid;gap:4px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#aebda9}.draft-heading strong{font-size:20px;font-weight:500}canvas{height:92px;border-radius:8px;background:#19201b}audio{height:42px}fieldset{margin:0;padding:0;border:0}legend{margin-bottom:10px}.rating-options{display:flex;gap:7px;flex-wrap:wrap}.rating-options label{position:relative}.rating-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.rating-options span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #576054;border-radius:8px}.rating-options input:checked+span{background:#cee9a6;color:#192017;border-color:#cee9a6}.rating-options input:focus-visible+span{outline:2px solid white;outline-offset:3px}#average{margin:0;color:#cee9a6}textarea{resize:vertical}@media(max-width:520px){main{padding-inline:16px}.player-panel{padding:18px}.rating-options{display:grid;grid-template-columns:repeat(5,1fr)}.rating-options span{width:100%}header span{display:none}}