*{box-sizing:border-box}body{color:#fff;background:#0b0f1c;place-items:center;min-height:100vh;margin:0;font-family:Trebuchet MS,system-ui,sans-serif;display:grid}main{aspect-ratio:960/540;width:min(960px,100vw);position:relative}canvas{background:#1a2448;border-radius:12px;width:100%;height:100%;display:block}section{text-align:center;background:#0b0f1ccc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}section[hidden]{display:none}h1{margin:0 0 6px;font-size:34px}h2{margin:0 0 6px;font-size:20px}.cols{gap:30px;display:flex}.list{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.list button{text-align:left;align-items:center;gap:6px;min-width:140px;padding:6px 8px;font-size:13px;display:flex}.list button i{border:2px solid #fff;border-radius:50%;flex:none;width:14px;height:14px}.list button.picked{color:#2a1400;background:#ff9a1c;border-color:#fff}button{font:inherit;color:#fff;cursor:pointer;background:#3b4a9a;border:2px solid #fff3;border-radius:12px;padding:8px 14px;font-weight:700}button:hover{background:#4d5eb8}.list button.picked:hover{background:#ffb04a}button.big{color:#2a1400;background:#ff9a1c;margin-top:12px;padding:10px 36px;font-size:26px}#end{z-index:2;background:#c0392b;margin:0;position:absolute;top:10px;right:10px}#end:hover{background:#e04b3a}button.small{margin-left:6px;padding:3px 10px;font-size:13px}.row{align-items:center;gap:12px;display:flex}.hint{opacity:.8;margin:10px 0 0;font-size:13px}#winner{color:#ffd23a;margin-bottom:8px;font-size:44px}.allies{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:30px;margin-top:8px;font-size:13px;display:flex}.allies button{padding:4px 8px;font-size:12px}#stages button{font-size:14px}.allies button.picked,#stages button.picked{color:#2a1400;background:#ff9a1c}.allies span{opacity:.8}