:root{--bg:#111114;--panel:#1b1b20;--border:#2d2d35;--text:#a1a1aa;--text-h:#fafafa;--orange:#f6821f;--orange-soft:#f6821f2e;--green:#22c55e;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:18px/1.4 system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}button,select{font:inherit;color:var(--text-h);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 18px}button.primary{background:var(--orange);border-color:var(--orange);color:#111;font-weight:600}.app{max-width:1280px;margin:0 auto;padding:24px 32px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{color:var(--text-h);letter-spacing:-1px;margin:0;font-size:40px}h1 span{color:var(--orange)}.controls{gap:12px;display:flex}main{grid-template-columns:600px 1fr;align-items:start;gap:32px;display:grid}.prompt{margin-bottom:12px;font-size:22px}.prompt strong{color:var(--text-h);text-transform:uppercase;letter-spacing:1px}.canvas-wrap{aspect-ratio:1;border-radius:16px;transition:box-shadow .2s;position:relative;box-shadow:0 0 0 3px #0000}.canvas-wrap.thinking{animation:1s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:0 0 0 3px #f6821f59}to{box-shadow:0 0 0 3px var(--orange), 0 0 28px #f6821f73}}canvas{cursor:crosshair;touch-action:none;border-radius:16px;width:100%;height:100%;display:block}.overlay{color:var(--text-h);background:#111114d1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:24px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:flex;position:absolute;inset:0}.overlay .big{text-transform:capitalize;font-size:52px;font-weight:700}.overlay.won .big{color:var(--green)}.overlay.final .big{color:var(--orange)}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.buttons{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}.label{text-transform:uppercase;letter-spacing:1px;font-size:15px}.leader .label{justify-content:space-between;align-items:center;display:flex}.status{color:var(--orange);background:var(--orange-soft);opacity:0;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;transition:opacity .15s;display:inline-flex}.status.on{opacity:1}.status .dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.25;transform:scale(.6)}}.error{color:#fca5a5;background:#ef444426;border-radius:10px;margin:-8px 0 16px;padding:8px 12px;font-size:15px}.label strong{color:var(--text-h)}.leader .choice{color:var(--orange);text-transform:capitalize;font-size:56px;font-weight:700;line-height:1.1}.leader .meta{margin-bottom:20px}.bars{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:120px 1fr 52px;align-items:center;gap:12px;font-size:16px;display:grid}.bars .word{text-transform:capitalize}.bars .target .word:after{content:" ●";color:var(--green)}.bars .top .word,.bars .top .pct{color:var(--text-h);font-weight:600}.pct{text-align:right;font-variant-numeric:tabular-nums}.track{background:#26262d;border-radius:7px;height:14px;display:block;position:relative;overflow:hidden}.fill{background:#52525b;border-radius:7px;height:100%;transition:width .3s ease-out;display:block}.top .fill,.meter .fill{background:var(--orange)}.meters{border-top:1px solid var(--border);gap:18px;margin-top:24px;padding-top:20px;display:grid}.meter .label{margin-bottom:8px}.threshold{background:var(--text-h);width:2px;position:absolute;top:0;bottom:0}.critic{text-align:center;background:linear-gradient(90deg, #26262d, var(--orange-soft)) top / 100% 10px no-repeat;border-radius:5px;grid-template-columns:repeat(5,1fr);padding-top:22px;font-size:14px;display:grid;position:relative}.needle{background:var(--orange);border-radius:2px;width:4px;height:22px;margin-left:-2px;transition:left .4s cubic-bezier(.2,1.4,.4,1);position:absolute;top:-6px}footer{margin-top:24px;font-family:ui-monospace,Menlo,monospace;font-size:14px}