@font-face{font-family:Hind;font-style:normal;font-display:swap;font-weight:400;src:url(/rangoli/assets/hind-latin-400-normal-BqbzxKtL.woff2)format("woff2"),url(/rangoli/assets/hind-latin-400-normal-BDJq_LHN.woff)format("woff")}@font-face{font-family:Hind;font-style:normal;font-display:swap;font-weight:500;src:url(/rangoli/assets/hind-latin-500-normal-BTLLHyZr.woff2)format("woff2"),url(/rangoli/assets/hind-latin-500-normal-CW6IhYjt.woff)format("woff")}@font-face{font-family:Hind;font-style:normal;font-display:swap;font-weight:600;src:url(/rangoli/assets/hind-latin-600-normal-C7XVtUlB.woff2)format("woff2"),url(/rangoli/assets/hind-latin-600-normal-ViH-Hlns.woff)format("woff")}@font-face{font-family:Tiro Devanagari Hindi;font-style:normal;font-display:swap;font-weight:400;src:url(/rangoli/assets/tiro-devanagari-hindi-devanagari-400-normal-BN7hftjh.woff2)format("woff2"),url(/rangoli/assets/tiro-devanagari-hindi-devanagari-400-normal-Dpl8O0n8.woff)format("woff")}@font-face{font-family:Tiro Devanagari Hindi;font-style:normal;font-display:swap;font-weight:400;src:url(/rangoli/assets/tiro-devanagari-hindi-latin-400-normal-BmuUH4rS.woff2)format("woff2"),url(/rangoli/assets/tiro-devanagari-hindi-latin-400-normal-Ca2un1sK.woff)format("woff")}:root{--bg:#f6ecdc;--panel:#fffaf1;--panel-2:#f3e5cf;--ink:#2a1720;--ink-2:#5b4048;--muted:#8a6d68;--rule:#e7d3b8;--accent:#b5321f;--accent-ink:#fff8ec;--gold:#e08a12;--focus:#1f5fd6;--danger:#a3261b;--shadow:0 1px 0 #50280a0d, 0 14px 34px -22px #501e0a8c;--radius:14px;--sans:"Hind", system-ui, -apple-system, "Segoe UI", sans-serif;--deva:"Tiro Devanagari Hindi", "Hind", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#160c1f;--panel:#22142e;--panel-2:#2c1b3a;--ink:#f8ecd9;--ink-2:#e2cdb6;--muted:#b49f95;--rule:#3c2950;--accent:#f0a33a;--accent-ink:#26120a;--gold:#f6c14a;--focus:#8fb4ff;--danger:#ff8a7a;--shadow:0 1px 0 #0003, 0 16px 40px -24px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font:400 16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{background-image:radial-gradient(circle at 12px -4px,#f28c18 0 7px,#0000 7.5px),radial-gradient(circle at 28px -2px,#3d8b37 0 5px,#0000 5.5px);background-repeat:repeat-x;background-size:32px 12px;grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.top{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:16px 20px 10px;display:flex}.brand{color:inherit;border-radius:8px;align-items:baseline;gap:10px;text-decoration:none;display:inline-flex}.brand .deva{font:400 2rem/1 var(--deva);color:var(--accent)}.brand .latin{font:600 1.35rem/1 var(--sans);letter-spacing:.01em}.brand .gh{width:17px;height:17px;color:var(--muted);align-self:center;transition:color .15s}.brand:hover .latin{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.brand:hover .gh{color:var(--ink)}.tagline{color:var(--muted);margin:0;font-size:.98rem}.room{align-items:center;gap:10px;margin-left:auto;display:flex}.status{color:var(--ink-2);background:var(--panel);border:1px solid var(--rule);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.92rem;display:inline-flex}.pulse{background:var(--muted);border-radius:50%;width:9px;height:9px}.status.live .pulse{background:#2fa84f;animation:1.8s infinite pulse;box-shadow:0 0 #2fa84f99}@keyframes pulse{to{box-shadow:0 0 0 9px #2fa84f00}}.btn{font:500 .95rem/1 var(--sans);color:var(--ink);background:var(--panel);border:1px solid var(--rule);cursor:pointer;border-radius:10px;min-height:40px;padding:0 14px;transition:background .15s,border-color .15s,transform 80ms}@media (hover:hover){.btn:hover{border-color:var(--muted)}.tool:hover{background:var(--panel-2)}}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.danger{color:var(--danger)}.btn[aria-pressed=true]{background:var(--panel-2);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.btn:disabled{opacity:.45;cursor:default}.layout{grid-template-columns:236px minmax(0,1fr) 236px;grid-template-areas:"tools stage side";gap:18px;min-height:0;padding:6px 20px 20px;display:grid}@media (min-width:1001px){body{grid-template-rows:auto minmax(0,1fr);height:100dvh}}.tools{grid-area:tools}.stage{grid-area:stage;min-width:0;min-height:0}.side{grid-area:side}.tools,.side{flex-direction:column;gap:14px;min-height:0;display:flex;overflow-y:auto}.group{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.group.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#brushes{gap:4px;display:grid}.tool{width:100%;min-height:42px;font:500 .98rem/1 var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex}.tool[aria-checked=true]{background:var(--panel-2);border-color:var(--gold);color:var(--accent)}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 60%, white), var(--c) 55%, color-mix(in srgb, var(--c) 75%, black));cursor:pointer;border:2px solid #0000001f;border-radius:50%;min-height:40px}.swatch[aria-checked=true]{outline:3px solid var(--ink);outline-offset:2px}.seg{border:1px solid var(--rule);border-radius:10px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.segbtn{font:500 .88rem/1 var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:0;min-height:38px;padding:0 10px}.segbtn+.segbtn{border-left:1px solid var(--rule)}.segbtn[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.board{width:100%;min-width:0;height:100%;min-height:0;position:relative}.board canvas{border-radius:18px;margin:auto;position:absolute;inset:0}#base{box-shadow:0 0 0 6px color-mix(in srgb, var(--panel) 70%, transparent), 0 30px 60px -30px #3c140099}#fx{touch-action:none;cursor:crosshair}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions .btn{padding:0 8px}.people{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.people h2{font:600 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.people ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.people li{align-items:center;gap:8px;display:flex}.people .dot{background:hsl(var(--h) 80% 52%);width:12px;height:12px;box-shadow:0 0 0 2px var(--panel), 0 0 0 3px hsl(var(--h) 60% 40% / .5);border-radius:50%}.note{color:var(--muted);margin:0;font-size:.86rem}.toast{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ink);max-width:min(92vw,520px);color:var(--bg);box-shadow:var(--shadow);z-index:10;overflow-wrap:anywhere;border-radius:12px;padding:10px 16px;font-size:.95rem;position:fixed;transform:translate(-50%)}dialog{border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:18px;max-width:min(92vw,470px);padding:24px 24px 20px;box-shadow:0 30px 80px -20px #14050099}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#160a1e8c}dialog h2{font:600 1.35rem/1.2 var(--sans);margin:0 0 8px}dialog p{color:var(--ink-2);margin:0 0 12px}.kicker{font:400 1.25rem/1 var(--deva)!important;color:var(--accent)!important;margin-bottom:10px!important}.tips{color:var(--ink-2);gap:4px;margin:0 0 18px;padding-left:18px;display:grid}.dialog-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:1000px){.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""tools""side";gap:12px;height:auto;padding:4px 12px 24px}.stage{height:min(100vw - 24px,72dvh)}.tools,.side{overflow:visible}.tools{grid-template-columns:1fr 1fr;display:grid}#brushes{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.tool{flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:6px 2px;font-size:.78rem}.swatches{grid-column:1/-1;grid-template-columns:repeat(8,1fr);gap:6px}.swatch{min-height:0}.actions{grid-template-columns:repeat(4,1fr)}.tagline{display:none}.top{padding:14px 12px 8px}}@media (max-width:560px){.tools{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(4,1fr);gap:10px}.swatch{aspect-ratio:auto;border-radius:12px;min-height:44px}.actions{grid-template-columns:repeat(2,1fr)}.brand .deva{font-size:1.6rem}.brand .latin{font-size:1.15rem}.status{padding:5px 10px;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.status.live .pulse{animation:none}}
