:root{--bg:#140e0b;--paper:#fff1d6;--coral:#f05232;--acid:#e8ac4c;--ink:#38261b;--muted:#bda48a;--line:#69462d}
body{background:#140e0b;color:#fff1d6}header{background:#1e130c}.hero{background:radial-gradient(ellipse at 85% 50%,#3d2618,transparent 60%)}.panel,.machine{border-color:#69462d;background:#2b1b13}.brand span,em{color:#e8ac4c}button.primary,.lcd-top{background:#e8ac4c;color:#140e0b}.battle-strip{background:#f05232;color:#140e0b}.step-cell[aria-pressed=true]{background:#e8ac4c}.step-cell.ghost[aria-pressed=true]{background:#8b542e}.step-cell.cursor{outline:2px solid #f05232}.step-cell.selected{box-shadow:inset 0 -3px #fff1d6}.step-inspector{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #69462d}.step-inspector>b{font:12px monospace;color:#e8ac4c;min-width:170px}.step-inspector label{font:11px monospace;display:grid;grid-template-columns:1fr auto;gap:8px;min-width:160px}.step-inspector input{grid-column:1/3;accent-color:#e8ac4c}.step-inspector output{color:#f05232}.fighter .sun{background:#f4d69b;opacity:.12}.fighter pre{color:#fff1d6}.playing .fighter pre{animation:dojo-bob .64s steps(2,end) infinite}.punching .fighter pre{color:#f05232;transform:rotate(-5deg)}@keyframes dojo-bob{50%{translate:0 -4px}}@media(prefers-reduced-motion:reduce){.playing .fighter pre{animation:none}.punching .fighter pre{transform:none}}@media(max-width:600px){.step-inspector{gap:12px}.step-inspector>b{width:100%}}
:root{--gold:#e8ac4c;--panel:#2b1b13}body.punching .fighter pre{animation:dojo-bob .6s steps(2,end) infinite;color:#f05232}.machine .lcd-top{background:#e8ac4c}.step-cell.track-1[aria-pressed=true]{background:#f05232;border-color:#f05232}@media(prefers-reduced-motion:reduce){body.punching .fighter pre{animation:none}}

@font-face{font-family:Arena;src:url(fonts/NewRocker-Regular.ttf);font-weight:400;font-display:swap}
h1,.wordmark{font-family:Arena,Barlow,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.02em;line-height:1.08}h1{font-size:clamp(42px,5.5vw,82px)}.intro .eyebrow:before{content:'SENSEI DOJO'}
@media(max-width:760px){h1{font-size:clamp(36px,10vw,65px)}}

header .brand{display:flex;align-items:center;gap:10px;font-family:Arena,Barlow,sans-serif;font-weight:400;font-style:normal;letter-spacing:0;font-size:28px}header .brand img{flex-shrink:0}header .brand .editor-wordmark{color:#fff1d6}header .brand small{font:8px/1.6 monospace;letter-spacing:1px;color:#e8ac4c;margin-top:6px}
@media(max-width:360px){header .brand{font-size:24px}}

.drum-mix{border-top:4px solid var(--gold,#e8ac4c)}.drum-mix .controls{grid-template-columns:repeat(4,minmax(0,1fr))}.mix-master{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.mix-master .controls{grid-template-columns:1fr}.drum-mix details{margin-top:20px}.drum-mix summary{cursor:pointer;color:#e8ac4c}.drum-mix details p{max-width:85ch}@media(max-width:650px){.drum-mix .controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-master{grid-template-columns:1fr}}