:root{--purple:#8b3fd9;--purple-dark:#4a1487;--purple-light:#e3ccff;--pink:#f15bb5;--pink-dark:#b8327f;--gold:#ffb703;--ink:#3c096c;font-family:Fredoka Variable,Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:linear-gradient(#b79bff,#ffd1ec);height:100%;margin:0;overflow:hidden}canvas{display:block}canvas.playing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cline x1='14' y1='14' x2='38' y2='38' stroke='%237b2cbf' stroke-width='6' stroke-linecap='round'/%3E%3Cpolygon points='10,1 12.4,6.8 18.6,7.2 13.8,11.2 15.3,17.3 10,14 4.7,17.3 6.2,11.2 1.4,7.2 7.6,6.8' fill='%23ffd166' stroke='%237b2cbf' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 10 10,crosshair}button{font:inherit;cursor:pointer}#menu{pointer-events:none;justify-content:flex-end;align-items:center;padding:3vh 4vw;display:flex;position:fixed;inset:0}.card{pointer-events:auto;width:min(640px,54vw);max-height:100%;color:var(--ink);text-align:center;background:#fff9ffed;border:4px solid #fff;border-radius:36px;padding:20px 26px 22px;animation:.5s cubic-bezier(.2,1.4,.4,1) card-in;overflow-y:auto;box-shadow:0 10px #7b2cbf38,0 26px 60px #3c096c4d}@media (aspect-ratio<=1){#menu{justify-content:center;align-items:flex-end;padding:10px}.card{width:100%;max-height:66vh}}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.92)}}@keyframes bob{50%{transform:translateY(-5px)rotate(-4deg)}}@keyframes wiggle{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-7px)rotate(-5deg)}}@keyframes pulse{50%{transform:scale(1.04)}}.logo{justify-content:center;align-items:center;gap:10px;display:flex}.logo .avatar{width:72px;height:72px;animation:2.6s ease-in-out infinite bob}.logo h1{letter-spacing:1px;margin:0;font-size:52px;font-weight:700}.logo h1 span{background:linear-gradient(#a23be8,#f15bb5);color:#0000;filter:drop-shadow(0 3px #3c096c38);animation:3s ease-in-out infinite wiggle;animation-delay:calc(var(--i) * 90ms);-webkit-background-clip:text;background-clip:text;display:inline-block}.logo.small .avatar{width:44px;height:44px}.logo.small h1{font-size:30px}h2{margin:6px 0 12px;font-size:30px;font-weight:600}h3{color:var(--purple);text-transform:uppercase;letter-spacing:1.5px;margin:10px 0 6px;font-size:17px;font-weight:600}.pill{color:#8a5a00;vertical-align:middle;background:#fff3c4;border-radius:999px;padding:2px 12px;font-size:18px;font-weight:600;display:inline-block}.btn{background:var(--purple);color:#fff;width:100%;box-shadow:0 6px 0 var(--purple-dark);border:0;border-radius:22px;margin-top:14px;padding:13px 22px;font-size:22px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;display:block}.btn:hover,.btn:focus-visible{filter:brightness(1.08);box-shadow:0 8px 0 var(--purple-dark);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--purple-dark);transform:translateY(5px)}.btn.go{background:linear-gradient(#ff84c9, var(--pink));box-shadow:0 6px 0 var(--pink-dark);font-size:26px;animation:1.8s ease-in-out infinite pulse}.btn.go:hover,.btn.go:focus-visible{box-shadow:0 8px 0 var(--pink-dark)}.btn.go:active{box-shadow:0 1px 0 var(--pink-dark)}.btn.ghost{color:var(--purple);box-shadow:0 6px 0 var(--purple-light);background:#fff}.btn.small{margin:0 0 10px;padding:8px 16px;font-size:17px}.letters{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.letter{border:3px solid var(--purple-light);color:var(--ink);box-shadow:0 4px 0 var(--purple-light);background:#fff;border-radius:18px;padding:10px 0;font-size:26px;font-weight:600;transition:transform 80ms}.letter:hover{border-color:var(--pink)}.letter:active{box-shadow:none;transform:translateY(4px)}.players{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.player{border:4px solid var(--purple-light);color:var(--ink);box-shadow:0 6px 0 var(--purple-light);background:#fff;border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:transform .12s;display:flex}.player:hover,.player:focus-visible{border-color:var(--pink);transform:translateY(-4px)rotate(-2deg)}.player .avatar{width:96px;height:96px}.player .name{font-size:24px;font-weight:600}.swatches,.chips,.dots,.links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.swatch{background:#fff;border:4px solid #0000;border-radius:22px;padding:4px;transition:transform .12s}.swatch .avatar{width:60px;height:60px;display:block}.swatch:hover{transform:translateY(-3px)}.swatch.selected{border-color:var(--pink);transform:scale(1.12)}.dots{margin-bottom:10px}.dot{width:30px;height:30px;box-shadow:0 0 0 2px var(--purple-light);border:3px solid #fff;border-radius:50%;transition:transform .12s}.dot.selected{box-shadow:0 0 0 3px var(--pink);transform:scale(1.2)}.chip{border:3px solid var(--purple-light);color:var(--ink);background:#fff;border-radius:18px;align-items:center;gap:6px;padding:5px 12px;font-size:16px;font-weight:500;display:inline-flex}button.chip:hover:not(:disabled){border-color:var(--pink);transform:translateY(-2px)}.chip.selected{border-color:var(--pink);background:#ffe6f4}.chip.locked{opacity:.6;cursor:default}.chip.fresh{border-color:var(--gold);animation:1.2s ease-in-out infinite pulse}.tag{background:var(--gold);color:#fff;border-radius:999px;padding:0 8px;font-size:13px;font-weight:700}.levels{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;display:grid}.level{border:3px solid var(--purple-light);color:var(--ink);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:7px 9px;font-size:15px;font-weight:600;line-height:1.15;transition:transform .12s;display:flex}.level:hover{transform:translateY(-2px)}.level.selected{border-color:var(--purple);background:#f1e4ff;transform:scale(1.04)}.badge{color:#fff;border-radius:14px;flex:0 0 44px;place-items:center;height:44px;font-size:17px;font-weight:700;display:grid}.color-pink .badge{background:linear-gradient(#ff8fc8,#f15bb5)}.color-blue .badge{background:linear-gradient(#6fd3ff,#3a9bdc)}.color-orange .badge{background:linear-gradient(#ffc56e,#ff9f1c)}.rating{color:var(--gold);letter-spacing:1px;font-size:15px;display:block}.rating .off{color:#e3d5f7}.hint{margin:8px 0 0;font-size:15px}.starts{background:linear-gradient(#fff9ff00,#fff9ff 22%);padding:2px 0 22px;position:sticky;bottom:-22px}.starts .btn{margin-top:10px}.links{margin-top:-12px}.link{color:var(--purple);background:0 0;border:0;padding:6px;font-size:15px;text-decoration:underline}input[type=text]{border:4px solid var(--purple-light);width:100%;font:inherit;text-align:center;color:var(--ink);border-radius:22px;padding:13px 20px;font-size:26px;font-weight:600}input[type=text]:focus{border-color:var(--pink);outline:none}.credit{opacity:.7;margin:14px 0 0;font-size:13px}.error{color:#b00040;font-weight:600}#exit{background:var(--purple);color:#fff;box-shadow:0 4px 0 var(--purple-dark);border:3px solid #fff;border-radius:18px;padding:9px 18px;font-size:17px;font-weight:600;position:fixed;top:16px;left:16px}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.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;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.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;src:url(./fredoka-latin-wght-normal-DM6njrJ3.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}