@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+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(/assets/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(/assets/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}:root{--font:"Fredoka Variable", "Fredoka", ui-rounded, "Nunito", system-ui, sans-serif;--ink:#2b2350;--ink-soft:#62598f;--paper:#fff;--paper-2:#fff7e8;--line:#2b23501a;--pink:#ff5fa2;--pink-d:#d33a80;--orange:#ff9f43;--orange-d:#d67a1c;--yellow:#ffd23f;--yellow-d:#d4a50c;--green:#3ed598;--green-d:#1ea571;--blue:#3aa7ff;--blue-d:#1a7dd1;--purple:#8f6bff;--purple-d:#6844d8;--sky-1:#7fd6ff;--sky-2:#e4f8ff;--hill-1:#93e59d;--hill-2:#62d17c;--sun:#ffd23f;--star-opacity:0;--radius:28px;--radius-sm:18px;--lift:0 8px 0 #2b23501a, 0 18px 30px #2b23501a;--tap:64px;--dock-h:96px}[data-theme=dark]{--ink:#fff4dc;--ink-soft:#cdc6f7;--paper:#2f2a6b;--paper-2:#3a3480;--line:#fff4dc24;--sky-1:#17153d;--sky-2:#3b2d85;--hill-1:#3c419e;--hill-2:#2b2f80;--sun:#fff1b8;--star-opacity:1;--lift:0 8px 0 #00000040, 0 18px 30px #00000040}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--sky-1);-webkit-tap-highlight-color:transparent;min-height:100dvh;font-size:1.15rem;line-height:1.4;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.1}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{--c:var(--pink);--cd:var(--pink-d);min-height:var(--tap);background:var(--c);color:#fff;box-shadow:0 6px 0 var(--cd), 0 12px 18px #2b23502e;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.9rem;font-size:1.3rem;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--cd), 0 4px 8px #2b23502e;transform:translateY(5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--orange{--c:var(--orange);--cd:var(--orange-d)}.btn--yellow{--c:var(--yellow);--cd:var(--yellow-d);color:#4a3a00}.btn--green{--c:var(--green);--cd:var(--green-d)}.btn--blue{--c:var(--blue);--cd:var(--blue-d)}.btn--purple{--c:var(--purple);--cd:var(--purple-d)}.btn--ghost{--c:var(--paper);--cd:var(--line);color:var(--ink);box-shadow:0 6px 0 var(--line), 0 12px 18px #2b23501a}.btn--small{min-height:48px;box-shadow:0 4px 0 var(--cd);padding:0 1.2rem;font-size:1.05rem}.btn--icon{width:56px;min-height:56px;padding:0;font-size:1rem}.btn svg{flex:none;width:1.5em;height:1.5em}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--lift);border:3px solid var(--line);padding:1.4rem}.stack{gap:1.2rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.muted{color:var(--ink-soft)}.field{gap:.35rem;font-weight:500;display:grid}.input{width:100%;min-height:var(--tap);border:4px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:0 1.4rem;font-size:1.25rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-soft);opacity:.7}.input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 6px #3aa7ff40}.field__error{color:#c4265c;font-size:.95rem}[data-theme=dark] .field__error{color:#ff9cc1}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{background:var(--paper);border:3px solid var(--line);min-height:52px;box-shadow:0 4px 0 var(--line);border-radius:999px;align-items:center;gap:.5rem;padding:0 1.2rem;font-size:1.1rem;font-weight:500;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.chip:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.chip[aria-pressed=true],.chip[aria-current=true]{background:var(--yellow);border-color:var(--yellow-d);color:#3a2c00;box-shadow:0 4px 0 var(--yellow-d)}.chip svg{width:1.3em;height:1.3em}.dialog{color:var(--ink);background:0 0;border:0;width:100%;max-width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:visible}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b23508c}.dialog[open] .dialog__panel{animation:.28s cubic-bezier(.2,1.4,.4,1) pop-in}.dialog__panel{background:var(--paper);box-shadow:var(--lift);border:4px solid var(--line);border-radius:36px;gap:1rem;max-height:calc(100dvh - 24px);padding:2rem 1.6rem 1.6rem;display:grid;position:relative;overflow:auto}.dialog__close{position:absolute;top:.8rem;right:.8rem}.dialog__title{padding-right:3.6rem}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:none}}.toast{left:50%;bottom:calc(var(--dock-h) + 24px);z-index:60;background:var(--ink);max-width:min(92vw,520px);color:var(--paper);box-shadow:var(--lift);border-radius:999px;padding:.9rem 1.5rem;font-weight:600;animation:.3s cubic-bezier(.2,1.4,.4,1) toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.stars{justify-content:center;gap:.4rem;display:flex}.stars svg{width:64px;height:64px;fill:var(--line);stroke:none;transition:fill .3s}.stars svg[data-on=true]{fill:var(--yellow);filter:drop-shadow(0 4px 0 var(--yellow-d));animation:.5s cubic-bezier(.2,1.6,.4,1) backwards star-pop}.stars svg[data-on=true]:nth-child(2){animation-delay:.15s}.stars svg[data-on=true]:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{transform:scale(0)rotate(-40deg)}}.badge{background:var(--purple);color:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .8rem;font-size:.95rem;font-weight:600;display:inline-flex}.badge svg{width:1.1em;height:1.1em}.confetti{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.confetti i{background:hsl(var(--h) 90% 60%);width:14px;height:22px;animation:1.3s cubic-bezier(.1,.7,.3,1) forwards confetti;animation-delay:var(--d);border-radius:4px;position:absolute;top:45%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--x), var(--y)) rotate(var(--r));opacity:0}}.lock-note{border-radius:var(--radius-sm);background:var(--paper-2);border:3px dashed var(--line);align-items:center;gap:.6rem;padding:.7rem 1rem;font-weight:500;display:flex}.lock-note svg{width:28px;height:28px;color:var(--purple);flex:none}.backdrop{z-index:-1;background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 70%);transition:background .6s;position:fixed;inset:0;overflow:hidden}.backdrop__stars{opacity:var(--star-opacity);background-image:radial-gradient(2px 2px at 12% 18%,#fff 60%,#0000),radial-gradient(3px 3px at 28% 8%,#fff 60%,#0000),radial-gradient(2px 2px at 44% 26%,#fff 60%,#0000),radial-gradient(3px 3px at 61% 12%,#ffe9a8 60%,#0000),radial-gradient(2px 2px at 78% 30%,#fff 60%,#0000),radial-gradient(3px 3px at 90% 10%,#fff 60%,#0000),radial-gradient(2px 2px at 6% 44%,#fff 60%,#0000),radial-gradient(2px 2px at 52% 46%,#fff 60%,#0000),radial-gradient(3px 3px at 86% 52%,#ffe9a8 60%,#0000);transition:opacity .6s;animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:calc(var(--star-opacity) * .55)}}.backdrop__sun{aspect-ratio:1;background:var(--sun);width:clamp(72px,12vw,130px);box-shadow:0 0 0 18px color-mix(in srgb, var(--sun) 35%, transparent), 0 0 80px 24px color-mix(in srgb, var(--sun) 60%, transparent);border-radius:50%;transition:background .6s;position:absolute;top:9%;right:8%}[data-theme=dark] .backdrop__sun{background:var(--sun);box-shadow:inset -22px -8px #d9d2ff,0 0 60px 12px #fff1b859}.backdrop__cloud{fill:#fff;opacity:.92;animation:linear infinite drift;position:absolute}[data-theme=dark] .backdrop__cloud{fill:#6d63c9;opacity:.5}.backdrop__cloud--a{width:190px;animation-duration:90s;animation-delay:-30s;top:12%}.backdrop__cloud--b{width:130px;animation-duration:120s;animation-delay:-80s;top:32%}.backdrop__cloud--c{width:100px;animation-duration:70s;animation-delay:-10s;top:5%}@keyframes drift{0%{transform:translate(-260px)}to{transform:translate(calc(100vw + 260px))}}.backdrop__hills{width:100%;height:34vh;min-height:200px;position:absolute;bottom:0;left:0}.backdrop__hill--far{fill:var(--hill-1)}.backdrop__hill--near{fill:var(--hill-2)}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:30;padding:max(12px, env(safe-area-inset-top)) clamp(14px, 3vw, 32px) 12px;justify-content:space-between;align-items:center;gap:.8rem;display:flex;position:sticky;top:0}.brand{background:var(--paper);border-radius:999px;align-items:center;gap:.7rem;padding:6px 18px 6px 8px;text-decoration:none;display:flex;box-shadow:0 10px 20px #2b235024}.brand__text{line-height:1;display:grid}.brand__text small{color:var(--pink-d);font-size:.8rem;font-weight:500}.brand__text b{font-size:clamp(1.15rem,3vw,1.5rem);font-weight:700}.topbar__actions{align-items:center;gap:.5rem;display:flex}.topbar__actions .btn--icon{position:relative}.lock-dot{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-4px;right:-4px}.lock-dot svg{width:13px;height:13px}.page{width:min(1080px,100%);padding:8px clamp(14px, 3vw, 32px) calc(var(--dock-h) + 40px);flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.6rem;margin:0 auto;display:grid}.page__title{align-items:center;gap:.8rem;display:flex}.page__title .title-icon{color:#fff;background:var(--c,var(--pink));width:64px;height:64px;box-shadow:0 6px 0 var(--cd,var(--pink-d));border-radius:22px;flex:none;place-items:center;display:grid}.title-icon svg{width:34px;height:34px}.signature{padding:0 16px calc(var(--dock-h) + 10px);color:var(--ink);opacity:.75;text-align:center;justify-items:center;gap:2px;margin-top:-20px;font-size:.85rem;font-weight:500;display:grid}.dock{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;background:var(--paper);width:min(560px,100vw - 20px);box-shadow:0 6px 0 var(--line), 0 16px 34px #2b235038;border:3px solid var(--line);border-radius:999px;gap:4px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.dock__item{color:var(--ink-soft);border-radius:999px;flex:1;justify-items:center;gap:1px;padding:7px 4px 6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:grid}.dock__item svg{width:30px;height:30px}.dock__item:active{transform:scale(.94)}.dock__item.active{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-d)}.hero{grid-template-columns:auto 1fr;align-items:center;gap:1rem clamp(12px,3vw,28px);padding-top:4px;display:grid}.hero__mascot{filter:drop-shadow(0 10px #2b23501a);width:clamp(110px,22vw,190px);animation:3.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-2deg)}}.hero__bubble{background:var(--paper);box-shadow:var(--lift);border:3px solid var(--line);border-radius:32px;padding:1.1rem 1.5rem;position:relative}.hero__bubble:before{content:"";background:var(--paper);border-left:3px solid var(--line);border-bottom:3px solid var(--line);border-radius:0 0 0 10px;width:26px;height:26px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)rotate(45deg)}.hero__bubble h1{font-size:clamp(1.7rem,5vw,2.7rem)}.hero__bubble p{color:var(--ink-soft);margin-top:.3rem;font-weight:500}.town{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(14px,2.4vw,26px);padding:0;list-style:none;display:grid}.building{--accent:var(--pink);border-radius:var(--radius);background:var(--paper);border:3px solid var(--line);width:100%;box-shadow:var(--lift);text-align:center;gap:.2rem;padding:.6rem .6rem 1rem;text-decoration:none;transition:transform .15s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative}.building:hover{transform:translateY(-6px)rotate(-.6deg)}.building:active{transform:translateY(2px)scale(.98)}.building__art{padding-top:14px;position:relative}.building__art svg{width:100%}.building__sign{color:#fff;border:4px solid var(--ink);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 5px #2b235040}.building__sign svg{width:30px;height:30px}.building__name{font-size:1.35rem;font-weight:700;line-height:1.1}.building__hint{color:var(--ink-soft);font-size:.95rem;font-weight:500}.building--locked .building__art{filter:saturate(.5)}.building__lock{background:var(--purple);color:#fff;width:44px;height:44px;box-shadow:0 4px 0 var(--purple-d);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.building__lock svg{width:22px;height:22px}.section-title{align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.stars-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.group-card{--g:var(--pink);border-radius:var(--radius);background:var(--paper);border:3px solid var(--line);box-shadow:var(--lift);text-align:left;gap:.6rem;width:100%;padding:1rem 1.1rem 1.1rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.group-card:before{content:"";background:var(--g);height:10px;position:absolute;inset:0 0 auto}.group-card h3{font-size:1.4rem}.group-card__idols{justify-content:center;margin-inline:-4px;display:flex}.group-card__idols svg{width:25%;height:auto;margin-inline:-3%}.group-card:hover .group-card__idols svg{animation:.5s ease-in-out hop}.group-card:hover .group-card__idols svg:nth-child(2){animation-delay:60ms}.group-card:hover .group-card__idols svg:nth-child(3){animation-delay:.12s}.group-card:hover .group-card__idols svg:nth-child(4){animation-delay:.18s}@keyframes hop{40%{transform:translateY(-14px)rotate(-3deg)}}@media (width<=560px){.hero{text-align:center;grid-template-columns:1fr;justify-items:center}.hero__bubble:before{top:-14px;left:50%;transform:translate(-50%)rotate(135deg)}.topbar__actions .btn--icon{width:48px;min-height:48px}.brand__text small{display:none}}.small{font-size:.95rem}.help__hero{align-items:center;gap:1rem;display:flex}.help__mascot{flex:none;width:96px}.help__list{gap:.8rem;padding:0;list-style:none;display:grid}.help__list li{align-items:flex-start;gap:.8rem;display:flex}.help__icon{background:var(--paper-2);width:46px;height:46px;color:var(--purple);border-radius:16px;flex:none;place-items:center;display:grid}.help__icon svg{width:26px;height:26px}.gate__question{text-align:center;font-size:2rem;font-weight:700}.hero__actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:.9rem;display:flex}.status{text-align:center;border-radius:var(--radius);background:var(--paper);border:3px dashed var(--line);padding:1.2rem;font-weight:600}.capitalize{text-transform:capitalize}.heart{color:var(--ink-soft);flex:none}.heart.is-on{color:var(--pink)}.btn.is-on{border:3px solid var(--pink)}.searchbar{align-items:center;gap:.6rem;display:flex}.searchbar .input{flex:1;min-width:0}.searchbar .btn--icon{flex:none;position:relative}.is-listening{animation:1s ease-in-out infinite listening}@keyframes listening{50%{box-shadow:0 6px 0 var(--purple-d), 0 0 0 12px #8f6bff59}}@media (width<=560px){.searchbar{flex-wrap:wrap}.searchbar .input{flex:100%}.searchbar .btn--green{flex:1}}.tracks{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;padding:0;list-style:none;display:grid}.track{border-radius:var(--radius);background:var(--paper);border:3px solid var(--line);box-shadow:var(--lift);align-items:center;gap:.9rem;padding:.7rem .8rem .7rem .7rem;display:flex}.track.is-playing{border-color:var(--pink)}.track__play{background:var(--paper-2);border-radius:22px;flex:none;width:96px;height:96px;position:relative;overflow:hidden}.track__play img{object-fit:cover;width:100%;height:100%}.track__btn{color:#fff;background:#2b235052;place-items:center;transition:background .15s;display:grid;position:absolute;inset:0}.track__btn svg{filter:drop-shadow(0 3px #0000004d);width:46px;height:46px}.track.is-playing .track__btn{background:#ff5fa28c}.track__info{flex:1;gap:2px;min-width:0;display:grid}.track__info strong{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;line-height:1.15;display:-webkit-box;overflow:hidden}.track__info span{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.swatches{flex-wrap:wrap;gap:14px;display:flex}.swatch{width:76px;height:76px;box-shadow:0 6px 0 #2b235033, 0 0 0 3px var(--line);border:5px solid #fff;border-radius:50%;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{box-shadow:0 6px 0 #2b235040, 0 0 0 5px var(--ink);transform:scale(1.14)}.bubbles{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;display:grid}.bubble{aspect-ratio:1;background:var(--bubble);animation:.5s cubic-bezier(.3,1.6,.5,1) backwards bubble-in;animation-delay:calc(var(--i) * 70ms);border:6px solid #ffffffd9;border-radius:50%;place-items:end center;padding-bottom:14%;transition:transform .12s;display:grid;box-shadow:0 8px #2b235029,inset 0 -14px #00000014,inset 0 12px #ffffff38}.bubble:active{transform:scale(.92)}.bubble span{color:#fff;text-shadow:0 2px #00000059;text-transform:capitalize;font-size:.95rem;font-weight:700}@keyframes bubble-in{0%{transform:scale(0)}}.advanced summary{cursor:pointer;color:var(--ink-soft);font-weight:600}.advanced form{margin-top:.9rem}.advanced .input{flex:1}.saved{flex-wrap:wrap;gap:12px;display:flex}.saved__palette{width:160px;height:56px;box-shadow:0 5px 0 var(--line), 0 0 0 3px var(--line);border:4px solid #fff;border-radius:999px;display:flex;overflow:hidden}.saved__palette i{flex:1}.styles{border:0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:0;display:grid}.styles legend{margin-bottom:.5rem;font-weight:600}.style-tile{border-radius:var(--radius);background:var(--paper);border:4px solid var(--line);box-shadow:0 5px 0 var(--line);justify-items:center;gap:4px;padding:10px 6px 12px;font-weight:600;transition:transform .1s;display:grid}.style-tile:active{transform:translateY(3px)}.style-tile img{background:var(--paper-2);border-radius:50%;width:84px;height:84px}.style-tile[aria-pressed=true]{border-color:var(--green);background:color-mix(in srgb, var(--green) 14%, var(--paper));box-shadow:0 5px 0 var(--green-d)}.avatar-result{text-align:center;justify-items:center;gap:1rem;display:grid}.avatar-result__img{aspect-ratio:1;border:8px solid var(--green);width:min(260px,70vw);box-shadow:0 10px 0 var(--green-d);background:#fff;border-radius:50%;animation:.6s cubic-bezier(.3,1.6,.5,1) bounce-in}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}.recent{flex-wrap:wrap;gap:12px;display:flex}.recent__item{border-radius:var(--radius-sm);background:var(--paper);border:3px solid var(--line);justify-items:center;gap:2px;width:104px;padding:8px 10px;font-size:.95rem;font-weight:600;display:grid}.recent__item img{background:var(--paper-2);border-radius:50%}.content-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.content-card{border-radius:var(--radius);background:var(--paper);border:3px solid var(--line);box-shadow:var(--lift);display:grid;position:relative}.content-card__open{text-align:left;border-radius:var(--radius);gap:.35rem;padding:1.2rem 1.2rem 1.1rem;display:grid}.content-card__emoji{background:var(--paper-2);border-radius:20px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.content-card h3{padding-right:3.6rem;font-size:1.3rem}.content-card__meta{flex-wrap:wrap;gap:.4rem;margin-top:.3rem;display:flex}.content-card .heart{width:52px;min-height:52px;position:absolute;top:.8rem;right:.8rem}.badge--soft{background:var(--paper-2);color:var(--ink);border:2px solid var(--line)}.steps{gap:.4rem;padding-left:1.4rem;display:grid}.checks{gap:.6rem;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:.6rem;display:flex}.checks svg{width:26px;height:26px;color:var(--green-d);flex:none;margin-top:1px}.group-picker{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.group-pick{--g:var(--pink);--soft:#ffe3f0;border-radius:var(--radius);background:var(--paper);border:4px solid var(--line);box-shadow:0 6px 0 var(--line);justify-items:center;gap:2px;padding:10px 10px 14px;font-size:1.15rem;font-weight:700;transition:transform .1s;display:grid;position:relative}.group-pick svg:first-child{width:74px}.group-pick:active{transform:translateY(4px)}.group-pick[aria-checked=true]{border-color:var(--g);background:color-mix(in srgb, var(--g) 16%, var(--paper));box-shadow:0 6px 0 var(--g)}.group-pick__lock{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:8px;right:8px}.group-pick__lock svg{width:18px;height:18px}.game-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;display:grid}.game-card{background:var(--c);color:#fff;text-align:center;box-shadow:0 10px 0 var(--cd), 0 20px 30px #2b235033;border-radius:34px;justify-items:center;gap:.3rem;padding:1.1rem 1rem 1.3rem;text-decoration:none;transition:transform .12s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-5px)}.game-card:active{box-shadow:0 3px 0 var(--cd);transform:translateY(6px)}.game-card strong{font-size:1.8rem;line-height:1}.game-card>span:last-child{opacity:.95;font-weight:500}.game-card__icon{background:#ffffff40;border-radius:16px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:12px;left:12px}.game-card__icon svg{width:26px}.game-card__idols{justify-content:center;margin:.6rem 0 .2rem;display:flex}.game-card__idols svg{filter:drop-shadow(0 6px #00000024);width:88px;margin-inline:-12px}.game-card:hover .game-card__idols svg{animation:.5s ease-in-out hop}.game-card:hover .game-card__idols svg:nth-child(2){animation-delay:80ms}.game-card:hover .game-card__idols svg:nth-child(3){animation-delay:.16s}.rhythm{--lane-h:clamp(220px, calc(100dvh - 560px), 460px);background:linear-gradient(180deg, color-mix(in srgb, var(--g) 30%, #1d1748), #1d1748);box-shadow:var(--lift);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:36px;gap:10px;padding:14px;display:grid;position:relative;overflow:hidden}.rhythm__stage{justify-content:center;height:84px;display:flex;overflow:hidden}.rhythm__stage svg{transform-origin:bottom;flex:none;width:84px;margin-inline:-6px}.rhythm.is-playing .rhythm__stage svg{animation:beat var(--beat) ease-in-out infinite}.rhythm.is-playing .rhythm__stage svg:nth-child(2n){animation-delay:calc(var(--beat) / 2)}@keyframes beat{50%{transform:translateY(-10px)scale(1.04,.97)}}.rhythm__board{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lane{height:var(--lane-h);background:linear-gradient(180deg, #ffffff0d, color-mix(in srgb, var(--lane) 22%, transparent));border:2px solid #ffffff1a;border-radius:22px;position:relative;overflow:hidden}.lane__line{background:var(--lane);opacity:.85;height:8px;box-shadow:0 0 18px var(--lane);border-radius:999px;margin-top:26px;position:absolute;left:8%;right:8%}.note{aspect-ratio:1;background:var(--lane);width:min(78%,86px);box-shadow:0 6px 0 #00000040, 0 0 20px var(--lane);opacity:0;will-change:transform;border:5px solid #fff;border-radius:50%;margin:-6px 0 0 calc(min(78%,86px)/-2);position:absolute;top:0;left:50%}.note[data-hit=true]{visibility:hidden}.lane__feedback{color:#fff;white-space:nowrap;text-shadow:0 2px 0 #00000080, 0 0 12px var(--lane);pointer-events:none;font-size:1.15rem;font-weight:700;animation:.7s ease-out forwards float-up;position:absolute;left:50%;transform:translate(-50%)}@keyframes float-up{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-60px}}.rhythm__pads{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pad{background:var(--lane);border:5px solid #ffffffbf;border-radius:26px;height:92px;transition:transform 60ms,box-shadow 60ms;box-shadow:0 8px #0000004d}.pad:active{box-shadow:0 2px 0 #0000004d, 0 0 26px var(--lane);transform:translateY(6px)}.rhythm__start{text-align:center;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d1748bd;place-content:center;justify-items:center;gap:1rem;padding:1rem;display:grid;position:absolute;inset:0}.memory{--cols:3;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:clamp(10px,2vw,18px);width:min(100%,760px);margin-inline:auto;display:grid}.mcard{aspect-ratio:4/5;perspective:900px;border-radius:28px}.mcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.3,.5,1);display:block;position:relative}.mcard.is-up .mcard__inner{transform:rotateY(180deg)}.mcard__back,.mcard__front{backface-visibility:hidden;border:5px solid #fff;border-radius:28px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 8px #2b23502e}.mcard__back{background:radial-gradient(circle at 20% 20%, #ffffff59 0 12%, transparent 13%), radial-gradient(circle at 80% 78%, #ffffff40 0 10%, transparent 11%), var(--g);color:#fff}.mcard__back svg{fill:currentColor;width:46%}.mcard__front{background:var(--paper);padding:8%;transform:rotateY(180deg)}.mcard__front svg{width:100%;height:100%}.mcard.is-matched .mcard__front{border-color:var(--yellow);animation:.6s matched}@keyframes matched{40%{transform:rotateY(180deg)scale(1.08)}}.dance__message{text-align:center;min-height:2em;font-size:1.4rem;font-weight:600}.dance{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:clamp(10px,2vw,20px);width:min(100%,860px);margin-inline:auto;display:grid}.dancer{--pad:var(--pink);background:var(--paper);border:6px solid var(--pad);box-shadow:0 8px 0 color-mix(in srgb, var(--pad) 70%, #000);border-radius:34px;justify-items:center;gap:4px;padding:14px 8px 12px;font-size:1.2rem;font-weight:700;transition:transform .1s,background .15s;display:grid}.dancer:disabled{cursor:default;color:inherit}.dancer.is-ready:active{transform:translateY(6px)}.dancer.is-dancing{background:color-mix(in srgb, var(--pad) 40%, var(--paper));animation:.6s ease-in-out dance}.dancer.is-dancing svg{animation:.3s ease-in-out 2 wiggle}@keyframes dance{30%{transform:translateY(-16px)scale(1.06)rotate(-3deg)}60%{transform:translateY(-4px)scale(1.04)rotate(3deg)}}@keyframes wiggle{50%{transform:rotate(6deg)scale(1.05)}}@media (width<=560px){.rhythm{border-radius:28px;padding:8px}.pad{height:78px}}.runner{width:min(100%,520px);height:clamp(330px,100dvh - 400px,620px);box-shadow:var(--lift);touch-action:none;-webkit-user-select:none;user-select:none;background:var(--g);border:6px solid #fff;border-radius:36px;margin-inline:auto;position:relative;overflow:hidden}.runner__canvas{width:100%;height:100%;position:absolute;inset:0}.runner__me{will-change:transform;pointer-events:none;width:clamp(84px,24%,130px);position:absolute;top:0;left:0}.runner__me svg{filter:drop-shadow(0 6px #2b235033);transform-origin:bottom;width:100%;animation:.32s ease-in-out infinite run-bob}.runner__me[data-jumping=true] svg{animation:none;transform:scale(1.06,.96)}.runner__me[data-stumble=true] svg{filter:drop-shadow(0 6px #2b235033)saturate(.6);animation:none}@keyframes run-bob{50%{transform:translateY(-5px)rotate(2deg)}}.runner__hud{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;inset:10px 10px auto}.badge--combo{background:var(--orange);animation:.25s cubic-bezier(.2,1.6,.4,1) pop-in}.runner__bar{background:#ffffff8c;border-radius:999px;flex-basis:100%;height:12px;overflow:hidden}.runner__bar i{border-radius:inherit;background:var(--yellow);height:100%;display:block}.runner__overlay{text-align:center;color:#fff;pointer-events:none;place-content:center;justify-items:center;gap:.9rem;padding:1rem;display:grid;position:absolute;inset:0}.runner__overlay--start{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#1d1748c7}.runner__count{text-shadow:0 8px #2b235059;font-size:9rem;font-weight:700;line-height:1;animation:.8s ease-out count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(2.2)}35%{opacity:1}to{transform:scale(1)}}.runner__pick{justify-content:center;gap:8px;display:flex}.runner__who{width:82px;color:var(--ink);background:var(--paper);border:4px solid #0000;border-radius:22px;justify-items:center;padding:6px 4px 8px;font-size:.95rem;font-weight:600;display:grid}.runner__who[aria-checked=true]{border-color:var(--yellow);transform:translateY(-4px)}.runner__groups{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.runner__groups .chip{color:var(--ink);min-height:44px;font-size:.95rem}.runner__groups .chip[aria-checked=true]{background:var(--yellow);border-color:var(--yellow-d)}.runner__controls{justify-content:center;gap:14px;display:flex}.runner__btn{border-radius:28px;width:92px;min-height:78px;padding:0}.runner__btn svg{width:40px;height:40px}.game-card--featured{grid-column:1/-1;padding-block:1.5rem 1.7rem}.game-card--featured strong{font-size:2.6rem}.game-card--featured .game-card__idols svg{width:110px}.pattern{border-radius:var(--radius);background:var(--soft,var(--paper));box-shadow:var(--lift);touch-action:none;gap:18px;padding:22px 14px 26px;display:grid}.pattern__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pattern__slot,.pattern__piece,.pattern__ghost{aspect-ratio:1;background:radial-gradient(circle at 34% 30%, #ffffffbf 0 14%, transparent 15%), var(--c);border-radius:50%;width:clamp(48px,13vw,72px);box-shadow:inset 0 -6px #2b235029,0 6px #2b23501f}.pattern__slot[data-blank=true]{border:4px dashed var(--g);box-shadow:none;background:#ffffffb3}.pattern__slot[data-wrong=true]{border-color:#e8203c;animation:.4s pattern-shake}.pattern__hint{text-align:center;color:var(--ink-soft);margin:0;font-weight:600}.pattern__tray{border-radius:var(--radius-sm);background:#fff9;flex-wrap:wrap;justify-content:center;gap:18px;padding:14px;display:flex}.pattern__piece{cursor:grab;touch-action:none;border:0;width:clamp(64px,17vw,88px)}.pattern__piece[data-dragging=true]{opacity:.35}.pattern__piece[data-gone=true]{visibility:hidden}.pattern__ghost{pointer-events:none;z-index:60;filter:drop-shadow(0 12px 10px #2b23504d);width:92px;position:fixed;top:0;left:0}@keyframes pattern-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.runner__me[data-sliding=true]{transform-origin:bottom}