.cp-body{padding-block:1.5rem 3rem;display:grid;gap:1.5rem}.cp-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) 5.25rem;grid-template-areas:"score score" "stage side" "controls controls";align-items:start}.cp-score{grid-area:score;display:grid;grid-template-columns:1.4fr 1fr;gap:.5rem}.cp-score .led-board{padding:.45rem .6rem .4rem}.cp-score .led-value{font-size:1.5rem}.cp-score .led-board.hero .led-value{font-size:1.9rem}.cp-score .led-label{font-size:.5rem;letter-spacing:.06em}.cp-side{grid-area:side;display:grid;gap:.5rem;align-content:start;min-width:0}.cp-side .led-board{padding:.4rem .45rem .35rem}.cp-side .led-value{font-size:1.4rem}.cp-side .led-label{font-size:.5rem;letter-spacing:.04em}.cp-next canvas{display:block;width:100%;aspect-ratio:2;image-rendering:pixelated}.cp-stage{grid-area:stage;min-width:0}.cp-board{width:100%;max-width:21rem;margin-inline:auto;background:#000;border:3px solid var(--border-strong);box-shadow:0 0 0 3px #000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.cp-board:focus-visible{outline:3px solid var(--brand-primary);outline-offset:6px}.cp-canopy{display:flex;align-items:center;gap:.4rem;padding:.3rem .45rem;background:repeating-linear-gradient(90deg,#17173d 0 10px,#101030 10px 20px);border-bottom:3px solid var(--game);font:400 .55rem/1 var(--font-pixel);letter-spacing:.1em;text-transform:uppercase;color:var(--text-base);white-space:nowrap;overflow:hidden}.cp-canopy .bullet{flex:none}.cp-canopy-dest{margin-left:auto;color:var(--led);text-shadow:0 0 6px var(--led-glow);overflow:hidden;text-overflow:ellipsis}.cp-rails{padding-inline:7px;background:repeating-linear-gradient(-45deg,#f2c200 0 6px,#111 6px 12px)}.cp-field{position:relative;aspect-ratio:10 / 18;background:#000}.cp-field canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.cp-noscript{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;color:var(--text-muted)}.cp-edge{display:grid;place-items:center;height:1rem;background:#f2c200 radial-gradient(#9b7a00 1.2px,transparent 1.6px) 0 0 / 7px 7px;border-top:2px solid #000;font:400 .42rem/1 var(--font-pixel);letter-spacing:.2em;text-transform:uppercase;color:#14110a}.cp-edge span{padding:.12rem .4rem;background:#f2c200}.cp-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:.5rem;background:#000000bd;cursor:pointer;transition:opacity .35s ease-out}.cp-overlay[hidden]{display:none}.cp-overlay[data-fade=out]{opacity:0}.cp-overlay[data-mode=over]{background:#00000061;align-items:end}.cp-overlay[data-mode=over] .cp-card{padding:.6rem .7rem .7rem;gap:.4rem}.cp-overlay[data-mode=over] .cp-ov-line{font-size:1.25rem}@media(prefers-reduced-motion:reduce){.cp-overlay{transition:none}}.cp-card{display:grid;gap:.5rem;width:min(100%,20rem);max-height:100%;overflow-y:auto;text-align:center;cursor:default;padding:.7rem .6rem .8rem}.cp-card .window-label{margin:0;font-size:1.05rem}.cp-ov-line{font-size:clamp(1.2rem,6vw,1.8rem);line-height:1.1;text-shadow:0 0 10px var(--led-glow)}.cp-ov-line:empty{display:none}.cp-ov-note{font-size:.8rem;line-height:1.35;color:var(--text-muted)}.cp-card .cp-actions{justify-content:center}textarea.cp-share-text{font-family:var(--font-mono);font-size:.8rem;min-height:3.5rem}.cp-controls{grid-area:controls;display:grid;gap:.75rem;min-width:0}.cp-status{min-height:1.5em;font-size:.92rem;color:var(--text-muted)}.cp-actions{display:flex;flex-wrap:wrap;gap:.6rem}.cp-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;touch-action:manipulation}.cp-key{min-height:3rem;padding:.4rem 0;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.cp-key svg{width:1.4em;height:1.4em}.cp-card-how{padding:1rem 1.1rem 1.1rem;display:grid;gap:.7rem;max-width:52rem}.cp-how{display:grid;gap:.6rem;padding:0;list-style:none;font-size:.93rem;color:var(--text-muted)}.cp-how strong,.cp-how b{color:var(--text-base)}.cp-legend-row{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}.cp-legend{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-base)}.cp-swatch{width:1.6rem;height:1.6rem;flex:none;image-rendering:pixelated}@media(min-width:60rem){.cp-grid{grid-template-columns:minmax(0,21rem) minmax(16rem,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage score" "stage side" "stage controls";gap:1.25rem 1.5rem}.cp-score{grid-template-columns:1fr}.cp-score .led-board{padding:.55rem .8rem .5rem}.cp-score .led-value{font-size:2.1rem}.cp-score .led-board.hero .led-value{font-size:3.2rem}.cp-score .led-label{font-size:.62rem;letter-spacing:.1em}.cp-side{grid-template-columns:1.4fr 1fr 1fr}.cp-side .led-board{padding:.5rem .7rem .45rem}.cp-side .led-value{font-size:1.9rem}.cp-side .led-label{font-size:.6rem;letter-spacing:.08em}.cp-controls{align-self:start}.cp-board{margin-inline:0;max-width:none}.cp-canopy{font-size:.65rem}}@media(min-width:60rem)and (pointer:fine){.cp-pad{display:none}}