:root{--ink:#1a1a1a;--paper:#fbfbf9;--panel:#fff;--line:#e2e0d8;--accent:#f62e8d;--accent-soft:#f62e8d1f;--muted:#6f6d66;--radius:14px;--shadow:0 8px 30px #14141424;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{background:linear-gradient(var(--paper) 60%, transparent);pointer-events:none;align-items:center;gap:14px;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.hud__number{letter-spacing:.14em;color:var(--accent);font-size:13px;font-weight:700}.hud__question{margin:0;font-size:clamp(15px,2.2vw,20px);font-weight:600}.progress{gap:6px;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.progress li{background:var(--line);border-radius:50%;width:9px;height:9px}.progress li[data-done]{background:var(--ink)}.progress li[data-current]{background:var(--accent);transform:scale(1.5)}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100% - 24px);padding:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.toolbar__group{align-items:center;gap:4px;display:flex}.toolbar__group+.toolbar__group{border-left:1px solid var(--line);padding-left:8px}.tool{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;transition:background .15s,transform .15s;display:grid}.tool:hover:not(:disabled){background:#f1efe9}.tool[data-active]{background:var(--accent-soft);color:var(--accent)}.tool--primary{background:var(--ink);color:#fff}.tool--primary:hover:not(:disabled){background:#000;transform:scale(1.05)}.tool:disabled{opacity:.3;cursor:default}.tool svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tool svg [stroke=none]{fill:currentColor}.swatch{cursor:pointer;outline-offset:3px;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.swatch[data-line-type="0"]{background:#000}.swatch[data-line-type="1"]{background:#f62e8d}.swatch[data-line-type="2"]{background:#ceda3a}.swatch[data-active]{border-color:var(--ink);transform:scale(1.12)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fbfbf9d1;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.card{background:var(--panel);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:28px;animation:.25s rise}.card--wide{text-align:left;width:min(620px,100%)}.card[hidden]{display:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.card__number{letter-spacing:.18em;color:var(--accent);font-size:12px;font-weight:700}.card__question{margin:10px 0 12px;font-size:clamp(19px,3vw,26px);line-height:1.25}.card__question em{color:var(--accent);font-style:normal}.card__hint{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.5}.card__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:11px 20px;font-weight:600;transition:background .15s}.btn:hover{background:#f1efe9}.btn--primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn--primary:hover{background:#000}.summary{max-height:46vh;margin:0 0 22px;padding-left:20px;font-size:14px;line-height:1.6;overflow-y:auto}.summary b{color:var(--accent)}.help{margin:0 0 18px;padding-left:20px;font-size:15px;line-height:1.7}kbd{border:1px solid var(--line);background:#f7f6f2;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font:600 12px/1.6 ui-monospace,monospace}.riders{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.riders button{border:1px solid var(--line);background:var(--panel);font:inherit;cursor:pointer;border-radius:10px;padding:10px 4px;font-size:13px}.riders button[data-active]{border-color:var(--ink);background:var(--accent-soft);color:var(--accent);font-weight:700}.colors{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px;font-size:14px;display:grid}.colors label{justify-content:space-between;align-items:center;gap:8px;display:flex}.colors input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:46px;height:30px;padding:0}@media (max-width:640px){.progress{display:none}.toolbar{gap:4px;bottom:10px}.tool{width:36px;height:36px}}