html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#1a1a2e;height:100%;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{pointer-events:none;position:absolute;inset:0}.bar{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100% - 16px);display:flex;position:absolute;top:8px;right:8px}.chip,.btn{color:#5ff2b5;letter-spacing:1px;text-transform:uppercase;background:#0f2e29;border:2px solid #5ff2b5;padding:6px 10px;font-size:12px;box-shadow:3px 3px #000}.btn{cursor:pointer;color:#0f2e29;background:#5ff2b5;font-weight:700}.btn.ghost{color:#5ff2b5;background:#1a1a2e}.chip.warn{color:#ffd23f;border-color:#ffd23f}.board{pointer-events:auto;color:#f4f1ea;background:#1a1a2eeb;border:2px solid #5ff2b5;width:210px;max-height:calc(100% - 16px);font-size:11px;position:absolute;top:8px;left:8px;overflow:auto;box-shadow:3px 3px #000}.board h3{color:#0f2e29;letter-spacing:1px;background:#5ff2b5;margin:0;padding:6px 8px;font-size:12px}.board ol{margin:0;padding:6px 8px 8px 28px}.board li{padding:2px 0}.board li.me{color:#ffd23f}.board .pts{float:right;color:#5ff2b5}.board .empty{color:#9aa;padding:8px}.toast{pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@media (width<=700px){.board{width:170px;max-height:35%;top:auto;bottom:8px}.chip,.btn{padding:4px 6px;font-size:10px}}