@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;font-stretch:75% 125%;src:url(/assets/fredoka-hebrew-standard-normal-bvCbeAMu.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;font-stretch:75% 125%;src:url(/assets/fredoka-latin-ext-standard-normal-DlxUVdql.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;font-stretch:75% 125%;src:url(/assets/fredoka-latin-standard-normal-tvVNXCOf.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-label:"Fredoka Variable", "Fredoka", "Trebuchet MS", sans-serif;--font-ui:"Atkinson Hyperlegible Next Variable", "Segoe UI", sans-serif;--ink:#1f1a2b;--muted:#5e5670;--line:#e3deec;--control-line:#d3cbe2;--ground:#f6f4f9;--brand:#4b2e83;--brand-dark:#2f1a5a;--brand-tint:#f1ecf9;--warn:#8a3a08;--warn-tint:#fbe9dc;--focus:#b34f0e}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.45}a{color:var(--brand)}a:hover{color:var(--brand-dark)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes bl-hop{0%{transform:translateY(-34%)}60%{transform:translateY(0)}78%{transform:translateY(0)scale(1.06,.92)}to{transform:translateY(0)scale(1)}}@keyframes bl-pop{0%{opacity:0;transform:rotate(-4deg)scale(.6)}60%{opacity:1;transform:rotate(-4deg)scale(1.06)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.display{font-family:var(--font-label);font-weight:600}.setup-header{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 32px;display:flex}.badge{background:var(--warn-tint);color:var(--warn);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:700}.setup-main{flex-wrap:wrap;align-items:flex-start;gap:24px;max-width:1376px;margin:0 auto;padding:28px 32px 24px;display:flex}.setup-footer{max-width:1376px;color:var(--muted);margin:0 auto;padding:8px 32px 32px;font-size:14px}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px 24px}.panel h2{font-family:var(--font-label);margin:0 0 14px;font-size:22px;font-weight:600}.field-label{margin-bottom:6px;font-size:15px;font-weight:700;display:block}.hint{color:var(--muted);font-size:14px}.row{flex-wrap:wrap;gap:6px;display:flex}.btn{border:2px solid var(--control-line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--outline{border-color:var(--brand);color:var(--brand)}.btn--primary{border-color:var(--brand);background:var(--brand);color:#fff;font-family:var(--font-label);border-radius:12px;min-height:52px;padding:0 26px;font-size:20px;font-weight:600}.btn--primary:hover{color:#fff;background:var(--brand-dark)}.btn--square{width:44px;padding:0;font-size:22px}.seg{border:2px solid var(--control-line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:8px 14px;font-weight:700}.seg[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:#fff}.seg:disabled{opacity:.45;cursor:not-allowed}.seg--card{border-radius:12px;flex:140px;min-width:0;padding:12px 14px}.seg--tint[aria-pressed=true]{background:var(--brand-tint);color:var(--ink)}.select{border:2px solid var(--control-line);width:100%;min-height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:8px 12px}.check{align-items:center;gap:10px;min-height:44px;font-weight:700;display:inline-flex}.check input{width:22px;height:22px;accent-color:var(--brand)}input[type=range]{accent-color:var(--brand)}.chip{color:var(--muted);background:#f1eef6;border-radius:999px;padding:4px 10px}.dialog{width:min(1140px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);font-family:var(--font-ui);border:none;border-radius:22px;padding:32px 40px 28px;font-size:16px;line-height:1.45;overflow:auto;box-shadow:0 24px 60px #140a2859}.dialog:focus,.choice input:focus-visible{outline:none}.choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.dialog::backdrop{background:#1f1a2b94}.dialog h2{font-family:var(--font-label);margin:0;font-size:34px;font-weight:600;line-height:1.15}.stage-viewport{background:#120c1c;position:fixed;inset:0;overflow:hidden}.stage-canvas{transform-origin:0 0;width:1920px;height:1080px;font-family:var(--font-label);color:#f3eef8;position:absolute;top:0;left:0;overflow:hidden}.stage-canvas :focus-visible{outline-offset:3px;outline:4px solid #ffc94a}.stage-pill{background:#f3eef81f;border-radius:999px;align-items:center;gap:14px;padding:10px 32px;font-size:40px;font-weight:600;line-height:1.1;display:flex}.stage-pill--last{color:#2a1f3d;background:#ff9a3d;padding:10px 36px 10px 24px;font-size:52px;font-weight:700;box-shadow:0 8px #0e061c61}.stage-pill--turn{color:#2a1f3d;gap:18px;padding:12px 44px 12px 30px;font-size:64px;font-weight:700;box-shadow:0 8px #0e061c61}.stage-btn{color:#f3eef8;min-height:56px;font:inherit;cursor:pointer;background:#f3eef81a;border:2px solid #f3eef859;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:24px;font-weight:600;display:inline-flex}.stage-btn:hover{background:#f3eef82e}.stage-controls{align-items:center;gap:12px;transition:opacity .3s;display:flex;position:absolute;bottom:32px;left:40px}.stage-controls[data-idle=true]{opacity:0}.stage-controls[data-idle=true]:focus-within{opacity:1}.drawer{width:600px;height:1080px;color:var(--ink);font-family:var(--font-ui);background:#fff;flex-direction:column;gap:20px;padding:30px 40px;font-size:20px;line-height:1.4;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 #00000040}.drawer :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.drawer h2{font-family:var(--font-label);margin:0;font-size:34px;font-weight:600}.drawer .seg{text-align:center;flex:1 1 0;min-height:48px}.drawer kbd,.kbd{border:1px solid var(--control-line);color:var(--ink);border-radius:6px;padding:0 6px;font-family:inherit}
