:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#181b1b;--surface:#202323;--surface-raised:#292d2c;--text:#e7e9e1;--muted:#9aa29c;--accent:#d7ef9c;--border:#343938;--font-mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;display:inline-flex}button,input,select{-webkit-tap-highlight-color:transparent}button{transition:background .15s,color .15s}button:hover{background:#ffffff09}button:disabled{opacity:.3;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}svg{flex-shrink:0}input,select{color:var(--text);background:0 0;border:0;min-width:0}input[type=color]{cursor:pointer}.pixel-editor{flex-direction:column;height:100dvh;min-height:420px;display:flex;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--border);background:#202323;flex-shrink:0;align-items:center;gap:17px;height:64px;padding:0 21px;display:flex}.wordmark{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:650;display:flex}.wordmark-light{color:#a4aaa4;font-weight:400}.logo-mark{grid-template-columns:7px 7px;gap:3px;display:grid;transform:rotate(-4deg)}.logo-mark i{background:var(--accent);height:7px}.logo-mark i:last-child{opacity:.45}.toolbar-divider,.small-divider{background:var(--border);flex-shrink:0;width:1px;height:22px}.small-divider{height:16px}.text-button{border-radius:4px;height:30px;padding:0 7px}.file-menu{position:relative}.menu-backdrop{z-index:5;cursor:default;position:fixed;inset:0}.menu-backdrop:hover{background:0 0}.menu-popover{border:1px solid var(--border);z-index:6;background:#292d2c;border-radius:6px;width:216px;padding:6px;position:absolute;top:37px;left:0;box-shadow:0 12px 40px #0006}.menu-popover button{border-radius:3px;justify-content:flex-start;width:100%;padding:10px;display:flex}.project-name{color:var(--muted);align-items:center;gap:10px;margin-left:8px;display:flex}.project-name input{width:157px;font-size:12px}.local-dot{background:#768268;border-radius:50%;width:5px;height:5px}.toolbar-end{align-items:center;gap:12px;margin-left:auto;display:flex}.prototype-pill{font-family:var(--font-mono);letter-spacing:.8px;color:#acb59e;white-space:nowrap;border:1px solid #414a39;border-radius:4px;padding:5px 7px;font-size:9px}.icon-button{width:30px;height:30px;color:var(--muted);border-radius:4px;flex-shrink:0;padding:0}.icon-button:hover{color:var(--text)}.icon-button[aria-pressed=true]{color:var(--accent);background:#d7ef9c12}.export-button{background:var(--accent);color:#263020;border-radius:5px;padding:10px 14px;font-size:11px;font-weight:650}.export-button:hover{background:#e4f7b7}.avatar{color:#c5d0b3;background:#3b4338;border:1px solid #555e49;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.context-toolbar{border-bottom:1px solid var(--border);height:45px;color:var(--muted);background:#202323;flex-shrink:0;align-items:center;gap:21px;padding:0 20px;font-size:11px;display:flex}.current-tool{color:#c9cfc4;align-items:center;gap:9px;display:flex}.current-tool strong{min-width:42px;font-weight:500}.brush-control{align-items:center;gap:12px;display:flex}.brush-control select{border:1px solid var(--border);background:#292d2c;border-radius:4px;width:65px;padding:4px 8px;font-size:10px}.context-opacity b{color:#cbd0c8;margin-left:10px;font-size:10px;font-weight:400}.context-note{color:#818b83;font-size:10px}.history-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.split-label{align-items:center;gap:8px;margin-left:8px;font-size:10px;display:flex}.editor-body{flex:1;min-height:0;display:flex;position:relative}.tool-rail{border-right:1px solid var(--border);scrollbar-width:thin;background:#202323;flex-direction:column;flex-shrink:0;align-items:center;width:60px;padding:16px 0 10px;display:flex;overflow-y:auto}.tool-buttons{flex-direction:column;gap:6px;display:flex}.tool-button{color:#a1aaa2;border-radius:5px;width:37px;height:37px}.tool-button.selected{color:var(--accent);background:#d7ef9c14;box-shadow:inset 0 0 0 1px #d7ef9c2a}.rail-rule{background:var(--border);width:25px;height:1px;margin:18px 0}.overlap-colors{flex-shrink:0;width:32px;height:34px;margin-bottom:7px;position:relative}.overlap-colors span{border:2px solid #202323;border-radius:3px;width:23px;height:23px;position:absolute;box-shadow:0 0 0 1px #485046}.overlap-colors span:first-child{bottom:0;right:0}.overlap-colors span:last-child{top:0;left:0}.rail-bottom{margin-top:auto;padding-top:20px}.editor-workspace{background:#191c1c;flex:1;min-width:0;padding:13px 12px 12px;display:grid}.viewport{background:#1c201f radial-gradient(#84947915 .75px,#0000 .75px) 0 0/12px 12px;border:1px solid #343b35;border-radius:6px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.viewport.active{border-color:#758259}.viewport-header{background:#242927;border-bottom:1px solid #343b35;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 10px;display:flex}.viewport.active .viewport-header{background:#2b322a}.viewport-tab{white-space:nowrap;justify-content:flex-start;gap:7px;min-width:0;height:100%;padding:4px 0;font-size:11px}.viewport-tab>span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.viewport-letter{color:#c8d5b3;width:19px;height:19px;font-family:var(--font-mono);border:1px solid #505c45;border-radius:3px;flex-shrink:0;place-items:center;font-size:10px;display:grid}.document-extension{color:#7b867b;margin-left:-6px}.active-dot,.inactive-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.inactive-dot{background:#69736a}.viewport-meta{color:#8b968b;font:9px var(--font-mono);letter-spacing:.8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:21px 22px 0;display:flex}.viewport-meta span:last-child{letter-spacing:0;color:#6f7e72}.canvas-stage{flex:1;min-height:0;margin-top:10px;display:flex;container-type:size}.canvas-scroll{scrollbar-width:thin;scrollbar-color:#46503f #1c201f;width:100%;display:flex;overflow:auto}.art-sizing{flex-shrink:0;margin:auto;padding:12px}.artboard{cursor:default;background-color:#383e3b;background-image:conic-gradient(#444b47 25%, transparent 0 50%, #444b47 0 75%, transparent 0);background-size:12px 12px;border-radius:0;width:100%;padding:0;display:block;box-shadow:0 12px 28px #0004,0 0 0 1px #0005}.pixel-art{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;display:block}.canvas-caption{color:#869181;text-align:center;justify-content:center;align-items:center;gap:12px;margin:10px 12px 27px;font-size:10px;display:flex}.caption-line{background:#41493b;width:17px;height:1px}.viewport-bottom{justify-content:space-between;align-items:center;gap:4px;padding:0 17px 16px;display:flex}.canvas-mode{color:#98a28f;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.zoom-controls{background:#262c26;border:1px solid #3b4439;border-radius:5px;align-items:center;padding:2px;display:flex}.zoom-controls .icon-button{width:24px;height:25px}.zoom-controls svg{width:14px;height:14px}.zoom-value{font:10px var(--font-mono);min-width:43px;padding:5px}.viewport-footnote{color:#8a9585;font:9px var(--font-mono);background:#222721;border-top:1px solid #343b35;align-items:center;gap:8px;padding:10px 14px;display:flex}.split-divider{cursor:col-resize;touch-action:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.split-divider span{background:#4a5548;border-radius:3px;width:3px;height:28px}.split-divider:hover,.split-divider:focus-visible{background:#d7ef9c12}.split-divider:hover span{background:var(--accent)}.inspector{border-left:1px solid var(--border);background:#202323;flex-direction:column;flex-shrink:0;width:254px;display:flex}.inspector-title{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:9px;height:45px;padding:0 16px;font-size:11px;display:flex}.inspector-canvas{font:9px var(--font-mono);color:var(--accent);border:1px solid #46543b;border-radius:3px;padding:2px 4px}.inspector-close{margin-left:auto}.inspector-scroll{scrollbar-width:thin;overflow:auto}.color-panel{border-bottom:1px solid var(--border);padding:18px 16px 16px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-heading h2{align-items:center;gap:8px;margin:0;font-size:11px;font-weight:550;display:flex}.panel-heading>span{font:8px var(--font-mono);color:#8f998b;letter-spacing:.5px}.color-field{border-radius:4px;height:123px;position:relative;overflow:hidden}.color-field-shade{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.color-target{pointer-events:none;border:1.5px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:18%;right:24%;box-shadow:0 0 0 1px #5559}.color-field input,.hue-strip input{opacity:0;width:100%;height:100%;position:absolute;inset:0}.color-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.hue-strip{background:linear-gradient(90deg,#ec7373,#eeda80,#9de58b,#85dcc8,#81a9e2,#b29ae4,#e68ac3,#ec7373);border-radius:4px;height:9px;margin:13px 0;position:relative}.hue-strip span{pointer-events:none;border:1px solid #fff;border-radius:2px;width:5px;height:13px;position:absolute;top:-2px;left:24%}.color-values{align-items:center;gap:5px;display:flex}.hex-value{border:1px solid var(--border);background:#272b29;border-radius:4px;flex:1;align-items:center;gap:7px;min-width:0;height:30px;padding:5px 7px;display:flex}.hex-value>span:first-child{border-radius:2px;flex-shrink:0;width:14px;height:14px}.hex-value input{width:65px;font:10px var(--font-mono)}.hex-value>span:last-child{color:#8d9789;margin-left:auto;font-size:8px}.background-picker input{width:25px;height:28px;padding:0}.palette-heading{justify-content:space-between;margin:23px 0 12px;font-size:10px;display:flex}.palette-heading span:last-child{color:var(--muted);font-size:9px}.palette{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.palette button{aspect-ratio:1;border-radius:3px;min-width:0}.palette button.chosen{outline-offset:2px;outline:1px solid #f2f3e2}.recent-colors{align-items:center;gap:6px;margin-top:16px;display:flex}.recent-colors>span{color:var(--muted);margin-right:5px;font-size:9px}.recent-colors button{border-radius:2px;width:15px;height:15px;padding:0}.layers-panel{border-bottom:1px solid var(--border);padding-top:17px}.layers-panel>.panel-heading{margin:0 16px 15px}.count-badge{font:9px var(--font-mono);color:var(--muted);background:#303630;border-radius:3px;padding:2px 5px}.layer-options{border:1px solid var(--border);color:var(--muted);border-radius:3px;justify-content:space-between;margin:0 16px 9px;padding:8px;font-size:9px;display:flex}.layer-options b{color:#d3d8cd;margin-left:5px;font-weight:400}.layer-list{scrollbar-width:thin;max-height:210px;overflow-y:auto}.layer-row{border-left:2px solid #0000;align-items:center;gap:5px;height:43px;padding:0 10px;display:flex}.layer-row.selected{border-left-color:var(--accent);background:#d7ef9c0b}.reorder-handle{color:#596256;font-size:16px}.layer-select{flex:1;justify-content:flex-start;gap:9px;min-width:0;height:100%;padding:0;font-size:10px}.layer-select>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-thumb{color:#93a285;background:#303831;border:1px solid #485142;border-radius:3px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.layer-thumb.landscape{color:#c6d7bd;background:linear-gradient(#929990 50%,#31554f 50%)}.layer-thumb.sky{color:#7e6a63;background:#d8b795}.layer-thumb.sky.night{color:#d8d1c1;background:#53536d}.layer-row .icon-button{width:23px}.layer-row .icon-button svg{width:14px}.layer-actions{justify-content:space-between;padding:8px 15px;display:flex}.layer-actions .text-button{color:#b5bfad;font-size:10px}.canvas-properties{border-bottom:1px solid var(--border);padding:19px 16px 14px}.canvas-properties>div:nth-child(2){gap:8px;display:flex}.canvas-properties>div:nth-child(2)>span{border:1px solid var(--border);color:var(--muted);border-radius:4px;flex:1;justify-content:space-between;padding:8px;font-size:9px;display:flex}.canvas-properties b{color:var(--text);font-weight:400}.canvas-properties small{color:var(--muted)}.canvas-properties p{color:var(--muted);justify-content:space-between;margin:15px 0 0;font-size:9px;display:flex}.inspector-tip{color:#929e86;gap:8px;margin:19px 16px;display:flex}.inspector-tip p{margin:0;font-size:10px;line-height:1.8}.inspector-tip p span{color:#899283;font-size:9px}.status-bar{border-top:1px solid var(--border);color:#a2aa9b;background:#202323;flex-shrink:0;align-items:center;gap:30px;height:31px;padding:0 17px;font-size:9px;display:flex}.status-bar>span{align-items:center;gap:7px;display:flex}.status-separator{color:#69745f;padding:0 5px}.status-right{margin-left:auto}.status-bar kbd{margin-left:8px}kbd{font:9px var(--font-mono);border:1px solid #434b3d;border-radius:3px;padding:2px 5px}.toast{z-index:10;background:#333c2d;border:1px solid #6d8057;border-radius:6px;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 24px);padding:9px 13px;font-size:11px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0004}.help-dialog{color:var(--text);background:var(--surface);border:1px solid #59634d;border-radius:10px;width:480px;max-width:calc(100vw - 24px);padding:26px;box-shadow:0 30px 90px #0007}.help-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101510bb}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.help-dialog h1{letter-spacing:-.5px;margin:23px 0 16px;font-size:23px;font-weight:500}.help-dialog p{color:#b0b9a9;font-size:12px;line-height:1.8}.shortcuts{grid-template-columns:1fr 1fr;gap:12px 30px;padding:20px 0 28px;display:grid}.shortcuts>span{color:#c2caba;justify-content:space-between;font-size:11px;display:flex}@media (width>=1600px){.inspector{width:280px}.color-field{height:150px}.editor-workspace{padding:20px}.canvas-caption{margin-bottom:42px}}@media (width<=1100px){.editor-toolbar{gap:12px;padding:0 14px}.toolbar-end{gap:7px}.prototype-pill{display:none}.dialog-heading .prototype-pill{display:inline}.project-name{margin-left:0}.inspector{width:235px}.canvas-mode{display:none}.viewport-bottom{justify-content:center}.viewport-meta{padding:18px 12px 0}.canvas-caption{gap:6px;font-size:9px}.caption-line{width:10px}.status-right{display:none!important}}@media (width<=999px){.inspector{z-index:4;width:254px;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #0005}.context-note{display:none}.project-name input{width:145px}.avatar{display:none}}@media (width<=700px){.editor-toolbar{gap:9px;height:54px}.wordmark{font-size:17px}.wordmark-light,.toolbar-divider,.project-name,.toolbar-end>.icon-button:nth-of-type(2){display:none}.toolbar-end{gap:5px}.export-button{padding:9px 10px;font-size:10px}.context-toolbar{gap:12px;height:42px;padding:0 12px}.context-opacity,.split-label{display:none}.tool-rail{width:45px}.tool-button{width:31px;height:34px}.tool-buttons{gap:4px}.editor-workspace{padding:8px 6px}.viewport-header{height:39px;padding:0 5px}.viewport-tab{gap:4px;font-size:10px}.document-extension{display:none}.viewport-letter{width:15px;height:17px;font-size:9px}.viewport-tab .active-dot{display:none}.viewport-meta{letter-spacing:0;padding:14px 8px 0;font-size:8px}.viewport-meta span:last-child{display:none}.canvas-caption{margin:10px 9px 20px;font-size:9px;line-height:1.7}.caption-line{display:none}.art-sizing{padding:4px}.viewport-footnote{gap:4px;padding:8px 5px;font-size:7px}.viewport-footnote svg{display:none}.viewport-bottom{padding:0 3px 12px}.zoom-controls .icon-button{width:21px}.zoom-value{min-width:32px;font-size:8px}.status-bar{gap:15px;padding:0 10px;font-size:8px}.status-tool{white-space:nowrap;overflow:hidden}.status-tool .status-separator{padding:0}.status-bar>span:first-child{display:none}.color-field{height:110px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.editable-artboard{background-color:#383e3b;background-image:conic-gradient(#444b47 25%, transparent 0 50%, #444b47 0 75%, transparent 0);background-size:12px 12px;width:100%;position:relative;box-shadow:0 12px 28px #0004}.drawing-canvas{touch-action:none;outline-offset:2px!important}.drawing-grid{pointer-events:none;background-image:linear-gradient(#0003 1px,#0000 1px),linear-gradient(90deg,#0003 1px,#0000 1px);background-size:.78125% .78125%;position:absolute;inset:0}.pixel-selection{pointer-events:none;border:1px dashed #fff;position:absolute;box-shadow:0 0 0 1px #0008}.canvas-error{pointer-events:none;background:#202323ee;padding:8px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.game-arena{--background:#11121b;--surface:#1b1d2a;--surface-raised:#252838;--border:#303344;--accent:#b8a1ff;--muted:#a4a7bd;--text:#f1effa;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.arena-header{border-bottom:1px solid var(--border);background:#171923;flex-shrink:0;align-items:center;gap:34px;height:68px;padding:0 24px;display:flex}.arena-brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.arena-brand strong{letter-spacing:-.7px;font-size:19px;font-weight:850}.arena-brand strong span{color:#b8a1ff}.arena-logo{color:#b8a1ff;font-size:30px}.arena-beta{font:8px var(--font-mono);letter-spacing:1px;color:#b8a1ff;border:1px solid #45405e;border-radius:4px;padding:4px 6px}.arena-nav{align-items:center;gap:16px;height:100%;font-size:12px;display:flex}.arena-nav-active{border-bottom:2px solid #b8a1ff;align-items:center;height:100%;display:flex}.mode-chip{color:#c6b5ff;font:9px var(--font-mono);background:#282335;border-radius:4px;padding:5px 8px}.arena-header-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.local-demo{color:#b4adc7;font-size:10px}.arena-header-actions>.text-button{color:#c4c4d1;font-size:11px}.challenge-hud{border-bottom:1px solid var(--border);background:radial-gradient(at 45% 0,#51447726,#0000 70%),#171923;flex-shrink:0;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:30px;min-height:149px;padding:24px 32px;display:grid}.eyebrow-game{font:9px var(--font-mono);letter-spacing:1.6px;color:#a19bad}.round-info h1{letter-spacing:-.7px;margin:9px 0 0;font-size:23px;font-weight:650;line-height:1.25}.challenge-prompt{text-align:center;min-width:0}.challenge-prompt>.eyebrow-game{color:#c2aaff}.prompt-input{justify-content:center;align-items:center;gap:12px;margin-top:9px;display:flex}.prompt-input input{text-align:center;color:#f3eafb;letter-spacing:-1px;border-bottom:1px dashed #655579;width:220px;min-width:0;max-width:75%;padding:0 0 3px;font-size:33px;font-weight:750}.prompt-input input:disabled{opacity:1;border-color:#0000}.prompt-key{font:8px var(--font-mono);color:#a79caf;border:1px solid #524661;border-radius:4px;padding:4px}.challenge-prompt p{color:#9e97ae;margin:10px 0 0;font-size:10px}.round-controls{justify-content:flex-end;align-items:center;gap:24px;display:flex}.round-clock{white-space:nowrap;flex-direction:column;align-items:center;gap:5px;display:flex}.round-clock>span{font:8px var(--font-mono);letter-spacing:1px;color:#a3a0b3}.round-clock strong{font:30px var(--font-mono);letter-spacing:-1px;color:#f5efff}.round-clock>span:last-child{font-size:7px}.start-round{color:#201830;white-space:nowrap;background:#b8a1ff;border:1px solid #d8c9ff;border-radius:6px;padding:13px 18px;font-size:12px;font-weight:700;box-shadow:0 3px #67508e}.start-round:hover{background:#cdbbff;transform:translateY(-1px)}.start-round:active{box-shadow:none;transform:translateY(2px)}.round-live{color:#bda9ef;align-items:center;gap:8px;font-size:11px;display:flex}.round-live>span{background:#aaffd1;border-radius:50%;width:6px;height:6px}.game-arena .context-toolbar{background:#1a1c28;border-color:#2e3041;height:42px;padding:0 22px}.game-arena .brush-control select{background:#252737;border-color:#3c3e51}.game-arena .editor-body{background:#11121b}.game-arena .tool-rail{background:#1a1c28;border-color:#303344;width:60px}.game-arena .tool-button.selected{color:#cebcff;background:#b8a1ff1a;box-shadow:inset 0 0 0 1px #b8a1ff45}.game-arena .editor-workspace{background:#12131d;grid-template-columns:1fr 9px 1fr;gap:4px;padding:16px 14px}.game-arena .viewport{--player:#82e0cb;border:1px solid #345753;border-top:3px solid var(--player);background:#1a2029 radial-gradient(#95b5b414 1px,#0000 1px) 0 0/16px 16px;border-radius:9px}.game-arena .viewport.player-right{--player:#f2b88d;border-color:#5e493e;border-top-color:var(--player);background-color:#231f27}.game-arena .viewport-header,.game-arena .viewport.active .viewport-header{background:#1c292f;border-bottom:1px solid #34484c;height:66px;padding:0 16px}.game-arena .player-right .viewport-header,.game-arena .player-right.active .viewport-header{background:#2c262f;border-bottom-color:#4c3f49}.game-arena .viewport-tab{flex:1;gap:10px}.player-avatar{color:var(--player);background:color-mix(in srgb, var(--player) 10%, transparent);border:1px solid color-mix(in srgb, var(--player) 30%, transparent);border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:25px;display:grid}.player-identity{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.player-identity strong{letter-spacing:.1px;font-size:13px}.player-state{color:var(--player);font:8px var(--font-mono);letter-spacing:1px;background:color-mix(in srgb, var(--player) 8%, transparent);border-radius:4px;margin-left:auto;padding:5px 7px}.game-arena .viewport-header>.icon-button{margin-left:8px}.game-arena .viewport-meta{color:#959bab;padding-top:15px;font-size:8px}.game-arena .viewport-meta span:last-child{color:#8b90a1}.game-arena .art-sizing{margin:auto;padding:0;position:relative}.game-arena .editable-artboard{background-color:#f1f0f5;background-image:conic-gradient(#e8e7ee 25%, transparent 0 50%, #e8e7ee 0 75%, transparent 0);background-size:16px 16px;border-radius:1px;box-shadow:0 8px 30px #0004}.canvas-ready,.canvas-countdown{z-index:1;pointer-events:none;text-align:center;color:#746b8e;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.canvas-ready>span{color:#a49abf;font-size:42px}.canvas-ready strong{letter-spacing:-.3px;font-size:15px;font-weight:600;line-height:1.5}.canvas-ready small{color:#8d849e;font-size:9px}.canvas-countdown strong{color:#8970be;font-size:72px;font-weight:850}.canvas-countdown span{font:8px var(--font-mono);letter-spacing:1px}.game-arena .drawing-canvas[aria-disabled=true]{cursor:default!important}.player-finish-row{justify-content:space-between;align-items:center;gap:8px;margin:14px 16px 10px;display:flex}.player-finish-row>span{color:#9c9bac;align-items:center;gap:6px;font-size:8px;display:flex}.player-finish-row .active-dot{background:var(--player)}.finish-drawing{background:color-mix(in srgb, var(--player) 14%, transparent);color:var(--player);border:1px solid color-mix(in srgb, var(--player) 35%, transparent);white-space:nowrap;border-radius:5px;padding:9px 13px;font-size:10px;font-weight:600}.game-arena .viewport-bottom{padding:0 16px 12px}.game-arena .canvas-mode{color:#979cac;font-size:8px}.game-arena .zoom-controls{background:#232633;border-color:#454459}.game-arena .viewport-footnote{color:#8e94a8;background:#202330;border-color:#353847;padding:8px 12px;font-size:8px}.game-arena .split-divider:before{content:"VS";color:#c2a9fa;font:bold 9px var(--font-mono);pointer-events:none;z-index:2;background:#211d30;border:1px solid #514467;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute}.game-arena .inspector{background:#1a1c28;border-color:#303344;width:240px}.game-arena .inspector-title{height:46px}.game-arena .color-panel{padding-top:14px}.game-arena .color-field{height:95px}.game-arena .hex-value,.game-arena .layer-options{background:#232635}.game-arena .layer-row.selected{background:#b8a1ff0e}.game-layer-controls{border:0;min-width:0;margin:0;padding:0}.game-arena .canvas-properties{display:none}.game-arena .inspector-tip{color:#b0a2cf}.game-arena .status-bar{color:#a7a0b7;background:#171923;border-color:#303344}.game-arena .status-bar .active-dot{background:#b8a1ff}.round-result{background:#2c2440;border-bottom:1px solid #5b4779;flex-shrink:0;align-items:center;gap:13px;padding:12px 28px;display:flex}.result-star{color:#dfc07a;font-size:28px}.round-result>div{flex-direction:column;gap:4px;display:flex}.round-result strong{color:#e8d9ff;font-size:14px}.round-result div>span{color:#b9abcd;font-size:10px}.result-tag{font:9px var(--font-mono);color:#c7b3e0;letter-spacing:1px;margin-left:auto}@media (width<=1100px){.arena-header{gap:20px}.arena-beta,.arena-nav{display:none}.challenge-hud{grid-template-columns:.8fr 1.2fr 1fr;gap:15px;padding:20px}.round-info h1{font-size:20px}.round-controls{gap:12px}.start-round{padding:12px}.player-finish-row>span{display:none}.player-finish-row{justify-content:center}.game-arena .viewport-header{padding:0 10px}.player-state{font-size:7px}.game-arena .inspector{width:230px}.arena-header-actions{gap:8px}}@media (width<=700px){.arena-header{height:54px;padding:0 13px}.arena-brand strong{font-size:16px}.arena-logo{font-size:23px}.local-demo{font-size:8px}.arena-header-actions>.text-button{display:none}.challenge-hud{grid-template-columns:1fr auto;gap:12px;min-height:120px;padding:15px}.round-info{display:none}.challenge-prompt{text-align:left}.challenge-prompt>.eyebrow-game{letter-spacing:1px;font-size:8px}.prompt-input{justify-content:flex-start;gap:8px;margin-top:7px}.prompt-input input{text-align:left;width:150px;font-size:27px}.prompt-spark{font-size:23px}.prompt-key{display:none}.challenge-prompt p{max-width:200px;font-size:8px;line-height:1.6}.round-controls{flex-direction:column;gap:8px}.round-clock{gap:3px}.round-clock strong{font-size:24px}.round-clock>span:last-child{display:none}.start-round{padding:8px 10px;font-size:10px}.start-round>span{display:none}.round-live{font-size:9px}.game-arena .tool-rail{width:43px}.game-arena .context-toolbar{padding:0 10px}.game-arena .editor-workspace{gap:1px;padding:8px 5px}.game-arena .viewport-header,.game-arena .viewport.active .viewport-header{height:59px;padding:0 7px}.player-avatar{border-radius:5px;width:24px;height:28px;font-size:20px}.player-identity strong{font-size:10px}.player-identity small,.player-state{display:none}.game-arena .viewport-tab{gap:5px}.game-arena .viewport-header>.icon-button{width:20px;margin-left:3px}.game-arena .viewport-meta{letter-spacing:0;padding:10px 6px 0;font-size:7px}.canvas-ready{gap:5px;padding:8px}.canvas-ready>span{font-size:24px}.canvas-ready strong{font-size:10px}.canvas-ready small{font-size:7px}.player-finish-row{margin:9px 4px}.finish-drawing{gap:3px;padding:8px 6px;font-size:9px}.finish-drawing svg{width:12px}.game-arena .viewport-bottom{padding:0 4px 9px}.game-arena .viewport-footnote{padding:6px 3px;font-size:6px}.game-arena .inspector{width:240px}.round-result{padding:10px 15px}.round-result strong{font-size:12px}.round-result div>span{font-size:8px}.result-tag{display:none}.canvas-countdown strong{font-size:42px}.canvas-countdown span{font-size:6px}.game-arena .split-divider:before{width:19px;height:19px;font-size:7px}.game-arena .status-tool{font-size:8px}}@media (prefers-reduced-motion:reduce){.start-round:hover,.start-round:active{transform:none}}@font-face{font-family:Arcade;src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-display:swap;font-weight:400}.game-arena{--arcade:"Arcade", monospace;--accent:#ffdb68;--text:#f7f3ff;--muted:#b4b6d0;--border:#42435f;background:#17172c}.game-arena button:focus-visible,.game-arena input:focus-visible{outline-offset:2px;outline:3px solid #ffe67f}.arena-header{background:#21213d;border-bottom:4px solid #101023;gap:40px;height:72px;padding:0 26px;box-shadow:inset 0 -2px #454362}.arena-brand{gap:12px}.arena-brand strong{font:20px/1.4 var(--arcade);letter-spacing:-1px;color:#fdf7d7;text-shadow:3px 3px #101020}.arena-brand strong span{color:#ffcf60;display:inline}.arena-logo{color:#ffcf60;text-shadow:2px 2px #0d0c20;font-size:33px}.arena-beta{font:7px var(--arcade);color:#a9a6cc;background:#151528;border:0;border-radius:0;padding:7px;box-shadow:inset 0 -2px #3b3a54}.arena-nav{font:9px var(--arcade);gap:16px}.arena-nav-active{color:#ffd467;border-bottom:3px solid #ffd467}.mode-chip{font:8px var(--arcade);color:#c3bafc;background:#383054;border-radius:0;padding:9px}.arena-header-actions{gap:12px}.arena-header-actions>.text-button{font:8px var(--arcade);color:#dad8f3;padding:10px}.arena-header-actions .icon-button{color:#d5d0eb;background:#32324e;border:1px solid #565571;border-radius:0;box-shadow:2px 2px #111124}.local-demo{font-family:var(--font-mono);color:#b7b6d1;font-size:10px}.challenge-hud{background-color:#272441;background-image:radial-gradient(#a899d833 1px,#0000 1px),linear-gradient(120deg,#38305566,#0000 60%);background-size:16px 16px,100% 100%;border-bottom:4px solid #101023;grid-template-columns:1fr 1.15fr 1fr;gap:36px;min-height:174px;padding:23px 28px;box-shadow:inset 0 -2px #50456c}.round-info>.eyebrow-game{font:8px var(--arcade);letter-spacing:0;color:#b9aad9}.round-info h1{font:22px/1.55 var(--arcade);letter-spacing:-1px;color:#fcf1d1;text-shadow:3px 3px #121028;margin-top:12px}.round-info h1 span{color:#ffda67}.challenge-prompt{color:#362838;background:#ffe7a5;border:4px solid #21192b;outline:2px solid #b78b4d;padding:14px 16px 11px;position:relative;transform:rotate(-1deg);box-shadow:5px 5px #111020}.challenge-prompt>.eyebrow-game{font:8px var(--arcade);letter-spacing:1px;color:#785433}.prompt-input{gap:10px;margin-top:11px}.prompt-input input{font:26px/1.4 var(--arcade);color:#39253a;text-shadow:2px 2px #e8be74;letter-spacing:-1px;text-transform:uppercase;border-bottom:2px dashed #b88855;width:230px;max-width:78%;padding:4px 0}.prompt-input input:disabled{color:#39253a}.battle-prompt-text{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:32ch;font:14px/1.7 var(--arcade);color:#39253a;text-align:center;display:inline-block}.game-arena:has(.workspace-expanded) .battle-prompt-text{font-size:11px}.prompt-spark{color:#b37938;font-size:24px}.prompt-key{color:#76502e;font:7px var(--font-mono);border:1px solid #b78b52;border-radius:0}.challenge-prompt p{font:6px/1.7 var(--arcade);color:#86623f;letter-spacing:-.2px;margin-top:10px}.round-controls{gap:22px}.round-clock{background:#121223;border:3px solid #51466d;gap:9px;min-width:132px;padding:10px 12px;box-shadow:3px 3px #0c0c1e}.round-clock>span{font:7px var(--arcade);color:#bdafd9;letter-spacing:0}.round-clock strong{font:24px var(--arcade);color:#fff0a1;letter-spacing:-1px;text-shadow:0 0 15px #ffdc6022}.round-clock>span:last-child{font:6px var(--font-mono);letter-spacing:1px;color:#9290ae}.start-round{font:10px/1.6 var(--arcade);color:#3c2e22;background:#ffd15d;border:3px solid #41311e;border-radius:0;gap:7px;padding:16px 14px;box-shadow:0 5px #a27335,0 8px #141024,inset 0 3px #fff0a0}.start-round svg{display:none}.start-round>span{margin-left:4px}.start-round:hover{background:#ffdf84}.start-round:active{transform:translateY(4px);box-shadow:0 1px #a27335,0 3px #141024}.round-live{font:8px/1.8 var(--arcade);color:#ffe395;max-width:110px}.game-arena .context-toolbar{background:#202037;border-bottom:2px solid #41405b;height:44px}.game-arena .current-tool strong{font:8px var(--arcade);color:#e2d7ff}.game-arena .context-note{color:#afabc5}.game-arena .brush-control select{background:#111125;border-color:#514c6a;border-radius:0}.game-arena .tool-rail{background:#202036;border-right:3px solid #101021;width:65px;padding-top:14px}.game-arena .tool-buttons{gap:9px}.game-arena .tool-button{color:#d0c7e1;background:#33334d;border:2px solid #4f4d69;border-radius:0;width:39px;height:39px;box-shadow:2px 2px #111020}.game-arena .tool-button.selected{color:#3b2c37;background:#ffe08a;border-color:#fff0b3;box-shadow:3px 3px #916438}.game-arena .editor-workspace{background-color:#141528;background-image:linear-gradient(#28274144 1px,#0000 1px),linear-gradient(90deg,#28274144 1px,#0000 1px);background-size:24px 24px;gap:8px;padding:18px 16px}.game-arena .viewport{--player:#7ac8ff;background:#1c2944 radial-gradient(#8ac7fd1c 1px,#0000 1px);border:3px solid #476e9e;border-top:5px solid #88d4ff;border-radius:0;box-shadow:4px 4px #090d1f,inset 0 0 0 2px #111a32}.game-arena .viewport.player-right{--player:#ffa477;background:#362538 radial-gradient(#f8a47b1a 1px,#0000 1px);border:3px solid #955b5e;border-top:5px solid #ffb985}.game-arena .viewport.active{box-shadow:4px 4px #090d1f,inset 0 0 0 2px #111a32}.game-arena .viewport-header,.game-arena .viewport.active .viewport-header{background:#284870;border-bottom:3px solid #11223d;height:74px;padding:0 12px;box-shadow:inset 0 2px #6994b755}.game-arena .player-right .viewport-header,.game-arena .player-right.active .viewport-header{background:#73414c;border-bottom:3px solid #321d32;box-shadow:inset 0 2px #e2948155}.player-avatar{background:#142940;border:2px solid #102439;border-radius:0;width:46px;height:46px;box-shadow:2px 2px #101425}.player-right .player-avatar{background:#392437;border-color:#321c2d}.player-avatar svg{width:36px;height:36px;image-rendering:pixelated}.player-identity strong{font:10px/1.7 var(--arcade);color:#fcf2d9;text-transform:uppercase;text-shadow:2px 2px #1b1b35}.player-identity small{font:6px var(--arcade);letter-spacing:0;color:#bfdbef}.player-right .player-identity small{color:#f1c4bb}.player-state{font:6px var(--arcade);color:#c4efff;letter-spacing:0;background:#10274777;border:1px solid #72b8e666;border-radius:0;padding:7px 6px}.player-right .player-state{color:#ffe0b9;background:#40202d88;border-color:#dca18666}.game-arena .viewport-meta{font:6px/1.6 var(--arcade);color:#9eb8d5;padding:14px 14px 0}.game-arena .viewport-meta span:last-child{font:8px var(--font-mono);color:#a8b5ce}.game-arena .player-right .viewport-meta{color:#d2a7b5}.game-arena .art-sizing{border:5px solid #d0c5b9;outline:3px solid #0e1427;box-shadow:6px 6px #090d2055}.game-arena .editable-artboard{background-color:#fff9e8;background-image:conic-gradient(#f3ecdf 25%, transparent 0 50%, #f3ecdf 0 75%, transparent 0);box-shadow:none}.canvas-ready{gap:13px;padding:12px}.canvas-ready>svg{width:48px;height:48px;image-rendering:pixelated}.canvas-ready strong{font:9px/1.8 var(--arcade);color:#66617b;letter-spacing:0}.canvas-ready small{font:6px/1.6 var(--arcade);color:#93879a}.canvas-countdown{background:#fff3dbe8}.canvas-countdown strong{font:60px var(--arcade);color:#74518e;text-shadow:4px 4px #d5bdd4}.canvas-countdown span{font:7px/1.8 var(--arcade);color:#725478;text-align:center}.player-finish-row{margin-top:14px}.player-finish-row>span{font:6px/1.8 var(--arcade);color:#b1c5df;max-width:180px}.game-arena .player-right .player-finish-row>span{color:#d7b6c6}.finish-drawing{font:9px var(--arcade);color:#193c53;background:#a9e3ff;border:2px solid #477d9d;border-radius:0;padding:12px 15px;box-shadow:0 3px #28547e}.player-right .finish-drawing{color:#592c30;background:#ffbf8d;border-color:#a2634a;box-shadow:0 3px #763d3c}.finish-drawing:disabled{opacity:.38}.finish-drawing:not(:disabled):hover{background:#d4f2ff}.player-right .finish-drawing:not(:disabled):hover{background:#ffd6b7}.game-arena .zoom-controls{background:#131d34;border-color:#485a79;border-radius:0}.game-arena .player-right .zoom-controls{background:#2a1d30;border-color:#775162}.game-arena .viewport-footnote{color:#9aafca;background:#111d32;border-top:2px solid #314b6e}.game-arena .player-right .viewport-footnote{color:#c1a1b3;background:#291d2d;border-color:#654252}.game-arena .canvas-mode{color:#b9c4dc}.game-arena .split-divider:before{content:"VS";font:10px var(--arcade);color:#ffdf75;background:#292140;border:3px solid #8a6997;border-radius:0;width:35px;height:35px;transform:rotate(-7deg);box-shadow:3px 3px #08091c}.game-arena .split-divider span{background:#5e4b79}.game-arena .inspector{background:#202037;border-left:3px solid #101021;width:244px}.game-arena .inspector-title{font:9px var(--arcade);color:#eeddb7;background:#34304b;border-bottom:3px solid #141426;height:50px}.game-arena .inspector-canvas{font:7px var(--arcade);color:#c5b0ee;border-color:#6c5c86;border-radius:0}.game-arena .panel-heading h2{font:8px var(--arcade);color:#dcd2eb}.game-arena .panel-heading>span{color:#aaa1c1}.game-arena .color-field,.game-arena .hue-strip,.game-arena .hex-value,.game-arena .palette button{border-radius:0}.game-arena .palette button{border:1px solid #0003;box-shadow:1px 2px #0c0c22}.game-arena .palette-heading>span:first-child{font:7px var(--arcade)}.game-arena .layer-options{border-radius:0}.game-arena .layer-row.selected{background:#8d75bb24;border-left-color:#cba7ff}.game-arena .layer-thumb{border-radius:0}.game-arena .inspector-tip p,.game-arena .inspector-tip p>span{font-size:9px}.game-arena .status-bar{color:#aaa1be;background:#151426;border-top:2px solid #37304d}.game-arena .status-right{color:#dcc398}.round-result{background:repeating-linear-gradient(135deg,#3b2a52 0 12px,#392850 12px 24px);border-bottom:3px solid #d6ac61;padding:17px 28px}.round-result strong{font:12px/1.6 var(--arcade);color:#ffe28a;text-shadow:2px 2px #211b33}.round-result div>span{font-size:10px}.result-tag{font:8px var(--arcade);color:#ffdb8a}.game-arena .help-dialog{background:#26213b;border:4px solid #b493c7;border-radius:0;box-shadow:8px 8px #0c0b20}.game-arena .help-dialog h1{font:15px/1.8 var(--arcade)}@media (width<=1250px){.arena-header{gap:20px}.arena-brand strong{font-size:17px}.arena-nav{font-size:7px}.arena-beta{display:none}.challenge-hud{grid-template-columns:.85fr 1.15fr 1fr;gap:20px;padding:20px}.round-info h1{font-size:18px}.round-controls{gap:12px}.round-clock{min-width:110px;padding:10px 8px}.round-clock strong{font-size:20px}.start-round{padding:15px 10px;font-size:8px}.start-round>span,.player-state,.player-finish-row>span{display:none}.player-finish-row{justify-content:center}.game-arena .inspector{width:228px}.player-identity strong{font-size:8px}.player-identity small{font-size:5px}}@media (width<=900px){.arena-nav{display:none}.round-info h1{font-size:15px}.round-info>.eyebrow-game{font-size:6px}.round-controls{flex-direction:column;gap:9px}.round-clock{gap:6px;padding:7px 10px}.round-clock>span:last-child{display:none}.start-round{padding:10px 12px}.challenge-hud{grid-template-columns:.8fr 1.2fr .7fr}.prompt-input input{font-size:22px}.challenge-prompt{padding:12px}.challenge-prompt p{font-size:5px}.game-arena .inspector{width:244px}.game-arena .viewport-header{padding:0 9px}}@media (width<=700px){.arena-header{gap:8px;height:58px;padding:0 11px}.arena-brand{gap:6px}.arena-brand strong{letter-spacing:-.5px;font-size:12px}.arena-logo{font-size:25px}.arena-header-actions{gap:7px}.arena-header-actions .icon-button{width:25px;height:27px}.local-demo{font-size:8px}.challenge-hud{grid-template-columns:1fr auto;gap:15px;min-height:145px;padding:13px 13px 16px}.round-info{display:none}.challenge-prompt{border-width:3px;outline-width:1px;padding:10px 9px;transform:rotate(-1deg)}.challenge-prompt>.eyebrow-game{letter-spacing:0;font-size:6px}.prompt-input{gap:6px;margin-top:8px}.prompt-input input{letter-spacing:-1px;width:130px;font-size:21px}.prompt-spark{font-size:18px}.challenge-prompt p{font:5px/1.8 var(--arcade);margin-top:7px}.round-clock{min-width:95px;padding:7px 6px}.round-clock>span{font-size:6px}.round-clock strong{font-size:18px}.start-round{padding:11px 8px;font-size:7px}.round-live{text-align:center;font-size:6px}.game-arena .context-toolbar{height:40px}.game-arena .current-tool strong{font-size:7px}.game-arena .tool-rail{width:44px}.game-arena .tool-button{width:30px;height:32px}.game-arena .tool-buttons{gap:7px}.game-arena .editor-workspace{gap:1px;padding:10px 5px}.game-arena .viewport,.game-arena .viewport.player-right{border-width:4px 2px 2px}.game-arena .viewport-header,.game-arena .viewport.active .viewport-header{height:57px;padding:0 5px}.player-avatar{border-width:1px;width:28px;height:31px}.player-avatar svg{width:25px;height:25px}.player-identity strong{letter-spacing:-.3px;font-size:6px}.player-identity small{display:none}.game-arena .viewport-header>.icon-button{width:16px;margin-left:0}.game-arena .viewport-header>.icon-button svg{width:13px}.game-arena .viewport-meta{font:5px/1.8 var(--arcade);padding:10px 6px 0}.game-arena .art-sizing{border-width:3px;outline-width:2px}.canvas-ready{gap:8px;padding:5px}.canvas-ready>svg{width:30px;height:30px}.canvas-ready strong{font:6px/1.9 var(--arcade)}.canvas-ready small{font:4px/1.6 var(--arcade)}.finish-drawing{padding:10px 9px;font-size:7px}.game-arena .split-divider:before{border-width:2px;width:23px;height:26px;font-size:7px}.game-arena .viewport-footnote{font-size:6px}.round-result{padding:12px}.round-result strong,.round-result div>span{font-size:8px}.canvas-countdown strong{font-size:35px}.canvas-countdown span{font-size:5px}.game-arena .help-dialog h1{font-size:12px}}@media (height<=740px) and (width>=701px){.challenge-hud{min-height:135px;padding-top:12px;padding-bottom:12px}.arena-header{height:58px}.round-info h1{font-size:18px}.game-arena .viewport-header,.game-arena .viewport.active .viewport-header{height:58px}.game-arena .canvas-ready{gap:7px}.game-arena .canvas-ready>svg{width:32px;height:32px}.game-arena .canvas-ready strong{font-size:7px}}.game-arena .editor-workspace>[hidden]{display:none!important}.canvas-expand{color:#e4d8ff;background:#29253e;border:1px solid #716386;padding:8px 10px;font-size:10px;box-shadow:2px 2px #111126}.canvas-expand:hover{background:#403252}.game-arena:has(.workspace-expanded) .arena-header{height:44px}.game-arena:has(.workspace-expanded) .arena-brand strong{font-size:14px}.game-arena:has(.workspace-expanded) .challenge-hud{grid-template-columns:1fr auto;gap:20px;min-height:0;padding:8px 22px}.game-arena:has(.workspace-expanded) .round-info{display:none}.game-arena:has(.workspace-expanded) .challenge-prompt>.eyebrow-game{display:none}.game-arena:has(.workspace-expanded) .challenge-prompt p{display:none}.game-arena:has(.workspace-expanded) .round-clock>span:last-child{display:none}.game-arena:has(.workspace-expanded) .challenge-prompt{border-width:2px;justify-content:center;align-items:center;max-width:350px;padding:2px 12px;display:flex;transform:none}.game-arena:has(.workspace-expanded) .prompt-input{margin:0}.game-arena:has(.workspace-expanded) .prompt-input input{padding:2px 0;font-size:16px}.game-arena:has(.workspace-expanded) .round-controls{flex-direction:row;gap:16px}.game-arena:has(.workspace-expanded) .round-clock{gap:5px;min-width:0;padding:6px 10px}.game-arena:has(.workspace-expanded) .round-clock strong{font-size:16px}.game-arena:has(.workspace-expanded) .start-round{padding:10px}.game-arena .workspace-expanded{padding:8px 12px}.game-arena .workspace-expanded .viewport-header{height:48px}.game-arena .workspace-expanded .player-avatar{width:34px;height:32px}.game-arena .workspace-expanded .player-avatar svg{width:26px;height:26px}.game-arena .workspace-expanded .player-identity small,.game-arena .workspace-expanded .viewport-meta,.game-arena .workspace-expanded .viewport-footnote{display:none}.game-arena .workspace-expanded .canvas-stage{margin-top:8px}.game-arena .workspace-expanded .player-finish-row{margin:8px 14px 5px}.game-arena .workspace-expanded .finish-drawing{padding:8px 14px}.game-arena .workspace-expanded .viewport-bottom{padding-bottom:8px}@media (width<=700px){.game-arena .viewport-bottom{flex-wrap:wrap;gap:9px}.canvas-expand{padding:7px 5px;font-size:9px}.game-arena .viewport-header>.icon-button{flex-shrink:0;width:18px}.game-arena:has(.workspace-expanded) .challenge-hud{gap:12px;padding:8px 10px}.game-arena:has(.workspace-expanded) .challenge-prompt{max-width:170px}.game-arena:has(.workspace-expanded) .prompt-input input{width:110px;font-size:12px}.game-arena:has(.workspace-expanded) .prompt-spark{display:none}.game-arena:has(.workspace-expanded) .round-controls{gap:8px}.game-arena:has(.workspace-expanded) .round-clock strong{font-size:13px}.game-arena:has(.workspace-expanded) .start-round{padding:9px 5px;font-size:6px}.game-arena .workspace-expanded{padding:6px}.game-arena .workspace-expanded .viewport-bottom{justify-content:space-between;padding:4px 12px 10px}}.game-arena .canvas-stage{position:relative}.game-arena .viewport .viewport-header{height:48px;min-height:48px;padding:0 8px}.game-arena .viewport .player-avatar{width:30px;height:30px}.game-arena .viewport .player-avatar svg{width:24px;height:24px}.game-arena .viewport .player-identity strong{font-size:8px}.game-arena .viewport .player-identity small{display:none}.game-arena .viewport-meta{padding-top:6px}.game-arena .viewport .canvas-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:8px;display:flex}.game-arena .canvas-toolbar .canvas-expand,.game-arena .canvas-toolbar .finish-drawing{min-height:36px;padding:7px 9px;font-size:9px}.game-arena .canvas-toolbar .zoom-controls{margin:0}.game-arena .canvas-toolbar .finish-drawing{margin-left:auto}@media (width<=700px){.game-arena .viewport .viewport-header{gap:4px;padding-inline:5px}.game-arena .viewport .player-identity strong{font-size:6px}.game-arena .viewport .canvas-toolbar{gap:6px;padding:6px}.game-arena .canvas-toolbar .canvas-expand,.game-arena .canvas-toolbar .finish-drawing{padding-inline:6px;font-size:8px}}.rival-preview{z-index:5;background:#182039;border:2px solid #fdac68;width:142px;padding:5px;position:absolute;top:8px;right:8px;box-shadow:4px 4px #090e1b}.rival-preview-toggle{color:#ffe0b9;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px;font-family:Arcade,monospace;font-size:7px;display:flex}.rival-preview canvas{width:100%;height:auto;image-rendering:pixelated;background:#f6f0dc;display:block}.rival-preview small{text-align:center;color:#bdc5db;padding:7px 0 2px;font-size:9px;display:block}.mobile-colors-button,.loadout-done-label{display:none}button.overlap-colors{cursor:pointer;background:0 0;border:0;padding:0}@media (width<=999px){.mobile-colors-button{color:#fff2da;background:#182039;border:2px solid #597499;flex-shrink:0;align-items:center;gap:6px;min-height:34px;padding:5px 8px;font-weight:700;display:inline-flex}.mobile-colors-button>span{border:1px solid #fff8;width:17px;height:17px}.game-arena .inspector{z-index:30;width:100%;height:min(52dvh,460px);max-height:calc(100dvh - 60px);padding-bottom:env(safe-area-inset-bottom);border:0;border-top:3px solid #79dfc9;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0008}.game-arena .inspector-title{flex-shrink:0;min-height:48px}.game-arena .inspector-close{gap:8px;width:auto;min-width:65px;min-height:36px;padding:6px;display:flex}.loadout-done-label{font:700 12px monospace;display:inline}.game-arena .inspector-scroll{overscroll-behavior:contain}.game-arena .inspector .color-field{height:64px}.game-arena .inspector .palette{grid-template-columns:repeat(8,minmax(0,1fr))}.game-arena .inspector .palette button{min-height:32px}}@media (width<=600px){.rival-preview{width:100px;padding:3px;top:4px;right:4px}.rival-preview-toggle{font-size:6px}.game-arena .context-toolbar{gap:8px}}.landing-page{--lp-bg:#191526;--lp-ink:#f9f2e3;--lp-muted:#b9b1c9;--lp-gold:#ffcf69;--lp-purple:#b49aff;background:var(--lp-bg);color:var(--lp-ink);min-height:100vh;font-size:16px;overflow:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-wrap{width:min(1240px,100% - 96px);margin-inline:auto}.landing-nav{border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.landing-brand{white-space:nowrap;align-items:center;gap:5px;font:12px/1.5 Arcade,monospace;display:inline-flex}.landing-brand>span:last-child{color:var(--lp-purple)}.brand-mark{color:var(--lp-gold);margin-right:10px;font:38px/1 Georgia}.landing-nav nav{color:#d4cddd;gap:32px;font-size:14px;display:flex}.landing-page a:hover{color:var(--lp-gold)}.landing-button{background:var(--lp-gold);border:2px solid #ffe5a1;justify-content:center;align-items:center;gap:25px;padding:21px 25px;font:11px/1.6 Arcade,monospace;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 5px #a46b35;color:#2e2131!important}.landing-button:hover{background:#ffda8b;transform:translateY(-3px);box-shadow:0 8px #a46b35}.landing-button.small{padding:12px 20px;font:600 13px/1.4 sans-serif;box-shadow:0 3px #a46b35}.landing-button>span{font:24px/1 sans-serif}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:52px;min-height:650px;padding-top:90px;padding-bottom:105px;display:grid}.landing-eyebrow{letter-spacing:.3px;color:var(--lp-purple);font:10px/1.8 Arcade,monospace;display:block}.landing-eyebrow i{background:var(--lp-gold);width:7px;height:7px;margin-right:10px;display:inline-block;box-shadow:0 0 12px #ffcf6940}.hero-copy h1{letter-spacing:-1.7px;text-shadow:4px 5px #090710;margin:25px 0 21px;font:clamp(25px,3vw,43px)/1.65 Arcade,monospace}.hero-copy h1>span{color:var(--lp-gold)}.hero-copy p{color:var(--lp-muted);max-width:470px;margin:0 0 30px;font-size:17px;line-height:1.9}.hero-actions{align-items:center;gap:26px;display:flex}.landing-text-link{white-space:nowrap;font-size:14px}.landing-text-link span{margin-left:8px}.hero-note{color:var(--lp-muted);margin-top:25px;font-size:12px}.hero-note>span{color:var(--lp-purple);padding-right:5px}.duel-illustration{background:radial-gradient(at 50% 45%,#68518a55,#0000 70%),#231c35;border:1px solid #58426a;padding:26px 17px 20px;position:relative;transform:rotate(-2deg);box-shadow:0 12px #100d1a,0 0 90px #825ae512}.illustration-top{text-align:center;color:#c3b4d5;flex-direction:column;align-items:center;gap:10px;padding-bottom:24px;font:9px/1.5 Arcade,monospace;display:flex}.illustration-top strong{color:var(--lp-gold);font-size:24px}.example-label{letter-spacing:1.5px;color:#b9b1c9;font:8px/1.5 sans-serif;position:absolute;top:12px;right:13px}.sample-boards{grid-template-columns:1fr 1fr;gap:17px;display:grid;position:relative}.sample-board{background:#372b51;border:3px solid #a98ae7;min-width:0;box-shadow:4px 5px #100d1a}.sample-board.orange{background:#50312f;border-color:#e2976e}.sample-player{color:#d6c1ff;align-items:center;gap:8px;padding:8px;font:8px/1.5 Arcade,monospace;display:flex}.sample-player svg{width:25px;height:25px}.orange .sample-player{color:#ffc7a3}.sample-pencil{margin-left:auto;font:22px/1 sans-serif}.sample-canvas{aspect-ratio:1;background-color:#e8dfe9;background-image:linear-gradient(45deg,#dbd1e0 25%,#0000 25%),linear-gradient(-45deg,#dbd1e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dbd1e0 75%),linear-gradient(-45deg,#0000 75%,#dbd1e0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;margin:0 9px}.sample-canvas svg{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 5px #31234426)}.sample-colors{align-items:center;gap:5px;padding:12px 9px;display:flex}.sample-colors i{width:15px;height:15px}.sample-colors span{color:#dbc4fa;margin-left:auto}.duel-vs{background:var(--lp-gold);color:#352335;padding:13px 8px;font:17px/1 Arcade,monospace;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(8deg);box-shadow:3px 4px #181022}.prompt-picker{justify-content:center;align-items:center;gap:7px;margin-top:25px;display:flex}.prompt-picker>span{color:#b7a7ce;margin-right:5px;font:7px/1.6 Arcade,monospace}.prompt-picker button{color:#c9badc;border:1px solid #5e4e75;padding:7px 10px;font-size:12px}.prompt-picker button[aria-pressed=true]{color:#251b37;background:#b49aff;border-color:#c8b2ff}.floating-spark{color:var(--lp-gold);text-shadow:4px 4px #100d1a;font-size:48px;position:absolute}.spark-one{top:-30px;right:-22px}.spark-two{color:#b49aff;font-size:37px;bottom:4px;left:-25px}.landing-ticker{color:#bda8db;white-space:nowrap;background:#2b213b;border-block:1px solid #5a456c;justify-content:space-around;gap:25px;padding:21px 24px;font:10px/1.5 Arcade,monospace;display:flex}.landing-ticker span{color:#e2d4ee}.landing-how{padding-block:80px}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.landing-page h2{letter-spacing:-1px;margin:14px 0 0;font-size:32px;font-weight:750}.section-heading p,.landing-arena p{color:var(--lp-muted);margin:0;font-size:15px;line-height:1.8}.landing-steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px;display:grid}.landing-steps article{border-top:1px solid #52415e;padding-top:26px}.step-number{color:var(--lp-purple);font:24px/1.5 Arcade,monospace}.step-number span{color:#554165;font-size:18px}.landing-steps article:nth-child(2) .step-number{color:#ffb488}.landing-steps article:nth-child(3) .step-number{color:var(--lp-gold)}.landing-steps h3{margin:21px 0 12px;font-size:19px}.landing-steps p{color:var(--lp-muted);max-width:330px;margin:0;font-size:15px;line-height:1.8}.landing-arena{background:#292038;border:1px solid #5a456c;align-items:center;gap:30px;margin-bottom:65px;padding:35px;display:flex}.arena-mascots{align-items:center;gap:6px;display:flex}.arena-mascots svg{width:58px;height:58px}.arena-mascots>span{color:var(--lp-gold);font-size:30px}.landing-arena h2{margin-bottom:12px;font-size:27px}.landing-arena>.landing-button{flex-shrink:0;margin-left:auto}.landing-footer{min-height:100px;color:var(--lp-muted);border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.landing-footer .landing-brand{font-size:9px}.landing-page :focus-visible,.arena-home:focus-visible{outline-offset:5px;outline:3px solid #ffcf69}.landing-skip{z-index:20;background:#30233f;padding:15px;position:fixed;top:-100px;left:20px}.landing-skip:focus{top:15px}.arena-home{color:#ffdc7b;white-space:nowrap;border:1px solid #665773;padding:8px;font:11px/1.5 sans-serif;text-decoration:none}@media (width>=1500px){.landing-hero{min-height:720px}}@media (width<=1100px){.landing-wrap{width:calc(100% - 56px)}.landing-hero{gap:30px}.hero-copy h1{font-size:29px}.hero-actions{flex-wrap:wrap;gap:18px}.landing-button{padding:17px;font-size:10px}.sample-player{gap:4px;font-size:6px}.sample-player svg{width:20px;height:20px}.arena-mascots{display:none}.landing-ticker{font-size:8px}}@media (width<=760px){.landing-wrap{width:calc(100% - 40px)}.landing-nav{gap:12px;height:80px}.landing-nav nav{display:none}.landing-brand{font-size:9px}.brand-mark{margin-right:2px;font-size:25px}.landing-button.small{gap:10px;padding:10px;font-size:11px}.landing-hero{grid-template-columns:1fr;gap:55px;padding-top:45px;padding-bottom:65px}.hero-copy h1{letter-spacing:-1px;font-size:clamp(26px,6vw,39px);line-height:1.7}.hero-copy p{font-size:16px}.landing-eyebrow{font-size:8px}.hero-actions{gap:25px}.hero-note{font-size:11px}.duel-illustration{justify-self:center;width:min(470px,100%);padding:22px 12px 18px;transform:rotate(-1deg)}.sample-player{font-size:7px}.sample-player svg{width:24px;height:24px}.sample-colors{gap:4px}.sample-colors i{width:13px;height:13px}.sample-boards{gap:13px}.prompt-picker{gap:5px}.prompt-picker button{padding:7px 9px}.prompt-picker>span{font-size:6px}.landing-ticker{flex-wrap:wrap;justify-content:center;gap:15px;padding:18px 12px;font-size:7px}.landing-ticker span:nth-of-type(n+3){display:none}.landing-how{padding-block:50px}.section-heading{display:block}.section-heading p{margin-top:17px}.landing-page h2{font-size:27px;line-height:1.3}.landing-steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.landing-steps article{padding-top:20px}.landing-steps h3{margin-top:14px}.landing-steps p{max-width:none}.step-number{font-size:20px}.landing-arena{margin-bottom:40px;padding:25px;display:block}.landing-arena>.landing-button{margin-top:23px}.landing-footer{flex-wrap:wrap;justify-content:flex-start;gap:20px;padding-block:25px}.landing-footer>span{order:3;width:100%}.landing-footer>a:last-child{margin-left:auto}.desktop-break{display:none}.arena-home{padding:6px;font-size:10px}}@media (prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important;transition:none!important}}.login-dialog{color:#f9f2e3;text-align:center;background:#261e35;border:2px solid #76608d;width:min(440px,100% - 40px);max-height:calc(100dvh - 40px);padding:38px 30px 25px;overflow:auto;box-shadow:8px 8px #100d1a}.login-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0916cc}.login-close{color:#c8b9d8;width:40px;height:40px;font-size:28px;position:absolute;top:8px;right:10px}.login-emblem{margin-bottom:22px}.login-emblem svg{width:64px;height:64px}.login-eyebrow{color:#b49aff;font:8px/1.8 Arcade,monospace}.login-dialog h2{color:#ffcf69;margin:20px 0 14px;font:22px/1.6 Arcade,monospace}.login-dialog p{color:#c3b8cf;margin:0 0 24px;font-size:15px;line-height:1.8}.google-login-button{color:#292331;background:#fff;border:1px solid #d4c8dd;gap:13px;width:100%;min-height:52px;padding:12px 16px;font-size:15px;font-weight:600;box-shadow:0 4px #8a779b}.google-login-button:hover{background:#eee7f8}.google-letter{color:#4285f4;font:700 25px/1 Arial,sans-serif}.google-login-button>span:last-child{margin-left:auto;font-size:22px}.login-dialog .login-demo-note{color:#b9afc5;margin:20px 0 8px;font-size:12px;line-height:1.7}.login-cancel{color:#e1d5ed;min-height:44px;padding:10px 20px;font-size:13px}.login-dialog button:focus-visible{outline-offset:4px;outline:3px solid #ffcf69}@media (width<=420px){.login-dialog{padding:38px 22px 20px}.login-dialog h2{font-size:19px}}.landing-brand{white-space:normal;max-width:210px;line-height:1.8}.landing-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.seo-sections{gap:40px;padding-block:24px 60px;display:grid}.seo-sections section{background:#211a30;border:1px solid #ffffff20;padding:28px}.seo-sections h2{color:var(--lp-gold);margin:0 0 20px;font:clamp(14px,2vw,21px)/1.8 Arcade,monospace}.seo-sections p{color:var(--lp-muted);max-width:80ch;line-height:1.9}.seo-links{flex-wrap:wrap;gap:24px;display:flex}.seo-links a{line-height:1.8;text-decoration:underline}.seo-sections details{border-top:1px solid #ffffff20;padding:18px 0}.seo-sections summary{cursor:pointer;font-weight:600;line-height:1.7}.seo-breadcrumb{padding-top:28px;font-size:14px;line-height:1.8}.seo-breadcrumb a{text-decoration:underline}@media (width<=900px){.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.landing-steps{grid-template-columns:1fr}.seo-sections section{padding:20px}.hero-copy h1{letter-spacing:-1px;font-size:24px}.hero-actions{flex-wrap:wrap}.landing-brand{max-width:160px}}.player-main{padding-top:55px;padding-bottom:55px}.player-page-intro h1{color:#ffcf69;margin:17px 0;font:clamp(24px,3vw,38px)/1.6 Arcade,monospace}.player-page-intro p{color:#b9b1c9;font-size:16px;line-height:1.8}.demo-board-note{color:#cbbddb;background:#2b223b;border:1px solid #58466a;align-items:center;gap:15px;margin:28px 0 32px;padding:15px 18px;font-size:13px;line-height:1.6;display:flex}.demo-board-note>span{color:#ffcf69;white-space:nowrap;font:8px/1.7 Arcade,monospace}.leaderboard-podium{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:50px;display:grid}.podium-card{background:#282033;border:1px solid #624873;flex-direction:column;align-items:center;gap:13px;padding:23px 15px;display:flex;box-shadow:4px 5px #100d1a}.podium-1{background:linear-gradient(150deg,#3c2f34,#292033);border-color:#bd914e}.podium-rank{color:#b49aff;align-self:stretch;align-items:center;gap:15px;font:20px/1.6 Arcade,monospace;display:flex}.podium-rank small{font:8px/1.7 Arcade,monospace}.podium-1 .podium-rank{color:#ffcf69}.podium-card>svg{width:65px;height:65px;margin-top:8px}.player-pages .podium-card h2{letter-spacing:0;margin:7px 0 0;font-size:22px}.podium-card>strong{color:#ffcf69;font:21px/1.6 Arcade,monospace}.podium-card strong small{color:#a99fba;font:9px/1.5 Arcade,monospace}.podium-card>span:last-child{color:#b9b1c9;font-size:13px}.player-section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.player-section-title h2{margin:0;font-size:25px}.player-section-title>span{color:#b9b1c9;font-size:12px}.leaderboard-table-wrap{border:1px solid #51405f;overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%;font-size:15px}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid #42344f;padding:17px 24px}.leaderboard-table thead{color:#b5a1d0;background:#292036;font:9px/1.7 Arcade,monospace}.leaderboard-table th:last-child,.leaderboard-table td:last-child{text-align:right}.leaderboard-table tbody td:first-child{color:#b49aff;width:110px;font:12px/1.7 Arcade,monospace}.leaderboard-table tbody td:last-child{color:#ffcf69;font:12px/1.7 Arcade,monospace}.leaderboard-table th a{align-items:center;gap:15px;display:flex}.leaderboard-table th svg{width:32px;height:32px}.leaderboard-table tbody tr:hover{background:#2b2239}.leaderboard-table tr:last-child>*{border-bottom:0}.leaderboard-table small,.your-ranking strong>span{color:#ffcf69;margin-left:12px;font:8px/1.5 Arcade,monospace}.your-row{background:#392c49}.your-ranking{background:#30253f;border:1px solid #9a7ec0;align-items:center;gap:20px;margin-top:22px;padding:22px 24px;display:flex}.your-ranking p{color:#b9b1c9;margin:7px 0 0;font-size:13px}.your-ranking>strong{color:#b49aff;margin-left:auto;font:16px/1.6 Arcade,monospace}.your-ranking b{color:#ffcf69}.your-ranking>span{margin-left:auto}.scoring-explainer{border-top:1px solid #51405f;max-width:850px;margin-top:40px;padding-top:25px}.scoring-explainer strong{font-size:16px}.scoring-explainer p{color:#b9b1c9;font-size:13px;line-height:1.8}.profile-banner{background:linear-gradient(120deg,#392b4a,#261d33);border:1px solid #67507e;align-items:center;gap:25px;padding:30px;display:flex}.profile-avatar{background:#1b1526;border:2px solid #9377b7;flex-shrink:0;place-items:center;width:100px;height:100px;display:grid}.profile-avatar svg{width:70px;height:70px}.profile-identity h2{margin:12px 0;font-size:32px}.profile-identity p{color:#b9b1c9;margin:0;font-size:14px}.profile-identity p>span{padding:0 10px}.profile-edit{color:#eadff3;border:1px solid #9b7db8;min-height:44px;padding:12px 18px;font-size:13px}.profile-banner>.profile-edit{margin-left:auto}.profile-board-link{margin-left:auto;font-size:13px}.profile-edit-form{background:#282034;align-items:end;gap:20px;padding:20px;display:flex}.profile-edit-form label{flex:1;gap:8px;max-width:350px;font-size:13px;display:grid}.profile-edit-form input{color:#f9f2e3;background:#171120;border:1px solid #a78dbf;width:100%;padding:12px;font-size:16px}.profile-notice{color:#ffcf69;font-size:13px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 45px;display:grid}.profile-stats>div{background:#241c30;border:1px solid #51405f;flex-direction:column;gap:16px;padding:25px;display:flex}.profile-stats strong{color:#ffcf69;font:27px/1.6 Arcade,monospace}.profile-stats span{color:#b9a9cd;font:8px/1.7 Arcade,monospace}.profile-history ul{border:1px solid #51405f;padding:0;list-style:none}.profile-history li{border-bottom:1px solid #42344f;align-items:center;gap:20px;padding:20px;display:flex}.profile-history li:last-child{border-bottom:0}.profile-history li>div{flex-direction:column;gap:8px;display:flex}.profile-history li>div>span{color:#b9b1c9;font-size:12px}.profile-history li>b{color:#ffcf69;white-space:nowrap;margin-left:auto}.match-outcome{color:#d8b5c6;background:#422c3c;padding:10px;font:9px/1.7 Arcade,monospace}.match-outcome.won{color:#b1eccb;background:#2c443c}.profile-empty{text-align:center;background:#231b2e;border:1px dashed #67527c;padding:40px 25px}.profile-empty>span{color:#b49aff;font-size:35px}.profile-empty p{color:#b9b1c9;font-size:14px;line-height:1.8}.profile-empty a{color:#ffcf69;padding:10px;display:inline-block}.save-warning{color:#ffe0a0;background:#49352e;padding:15px;font-size:14px}.player-pages [aria-current=page]{color:#ffcf69}.player-main h1:focus{outline:none}.game-arena .result-tag{text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.profile-banner{flex-wrap:wrap}.profile-banner>.profile-edit{margin-left:0}.profile-stats{gap:12px}.profile-stats>div{padding:20px 15px}.podium-card>strong{font-size:17px}.podium-rank{gap:8px}.podium-rank small{font-size:6px}.player-pages .podium-card h2{font-size:18px}.arena-header{gap:12px}.arena-header-actions{gap:6px}}@media (width<=760px){.landing-nav{flex-wrap:wrap;height:auto;min-height:80px;padding-block:18px}.landing-nav nav{order:3;justify-content:center;gap:25px;width:100%;padding-top:10px;font-size:13px;display:flex}.player-main{padding-top:30px}.demo-board-note{margin-bottom:25px;display:block}.demo-board-note>span{margin-bottom:8px;display:block}.leaderboard-podium{gap:10px;margin-bottom:30px}.podium-card{gap:10px;padding:16px 8px}.podium-rank{justify-content:center;font-size:13px}.podium-rank small{display:none}.podium-card>svg{width:40px;height:40px}.player-pages .podium-card h2{text-align:center;min-height:39px;font-size:13px;line-height:1.5}.podium-card>strong{font-size:12px}.podium-card strong small{font-size:6px}.podium-card>span:last-child{font-size:11px}.leaderboard-table th,.leaderboard-table td{padding:13px 10px;font-size:12px}.leaderboard-table thead th{font-size:7px}.leaderboard-table tbody td:first-child{width:45px;font-size:9px}.leaderboard-table tbody td:last-child{font-size:10px}.leaderboard-table th a{gap:8px}.leaderboard-table th svg{width:24px;height:24px}.leaderboard-table small{margin:4px 0 0;display:block}.player-section-title h2{font-size:22px}.player-section-title>span{font-size:10px}.your-ranking{gap:10px;padding:16px 12px;font-size:12px}.your-ranking>svg{width:30px;height:30px}.your-ranking p,.your-ranking>strong{font-size:11px}.your-ranking strong>span{margin:5px 0;display:block}.profile-banner{gap:18px;padding:20px}.profile-avatar{width:64px;height:64px}.profile-avatar svg{width:48px;height:48px}.profile-identity{flex:1;min-width:0}.profile-identity h2{overflow-wrap:anywhere;font-size:24px}.profile-identity .landing-eyebrow{font-size:6px}.profile-identity p{font-size:12px}.profile-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.profile-stats strong{font-size:23px}.profile-stats span{font-size:7px}.profile-edit-form{flex-wrap:wrap}.profile-edit-form label{flex-basis:100%}.profile-history li{gap:10px;padding:15px 10px;font-size:13px}.profile-history li>div>span{font-size:11px}.match-outcome{padding:8px;font-size:7px}.arena-header-actions .arena-home{padding:6px;font-size:9px}.arena-brand{gap:6px}.arena-header{padding-inline:10px}.game-arena .round-result{flex-wrap:wrap;height:auto;min-height:60px;padding:8px 12px}.game-arena .round-result .result-tag{margin-left:auto;padding:6px;font-size:8px;display:block}.profile-identity{flex:1 0 calc(100% - 82px)}.profile-banner>.profile-edit{margin-left:0}.profile-board-link{font-size:12px}}.arena-lobby{color:#f6f1ff;background:radial-gradient(at 50% 10%,#3b2466 0,#0000 60%),repeating-linear-gradient(0deg,#0000 0 39px,#ab88ff08 39px 40px),#160f29;min-height:100dvh;padding:0 5vw 30px}.lobby-nav{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:15px;max-width:1200px;height:86px;margin:auto;display:flex}.lobby-nav a,.lobby-back{color:#c8bcdf;font-size:13px;text-decoration:none}.lobby-nav strong{letter-spacing:2px;font-family:Arcade,monospace}.lobby-nav strong span{color:#ffc958}.lobby-content{max-width:1050px;margin:auto;padding-top:42px}.lobby-eyebrow{text-align:center;letter-spacing:4px;color:#bb9de9;font-size:11px;font-weight:800;display:block}.lobby-content h1{text-align:center;outline:none;margin:17px 0 10px;font-family:Arcade,monospace;font-size:clamp(27px,4vw,48px);line-height:1.5}.lobby-content h1 em{color:#ffd26b;text-shadow:4px 5px #8b453c;font-style:normal}.lobby-intro{text-align:center;color:#c1b4d7;margin:0 0 32px;font-size:15px}.lobby-content section h2{letter-spacing:1.6px;margin:24px 0 14px;font-size:12px}.lobby-content section h2>span{color:#b49ad5;margin-right:10px}.mode-grid,.judge-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mode-card,.judge-card{text-align:left;color:inherit;background:#271b40;border:2px solid #57406e;border-radius:4px;padding:24px;transition:transform .18s ease-out,border-color .18s,box-shadow .18s;position:relative}.mode-card.selected,.judge-card.selected{background:linear-gradient(120deg,#3a2853,#2c203e);border-color:#ffd16c;box-shadow:0 0 0 3px #ffd16c0b,5px 5px #0c0817}.mode-card.selected:hover,.judge-card.selected:hover{transform:translateY(-3px);box-shadow:0 8px 26px #ffcd6815}.card-tag{letter-spacing:1px;color:#ffe09a;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.mode-avatars{justify-content:center;align-items:center;gap:22px;min-height:102px;display:flex}.mode-avatars svg{filter:drop-shadow(0 5px #0e0928);width:64px;height:64px}.mode-avatars b{color:#d7b3fc;font-size:18px;font-style:italic}.mode-card h3{margin:12px 0;font-family:Arcade,monospace;font-size:20px}.mode-card p,.judge-card p{color:#c1b5d3;margin:10px 0 18px;font-size:13px;line-height:1.6}.card-bottom{letter-spacing:1px;color:#e7c6ff;border-top:1px solid #ffffff19;justify-content:space-between;padding-top:14px;font-size:10px;display:flex}.unavailable{opacity:.6;cursor:not-allowed}.unavailable .card-tag{color:#cebddf}.judge-card{align-items:center;gap:16px;padding:20px;display:flex}.judge-icon{color:#fbd580;background:#ffd77c10;padding:10px;display:flex}.judge-card h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.judge-card h3 small{color:#dcc499;border:1px solid #8b7555;padding:4px;font-size:8px}.judge-card p{margin-bottom:0}.lobby-launch{border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:22px 0;display:flex}.lobby-launch strong{letter-spacing:1px;font-size:12px}.lobby-launch strong span{color:#b09cc6;margin:0 10px}.lobby-launch p{color:#b5a4cb;margin-bottom:0;font-size:12px}.lobby-launch .start-round,.match-stage .start-round{min-width:245px;min-height:54px;font-size:12px}.lobby-demo{color:#aa99c1;text-align:center;justify-content:center;align-items:center;gap:8px;margin:18px 0;font-size:11px;line-height:1.6;display:flex}.match-stage{background:#281c42;border:2px solid #74539b;max-width:800px;margin:40px auto 0;padding:36px 24px;box-shadow:8px 8px #0c0819;text-align:center!important}.match-versus{grid-template-columns:1fr 150px 1fr;align-items:center;gap:20px;display:grid}.match-player{flex-direction:column;align-items:center;gap:18px;display:flex}.match-player>svg,.mystery-player{filter:drop-shadow(0 8px #111023);width:100px;height:100px}.match-player strong{color:#92d5ff;font-family:Arcade,monospace;font-size:12px}.match-player small{letter-spacing:1px;color:#b6a5cc;font-size:9px}.match-player.rival strong{color:#ffa378}.mystery-player{color:#bd9fd9;background:#3d2d55;border:2px dashed #9170b2;place-items:center;font-size:60px;animation:1.5s ease-in-out infinite mystery;display:grid}.radar{background:repeating-radial-gradient(circle,#0000 0 22px,#ae80ef19 23px 24px);border:1px solid #9a78d740;border-radius:50%;place-items:center;width:140px;height:140px;display:grid;position:relative}.radar i{background:conic-gradient(#0000 70%,#b480f460);border-radius:50%;animation:2s linear infinite scan;position:absolute;inset:0}.radar b{color:#ffe093;z-index:1;font-family:Arcade,monospace;font-size:30px}.match-status{color:#d2bfec;margin:34px 0 25px;font-size:14px}.lobby-back{cursor:pointer;background:0 0;border:0;margin:22px auto 0;padding:12px;display:block}.lobby-back:hover{color:#fff}.match-stage .start-round{margin:auto}.lobby-found .match-player.rival{animation:.6s cubic-bezier(.2,.9,.3,1.3) both rival-arrive}.lobby-found .radar i{background:#ffd16c15;animation:none}.lobby-found .radar b{animation:.4s ease-out impact}.lobby-found .match-stage{border-color:#ffd16c}.arena-lobby button:focus-visible,.arena-lobby a:focus-visible,.battle-mode-bar button:focus-visible{outline-offset:5px;outline:3px solid #8ed5ff}.battle-mode-bar{color:#cbbadd;letter-spacing:1px;background:#241937;justify-content:space-between;align-items:center;gap:12px;padding:9px 24px;font-size:10px;display:flex}.battle-mode-bar b{color:#ffe094;margin-left:8px;font-size:9px}.battle-mode-bar button{color:#ffe094;cursor:pointer;background:0 0;border:0;padding:5px}.judging-banner{color:#edd7ff;background:#35244c;border:1px solid #9e75d2;align-items:center;gap:18px;margin:8px 20px;padding:18px 24px;display:flex}.judging-banner strong{letter-spacing:1px;font-size:12px}.judging-banner p{color:#c5b6d4;margin:8px 0 0;font-size:12px}.judge-scan{color:#ffe099;animation:1s ease-in-out infinite mystery}.judging-dots{color:#ffce72;margin-left:auto;animation:1s ease-in-out infinite mystery}.score-reveal{background:linear-gradient(125deg,#362249,#211b35);border:2px solid #caa04c;margin:10px 20px;padding:20px 28px;animation:.5s ease-out rival-arrive}.score-head{align-items:center;gap:20px;display:flex}.score-head small{color:#d6c195;letter-spacing:1.5px;font-size:9px}.score-head h2{color:#ffdb87;margin:10px 0;font-family:Arcade,monospace;font-size:18px}.score-head p{color:#ccbddb;margin:0;font-size:12px}.score-cards{grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;display:grid}.score-card{background:#161323;border:1px solid #5e446c;padding:14px}.score-card>span{color:#c8b9da;font-size:10px}.score-card>strong{color:#fff0c3;margin:8px 0;font-size:32px;display:block}.score-card strong small{color:#a795bc;margin-left:5px;font-size:13px}.score-winner{border-color:#edc569}.score-track{background:#41324d;height:6px}.score-track i{transform-origin:0;background:#b291ed;height:100%;animation:.9s ease-out both score-fill;display:block}.score-winner .score-track i{background:#ffd370}.score-card p,.score-disclaimer{color:#c3b3d0;margin-bottom:0;font-size:11px}.score-disclaimer{line-height:1.5}.canvas-countdown strong{animation:.8s ease-out both count-pop}.phase-drawing .round-live{animation:.45s ease-out impact}.start-round{transition:transform .15s,filter .15s}.start-round:hover{filter:brightness(1.08);transform:translateY(-2px)}.start-round:active{transform:translateY(2px)}@keyframes scan{to{transform:rotate(360deg)}}@keyframes mystery{50%{opacity:.5;transform:translateY(-5px)}}@keyframes rival-arrive{0%{opacity:0;transform:translate(30px)scale(.9)}to{opacity:1;transform:none}}@keyframes impact{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes count-pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(.95)}70%,to{opacity:1;transform:scale(1)}}@keyframes score-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=650px){.arena-lobby{padding:0 18px 20px}.lobby-nav{height:65px}.lobby-nav strong{letter-spacing:0;font-size:9px}.lobby-nav a{font-size:11px}.lobby-content{padding-top:30px}.lobby-content h1{font-size:28px}.lobby-intro{font-size:13px;line-height:1.6}.mode-grid,.judge-grid{grid-template-columns:1fr}.mode-card{padding:20px}.mode-avatars{min-height:85px}.lobby-launch{text-align:center;flex-direction:column;align-items:stretch}.lobby-demo{align-items:flex-start;font-size:10px}.match-stage{padding:26px 12px}.match-versus{grid-template-columns:1fr 55px 1fr;gap:8px}.radar{width:55px;height:55px}.radar b{font-size:16px}.match-player>svg,.mystery-player{width:65px;height:65px}.match-player strong{font-size:9px;line-height:1.6}.match-player small{font-size:8px;line-height:1.6}.score-reveal{margin:8px;padding:16px}.score-head h2{font-size:13px;line-height:1.7}.score-cards{gap:10px}.battle-mode-bar{padding:9px 12px;font-size:9px}.judging-banner{margin:8px;padding:14px}.judging-dots{display:none}}@media (prefers-reduced-motion:reduce){.arena-lobby *,.score-reveal,.score-track i,.judge-scan,.judging-dots,.canvas-countdown strong,.phase-drawing .round-live,.start-round{transition:none!important;animation:none!important}}.arena-lobby .mode-card{min-width:0;display:block}.arena-lobby .unavailable:disabled{opacity:.65}.arena-lobby h1:focus-visible{outline:none}.judge-card>div{min-width:0}.judge-card>svg{flex-shrink:0}.game-arena:has(.score-reveal){height:auto;min-height:100dvh}.game-arena:has(.score-reveal) .editor-body{flex:none;min-height:560px}.arena-lobby .start-round{font-family:Arcade,monospace;font-size:10px}.timer-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.timer-option{color:#cbbbdc;background:#271b40;border:2px solid #57406e;border-radius:4px;min-height:76px;padding:16px 12px;transition:transform .18s,border-color .18s}.timer-option strong{font-family:Arcade,monospace;font-size:12px}.timer-option.selected{color:#ffe09a;background:#3a2853;border-color:#ffd16c;box-shadow:4px 4px #0c0817}.timer-option:hover{background:#3a2853;transform:translateY(-2px)}.timer-note{color:#bbaacd;margin:14px 0 0;font-size:12px;line-height:1.6}.match-duration{color:#ffd16c;justify-content:center;align-items:center;gap:8px;margin-top:30px;display:flex}.match-duration+.match-status{margin-top:16px}@media (width<=650px){.timer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.timer-option strong{font-size:11px}.lobby-launch strong{line-height:2}}.editor-workspace{isolation:isolate;position:relative}.canvas-stage{position:relative}.canvas-analysis,.canvas-verdict{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.canvas-analysis{color:#ede1ff;background:#16122aab;box-shadow:inset 0 0 65px #9566e33b}.analysis-grid{background-color:#0000;background-image:linear-gradient(#ba92fc15 1px,#0000 1px),linear-gradient(90deg,#ba92fc15 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.analysis-beam{background:linear-gradient(#0000,#bb8fff32);border-bottom:2px solid #d4bbff;height:30%;animation:1.5s ease-in-out infinite art-scan;position:absolute;top:-30%;left:0;right:0;box-shadow:0 8px 18px #c393ff45}.analysis-label{text-align:center;background:#20172cea;border:1px solid #ae7ce3;flex-direction:column;align-items:center;gap:12px;max-width:88%;padding:22px;display:flex;position:relative;box-shadow:5px 5px #0d0918}.analysis-label>svg{color:#e5c7ff;animation:1s ease-in-out infinite analyze-hover}.analysis-label strong{color:#ffe3a6;font:clamp(10px,1.3vw,17px)/1.5 Arcade,monospace}.analysis-label span{overflow-wrap:anywhere;font-size:12px}.analysis-label small{letter-spacing:1px;color:#c4afd7;font-size:8px}.analysis-progress{background:#5b3f70;width:140px;max-width:100%;height:5px;overflow:hidden}.analysis-progress i{background:#e0bcff;width:40%;height:100%;animation:1.1s ease-in-out infinite analyze-progress;display:block}.scan-corner{border-color:#d8b1ff;width:25px;height:25px;position:absolute}.scan-corner.top{border-top:3px solid;border-left:3px solid;top:16px;left:16px}.scan-corner.bottom{border-bottom:3px solid;border-right:3px solid;bottom:16px;right:16px}.canvas-verdict{background:linear-gradient(#0000 15%,#15102466);align-items:end;padding:18px}.canvas-score{text-align:center;background:#211931ee;border:2px solid #79608e;flex-direction:column;gap:10px;width:min(100%,290px);padding:16px 20px;animation:.5s ease-out both verdict-arrive;display:flex;position:relative;box-shadow:5px 5px #0b0917}.verdict-label{letter-spacing:1px;color:#d5c1e8;font-size:9px}.canvas-score>strong{color:#f4e4ff;font:32px/1.2 Arcade,monospace}.canvas-score strong small{color:#c2add5;font:12px sans-serif}.canvas-score>small{color:#c1afd1;font-size:9px}.canvas-score .score-track i{background:#ba99f2;animation-duration:.9s}.verdict-title{color:#d8c4ed;font:11px/1.6 Arcade,monospace;animation:.35s 1s both verdict-title}.verdict-winner .canvas-score{border-color:#ffda77;box-shadow:5px 5px #0b0917,0 0 30px #ffc45418}.verdict-winner .canvas-score>strong,.verdict-winner .verdict-title{color:#ffe192}.verdict-winner .score-track i{background:#ffd66e}.pixel-confetti{position:absolute;inset:0;overflow:hidden}.pixel-confetti i{opacity:0;width:8px;height:12px;animation:2s ease-out both pixel-fall;position:absolute;top:-15px}.victory-kick{z-index:15;pointer-events:none;--direction:1;position:absolute;inset:0;overflow:hidden}.kick-from-right{--direction:-1;transform:scaleX(-1)}.kick-fighter{opacity:0;width:74px;height:95px;animation:1.5s 1.45s both winner-kick;position:absolute;top:39%;left:15%}.kick-fighter>svg{filter:drop-shadow(4px 5px #121128);width:65px;height:65px}.kick-crown{color:#ffdb70;font-size:30px;position:absolute;top:-27px;left:18px}.kick-boot{transform-origin:0;background:#ffe59c;border:4px solid #30203f;width:52px;height:20px;animation:1.5s 1.45s both boot-snap;position:absolute;top:58px;left:35px;box-shadow:inset -12px 0 #df9c51}.kick-impact{color:#ffdc7f;text-shadow:3px 3px #702e56;opacity:0;font:22px Arcade,monospace;animation:.5s 2.02s both kick-pow;position:absolute;top:35%;left:53%}.kick-impact span{color:#fff0bb;font-size:60px;display:block}.defeated-stage{animation:.6s 2.02s both rival-panel-kick}.kick-from-right .kick-impact{transform:scaleX(-1)}@keyframes art-scan{to{top:100%}}@keyframes analyze-hover{50%{transform:translateY(-4px)}}@keyframes analyze-progress{0%{transform:translate(-110%)}to{transform:translate(360%)}}@keyframes verdict-arrive{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:none}}@keyframes verdict-title{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes pixel-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(450px)rotate(280deg)}}@keyframes winner-kick{0%{opacity:0;left:15%;transform:translateY(20px)rotate(-15deg)}15%{opacity:1}38%,48%{opacity:1;left:calc(50% - 54px);transform:translateY(-10px)rotate(-12deg)}65%{opacity:1;left:30%;transform:translateY(-30px)rotate(8deg)}to{opacity:0;left:20%;transform:translateY(20px)}}@keyframes boot-snap{0%,25%{transform:rotate(75deg)scaleX(.6)}38%,48%{transform:rotate(-8deg)scaleX(1.3)}65%,to{transform:rotate(60deg)scaleX(.7)}}@keyframes kick-pow{0%{opacity:0;scale:.5}20%{opacity:1;scale:1.3}70%{opacity:1;scale:1}to{opacity:0;scale:1.1}}@keyframes rival-panel-kick{0%,to{transform:none}15%{transform:translate(10px,3px)rotate(1deg)}35%{transform:translate(-7px,-2px)rotate(-.7deg)}55%{transform:translate(4px,1px)}80%{transform:translate(-2px)}}@media (width<=650px){.canvas-verdict{padding:8px}.canvas-score{gap:8px;padding:12px 7px}.canvas-score>strong{font-size:24px}.verdict-title,.verdict-label,.canvas-score>small{font-size:8px}.analysis-label{gap:10px;padding:14px 8px}.analysis-label span{font-size:10px}.analysis-label small{font-size:7px;line-height:1.5}.analysis-label strong{font-size:9px}.kick-impact{font-size:14px}.kick-fighter{width:50px}.kick-fighter>svg{width:48px;height:48px}.kick-boot{width:40px;top:40px;left:25px}}@media (prefers-reduced-motion:reduce){.canvas-analysis *,.canvas-verdict *,.defeated-stage{animation:none!important}.analysis-beam,.pixel-confetti,.victory-kick{display:none}.verdict-title{opacity:1}.analysis-progress i{width:100%}}:is(.game-arena:has(.canvas-analysis),.game-arena:has(.canvas-verdict)){height:auto;min-height:100dvh}:is(.game-arena:has(.canvas-analysis) .editor-body,.game-arena:has(.canvas-verdict) .editor-body){flex:none;min-height:580px}.social-main{padding-top:45px;padding-bottom:60px}.social-main>h1{margin:16px 0;font:clamp(26px,4vw,46px)/1.5 Arcade,monospace}.social-main>h1 span{color:#ffd477}.social-main>p{color:#c6b3d9;font-size:15px}.social-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;margin-top:28px;display:grid}.social-panel{background:#261c39;border:1px solid #604877;padding:24px;box-shadow:5px 5px #100c1b}.social-panel h2{color:#ffe1a0;margin:0 0 20px;font:14px/1.6 Arcade,monospace}.social-panel h3{color:#ded1ed;margin:24px 0 12px;font-size:13px}.social-search{color:#c8b5dc;flex-direction:column;gap:10px;font-size:12px;display:flex}.social-search input{color:#f7ecff;background:#151020;border:1px solid #8a68a4;border-radius:3px;width:100%;padding:15px;font-size:14px}.social-duration{color:#baabcb;flex-wrap:wrap;align-items:center;gap:14px;margin:15px 0;font-size:11px;display:flex}.social-duration select{color:#ffe19e;background:#161121;border:1px solid #715884;margin-left:5px;padding:8px}.social-list{gap:12px;display:grid}.social-player{background:#1c152a;border:1px solid #463653;align-items:center;gap:12px;padding:16px;display:flex}.social-player>svg{flex-shrink:0}.social-identity{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.social-identity a,.request-card>a{color:#f0e2ff;font-weight:700;text-decoration:none}.social-identity a:hover,.request-card>a:hover{color:#ffdc7b}.social-identity span{color:#b8a1ca;overflow-wrap:anywhere;font-size:11px}.presence{color:#b5a5bf;font-size:10px}.presence.online{color:#96e6b1}.social-actions{color:#cabbdd;flex-direction:column;align-items:center;gap:10px;font-size:10px;display:flex}.social-actions button,.request-buttons button,.social-play{color:#302039;background:#ffd279;border:1px solid #f6c463;min-height:40px;padding:10px 13px;font-weight:800}.social-actions button:disabled{color:#b8a9ca;opacity:.7;background:#3d304d;border-color:#615170}.request-card{background:#1b1428;border-left:3px solid #a286d5;flex-direction:column;gap:12px;margin-top:14px;padding:18px;display:flex}.request-kind{color:#bca1db;letter-spacing:1px;font-size:9px}.request-card>a{font-size:14px;line-height:1.6}.request-card>a small{color:#a98dc4;font-size:11px;display:block}.request-card p{color:#cab8dc;margin:0;font-size:12px;line-height:1.6}.request-buttons{gap:10px;display:flex}.request-buttons button:last-child{color:#d3bfe4;background:#312340;border-color:#684b81}.simulation-controls{color:#cbb67c;font-size:10px}.request-status{color:#bdadc9;font-size:12px}.request-status.accepted{color:#9ae7b8}.social-play{white-space:normal;line-height:1.5}.social-notice{color:#a3e6b9;min-height:16px;font-size:12px}.social-muted,.social-empty{color:#bcaacc;font-size:12px;line-height:1.7}.friends-page button:focus-visible,.friends-page a:focus-visible{outline-offset:4px;outline:3px solid #bfa3ff}.social-actions button:hover,.request-buttons button:hover,.social-play:hover{filter:brightness(1.12)}@media (width<=800px){.social-layout{grid-template-columns:1fr}.social-panel{padding:18px}.social-player{flex-wrap:wrap;padding:12px}.social-identity{min-width:110px}.social-actions{align-items:flex-start}.social-main{padding-top:28px}.social-panel h2{font-size:12px}}.connection-banner{color:#f7df9a;background:#211633;border-bottom:1px solid #604b81;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;font:13px/1.5 system-ui;display:flex}.connection-banner [role=alert]{color:#ffb8b8}.connection-banner button,.account-strip button{color:inherit;cursor:pointer;background:0 0;border:1px solid #9478b8;padding:5px 10px}.account-strip{color:#eadcfb;background:#160f25;justify-content:flex-end;align-items:center;gap:15px;padding:6px 24px;font:12px system-ui;display:flex}.auth-shade{z-index:100;background:#10091bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-card{max-width:480px;max-height:90dvh;display:block;position:relative;overflow:auto}.auth-card>svg{width:100px;height:100px;margin:auto}.onboarding{max-width:460px;margin:30px auto}.onboarding label,.social-controls>label{gap:12px;font:16px system-ui;display:grid}.onboarding input,.social-controls input,.social-controls select{color:#fff;background:#261a3c;border:2px solid #796291;padding:14px;font:18px system-ui}.social-controls{border:0;min-width:0;padding:0}.social-controls section{border-bottom:2px solid #453053;padding:24px 0}.social-controls h2{font-family:var(--font-pixel,monospace);margin:0 0 20px}.social-list{padding:0;list-style:none}.social-row{background:#21162f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:8px 0;padding:16px;display:flex}.social-row a{color:#f5dca2}.social-row p{margin:8px 0;font:14px system-ui}.social-row button,.social-controls button{color:#211631;cursor:pointer;background:#eec568;border:2px solid #ffe2a2;padding:10px 14px}.social-row button:disabled{opacity:.45;cursor:default}.social-row .online{color:#8de3ae}.social-row small{display:block}.social-row>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.social-controls p{line-height:1.6}.profile-history{margin-top:24px}.game-arena{height:calc(100dvh - 38px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #9cdeff}@media (width<=600px){.account-strip{padding:6px 12px}.social-row{align-items:flex-start}.auth-card{width:100%}.profile-edit-form{flex-wrap:wrap}}.game-arena{min-height:880px}.game-arena .editor-body{min-height:430px}.game-arena .canvas-stage{min-height:190px}.game-arena>.connection-banner{flex-shrink:0;min-height:30px;padding:5px 18px}@media (width<=700px){.game-arena{min-height:940px}.game-arena .editor-body{min-height:470px}.game-arena .canvas-stage{min-height:180px}}