.arcade-character-picker{color:#f5f5ef}.arcade-picker-heading,.arcade-character-caption{justify-content:space-between;align-items:center;gap:8px;display:flex}.arcade-picker-heading{margin-bottom:6px;font-size:12px;font-weight:600}.arcade-shuffle,.arcade-picker-expand{color:#a5a6b0;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 5px;font-size:11px;display:inline-flex}.arcade-shuffle:hover,.arcade-picker-expand:hover{color:#d8ff3e}.arcade-character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.arcade-character-option{color:#a5a6b0;cursor:pointer;background:#1d1d23;border:1px solid #2d2e35;border-radius:14px;min-width:44px;padding:5px 4px 7px;transition:border-color .16s,transform .16s,background .16s;position:relative}.arcade-character-option:hover{border-color:var(--character-color);color:#f5f5ef;transform:translateY(-3px)}.arcade-character-option.arcade-character-selected{color:#d8ff3e;background:#262c1b;border-color:#d8ff3e}.arcade-character-art{aspect-ratio:1;border-radius:13px;width:min(100%,74px);margin:0 auto 4px;display:block;position:relative}.arcade-character-art img{border-radius:12px}.arcade-character-check{color:#101014;background:#d8ff3e;border:2px solid #1d1d23;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-1px;right:-1px}.arcade-character-name{white-space:nowrap;font-size:10px;font-weight:600;display:block}.arcade-character-caption{color:#a5a6b0;min-height:34px;font-size:10px}.arcade-picker-expand{flex-shrink:0;margin-bottom:-5px}.arcade-rotate{transform:rotate(180deg)}.arcade-character-picker button:focus-visible,.arcade-drawing-controls button:focus-visible,.arcade-brush-menu summary:focus-visible{outline-offset:3px;outline:2px solid #d8ff3e}.arcade-drawboard{flex-direction:column;gap:10px;min-width:0;height:100%;min-height:0;display:flex}.arcade-canvas-shell{background:#19191f;border:1px solid #2d2e35;border-radius:20px;flex-direction:column;flex:1;min-width:0;min-height:0;padding:12px;display:flex}.arcade-canvas-heading{color:#a5a6b0;flex-shrink:0;align-items:center;gap:7px;min-height:24px;margin-bottom:10px;font-size:10px;display:flex}.arcade-canvas-heading p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.arcade-canvas-signal{background:#bda7f7;border-radius:50%;flex-shrink:0;width:6px;height:6px}.arcade-canvas-signal-active{background:#d8ff3e;box-shadow:0 0 9px #d8ff3e55}.arcade-canvas-mode{color:#f5f5ef;background:#28282f;border-radius:5px;flex-shrink:0;margin-left:auto;padding:4px 7px;font-size:9px}.arcade-canvas-stage{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.arcade-canvas-paper{aspect-ratio:4/3;background:#fffdf7;border-radius:10px;flex:none;width:100%;max-width:100%;position:relative;overflow:hidden;box-shadow:0 3px 18px #0000001f}.arcade-drawing-controls{background:#19191f;border:1px solid #2d2e35;border-radius:16px;flex-shrink:0;min-width:0;padding:6px;position:relative}.arcade-tools-main{justify-content:center;align-items:center;gap:4px;display:flex}.arcade-tool-button{color:#a5a6b0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:1 0 44px;justify-content:center;align-items:center;gap:2px;min-width:44px;max-width:58px;min-height:46px;padding:3px;display:flex}.arcade-tool-button span{font-size:9px;line-height:1.2}.arcade-tool-button:hover{color:#f5f5ef;background:#29292f}.arcade-tool-button.arcade-tool-active{color:#101014;background:#d8ff3e;border-color:#d8ff3e}.arcade-tools-divider{background:#383840;flex-shrink:0;width:1px;height:22px;margin:0 2px}.arcade-brush-menu{color:#f5f5ef;flex:1 0 44px;max-width:60px;position:relative}.arcade-brush-menu summary{cursor:pointer;background:#28282f;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:46px;list-style:none;display:flex}.arcade-brush-menu summary::-webkit-details-marker{display:none}.arcade-brush-preview{background:currentColor;border-radius:50%;flex-shrink:0;display:block}.arcade-brush-options{z-index:20;background:#24242c;border:1px solid #404049;border-radius:12px;width:155px;padding:6px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 24px #0006}.arcade-brush-options button{color:#f5f5ef;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 10px;font-size:12px;display:flex}.arcade-brush-options button[aria-pressed=true]{color:#d8ff3e;background:#343a25}.arcade-brush-options button:hover{background:#37373e}.arcade-color-strip{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#45454e transparent;border-top:1px solid #2d2e35;margin-top:4px;padding-top:3px;display:flex;overflow-x:auto}.arcade-color-swatch{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 0 44px;place-items:center;width:44px;min-height:44px;padding:6px;display:grid}.arcade-color-swatch>span{background:var(--swatch);border:1px solid #ffffff26;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.arcade-color-selected>span{outline-offset:3px;outline:2px solid #d8ff3e}.arcade-spectator-note{color:#a5a6b0;text-align:center;flex-shrink:0;margin:0;font-size:10px}@media (width<=360px){.arcade-tools-main{gap:1px}.arcade-tools-divider{margin:0}.arcade-canvas-shell{padding:8px}}@media (prefers-reduced-motion:reduce){.arcade-character-option{transition:none}}