*{box-sizing:border-box}body{margin:0;background:#10241f;color:#ebf5e8;font:15px system-ui,sans-serif}header,footer{padding:14px 4vw;background:#17372d}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:24px;margin:0}small{font-size:13px;color:#a9c8b7}section,main{padding:8px 2vw}input,button{font:inherit;border:1px solid #557563;border-radius:7px;padding:10px;margin:3px;background:#244a3a;color:#fff}input{background:#163226}button{cursor:pointer}button:hover,button.active{background:#577e35;border-color:#e9ce69}button:disabled{opacity:.4;cursor:default}.bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px}.layout>div{min-width:0}canvas{display:block;width:100%;background:#274b35;border-radius:12px;touch-action:none}aside{background:#193d30;padding:12px;border-radius:10px}aside h3{margin:10px 0}#tools button{width:100%;text-align:left;font-size:13px}#message{color:#ffcf70;min-height:24px}#hint{color:#c2dfbc}#players span{display:inline-block;padding:8px;margin:4px;border:1px solid #58755c;border-radius:6px}#log{font-size:13px;line-height:1.8}footer{font-size:12px;color:#afc5af;margin-top:16px}#selected{font-size:13px;min-height:44px}@media(max-width:800px){.layout{grid-template-columns:1fr}#tools{display:flex;flex-wrap:wrap}#tools button{width:auto;flex:1 1 140px}h1{font-size:18px}header{padding:12px}main{padding:4px}}

#tools button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#tools button[aria-disabled="true"]{opacity:.5}#skillHelp{max-width:min(440px,90vw);background:#193d30;color:#edf6eb;border:1px solid #85b277;border-radius:14px;padding:22px;line-height:1.8}#skillHelp::backdrop{background:#0009}#skillHelp h3{margin-top:0;color:#f4ca6b}#skillHelp .helpMeta{color:#a7d8c2;font-size:14px}