:root{--bg: #0b0a12;--panel: #15131f;--panel-2: #1d1a2b;--line: #2c2740;--text: #f1edf7;--muted: #a39bb8;--accent: #a855f7;--accent-2: #f472b6;--grad: linear-gradient(135deg, #a855f7 0%, #f472b6 55%, #fb923c 100%);--good: #34d399;--bad: #fb7185;--raise: rgba(255, 255, 255, .03);--raise-line: rgba(255, 255, 255, .08);--hair: rgba(255, 255, 255, .18);--shadow: rgba(0, 0, 0, .35);--shadow-deep: rgba(0, 0, 0, .45);--glow: rgba(168, 85, 247, .2);--glass: rgba(29, 26, 43, .55);--tint-accent: linear-gradient(180deg, rgba(99, 102, 241, .18), rgba(99, 102, 241, .06));--tint-accent-soft: rgba(99, 102, 241, .08);--tint-good: rgba(34, 197, 94, .12);--on-good: #4ade80;--tint-warm: rgba(251, 146, 60, .14);--warm-line: rgba(251, 146, 60, .5);--on-warm: #fdba74;--ease-spring: linear(0, .038, .13, .248, .373, .494, .604, .699, .778, .842, .893, .931, .959, .98, .993, 1.002, 1.008, 1.01, 1.011, 1.011, 1.01, 1.009, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1);--ease-bounce: linear(0, .084, .277, .507, .724, .899, 1.022, 1.093, 1.122, 1.121, 1.102, 1.074, 1.046, 1.021, 1.003, .991, .986, .984, .986, .989, .993, .996, .999, 1.001, 1.002, 1.002, 1.002, 1.002, 1)}@media (prefers-color-scheme: light){:root{--bg: #f7f4fd;--panel: #ffffff;--panel-2: #f1ecfa;--line: #e0d7f2;--text: #1b1526;--muted: #675e7d;--accent: #7c3aed;--accent-2: #db2777;--grad: linear-gradient(135deg, #7c3aed 0%, #db2777 55%, #ea580c 100%);--good: #059669;--bad: #e11d48;--raise: rgba(20, 10, 40, .03);--raise-line: rgba(20, 10, 40, .09);--hair: rgba(20, 10, 40, .16);--shadow: rgba(40, 20, 70, .14);--shadow-deep: rgba(40, 20, 70, .2);--glow: rgba(168, 85, 247, .12);--glass: rgba(255, 255, 255, .66);--tint-accent: linear-gradient(180deg, rgba(99, 102, 241, .14), rgba(99, 102, 241, .05));--tint-accent-soft: rgba(99, 102, 241, .07);--tint-good: rgba(5, 150, 105, .12);--on-good: #047857;--tint-warm: rgba(234, 88, 12, .12);--warm-line: rgba(234, 88, 12, .45);--on-warm: #9a3412}}:root{color-scheme:dark light}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;font-family:Inter Variable,Inter,system-ui,sans-serif;background:radial-gradient(1100px 560px at 82% -12%,var(--glow) 0%,transparent 60%),var(--bg);background-attachment:fixed;color:var(--text)}input,button,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:8px}input:focus-visible{outline-offset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#322b47;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-6deg)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes pop{0%{transform:scale(.96);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 6px 18px #a855f74d}50%{box-shadow:0 8px 28px #f472b68c}}.grad-anim{background:linear-gradient(90deg,#a855f7,#f472b6,#fb923c,#f472b6,#a855f7);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 5s linear infinite}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.lift{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.lift:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.lift:active:not(:disabled){transform:translateY(0) scale(.98)}.pulse-cta{animation:glowPulse 2.4s ease-in-out infinite}.pop-in{animation:pop .42s var(--ease-bounce) both}@keyframes confettiFall{0%{transform:translateY(-12vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:1}}.confetti-piece{position:fixed;top:0;font-size:22px;pointer-events:none;z-index:9999;will-change:transform}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-18deg)}75%{transform:rotate(18deg)}}.wiggle:hover{animation:wiggle .4s ease-in-out}@keyframes bounceDot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.dot{display:inline-block;animation:bounceDot 1.2s infinite both}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes toastIn{0%{transform:translate(-50%,-16px) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.toast-in{animation:toastIn .42s var(--ease-spring) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.confetti-piece{display:none!important}}@media (max-width: 880px){.app-layout{display:flex!important;flex-direction:column;height:100dvh!important;overflow:hidden}.app-layout>*{width:100%;min-height:0}.app-layout .pane-canvas{order:1;flex:1 1 auto!important;min-height:0;padding:10px 12px!important;gap:8px!important}.app-layout .canvas-wrap{height:auto!important;min-height:0}.app-layout .play-banner{flex-wrap:wrap!important;gap:8px 10px!important;padding:8px 12px!important}.app-layout .word-tiles{flex-wrap:wrap!important}.app-layout .draw-toolbar{gap:6px!important;padding:8px 10px!important}.app-layout .draw-toolbar>button{margin-left:0!important}.app-layout .draw-toolbar input[type=range]{width:92px!important}.app-layout>main{order:2;flex:0 0 32dvh!important;min-height:0;padding:10px 12px!important;gap:6px!important}.app-layout>aside{order:3;flex:0 0 auto;max-height:15dvh;overflow-y:auto!important;padding:10px 12px!important;gap:8px!important}}@keyframes reactionFloat{0%{transform:translateY(0) scale(.6);opacity:0}15%{transform:translateY(-10px) scale(1.15);opacity:1}to{transform:translateY(-160px) scale(1);opacity:0}}.reaction-float{position:absolute;bottom:12px;font-size:30px;pointer-events:none;z-index:3;animation:reactionFloat 2.2s ease-out forwards}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,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;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}