@font-face{font-family:Bowlby One;src:url(/fonts/BowlbyOne-Regular.ttf)}@font-face{font-family:Tonight Bricolage;src:url(/fonts/TonightBricolage-Regular.ttf);font-weight:400}@font-face{font-family:Tonight Bricolage;src:url(/fonts/TonightBricolage-Bold.ttf);font-weight:700}@font-face{font-family:Tonight Martian Mono;src:url(/fonts/TonightMartianMono-Medium.ttf)}:root{color-scheme:dark;--bg: #0E0820;--panel: #1B1036;--panel2: #2A1C55;--ink: #F4F0FF;--muted: #A79BC9;--accent: #FFE14D;--bad: #FF5B3A;--ok: #8BDB3C}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 Tonight Bricolage,system-ui,sans-serif}header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--panel);position:sticky;top:0;z-index:2;flex-wrap:wrap}h1{font:26px Bowlby One,sans-serif;margin:0;color:var(--accent)}h1 span{color:var(--ink)}h2{font:20px Bowlby One,sans-serif;margin:0 0 12px}.spacer{flex:1}input,select{background:var(--panel2);color:var(--ink);border:1px solid #4A3A80;border-radius:10px;padding:8px 10px;font:inherit}button{background:var(--accent);color:#1b1036;border:0;border-radius:10px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}button.ghost{background:var(--panel2);color:var(--ink)}button.danger{background:var(--bad);color:#fff}.pill{padding:3px 10px;border-radius:999px;background:var(--panel2);font:12px Tonight Martian Mono,monospace}.pill.ok{background:var(--ok);color:#1b1036}.pill.bad{background:var(--bad);color:#fff}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:24px}@media(max-width:900px){main{grid-template-columns:1fr;padding:16px}}.section-head{display:flex;justify-content:space-between;align-items:center}.game{background:var(--panel);border-radius:16px;padding:16px;margin-bottom:12px;display:grid;gap:10px}.game.disabled{opacity:.6}.game h3{margin:0;font-size:20px}.game .meta,.game .actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--bad)}aside{background:var(--panel);border-radius:16px;padding:18px;align-self:start}.steps{padding-left:20px}.steps li{margin-bottom:10px}.steps code{display:block;font:13px Tonight Martian Mono,monospace;color:var(--accent)}.steps span{color:var(--muted);font-size:13px}dialog{width:min(1400px,96vw);height:min(860px,94vh);background:var(--bg);color:var(--ink);border:2px solid var(--panel2);border-radius:18px;padding:12px}dialog[open]{display:grid;grid-template-rows:auto 1fr auto;gap:10px}.preview-head{display:flex;gap:12px;align-items:center}.preview-head strong{flex:1;font-family:Tonight Martian Mono,monospace}.preview-body{display:grid;grid-template-columns:1fr 280px;gap:12px;min-height:0}.stage{position:relative;min-height:0}#tv{width:100%;height:100%;display:block;border-radius:12px;background:#000}#results{position:absolute;top:15%;right:25%;bottom:15%;left:25%;background:#1b1036f2;border-radius:20px;padding:24px;overflow:auto}#results li{font-size:22px;font-weight:700}#phones{overflow:auto;display:flex;flex-direction:column;gap:12px}.phone{background:var(--panel);border-radius:22px;border:3px solid var(--player);padding:12px}.phone-head{display:flex;gap:8px;align-items:center;font-weight:700;margin-bottom:8px}.phone-head small{margin-left:auto;color:var(--muted);font-weight:400}.dot{width:12px;height:12px;border-radius:50%;background:var(--player)}.phone h3{margin:4px 0}.prompt,.waiting{color:var(--muted);margin:4px 0 8px}.w{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.w button{flex:1}.w .big{font-size:26px;padding:22px;background:var(--player);color:#1b1036}.w .choice{flex-basis:45%}.w-dpad,.w-swipe{display:grid;grid-template-columns:repeat(3,1fr)}.dir-up{grid-column:2}.dir-left{grid-column:1;grid-row:2}.dir-right{grid-column:3;grid-row:2}.dir-down{grid-column:2;grid-row:3}.w input[type=range]{width:100%}.w input:not([type]){flex:1}.pad{width:140px;height:140px;border-radius:50%;background:var(--panel2);margin:0 auto;display:grid;place-items:center;touch-action:none}.knob{width:50px;height:50px;border-radius:50%;background:var(--player);pointer-events:none}.w-canvas canvas{width:100%;aspect-ratio:1;background:#fff;border-radius:10px;touch-action:none}.w-info img{max-width:100%}.big-text{font-size:28px;font-weight:700}#log{max-height:90px;overflow:auto;font:12px ui-monospace,monospace;color:var(--muted)}.log-error{color:#ff7a6b}.log-warn{color:#ffc93c}