.mascot{flex:none;overflow:visible}.mascot__body{transform-origin:60px 110px;animation:3.2s ease-in-out infinite mascot-bob}.mascot__eyes{transform-origin:60px 56px;animation:4.6s infinite mascot-blink}.mascot__sparks{transform-origin:60px 60px;animation:3.2s ease-in-out infinite mascot-sparks}.mascot--wow .mascot__body{animation:.5s ease-in-out infinite mascot-shake}.mascot--party .mascot__body{animation:.9s ease-in-out infinite mascot-dance}.mascot--sleepy .mascot__body{animation:5s ease-in-out infinite mascot-bob}@keyframes mascot-bob{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(4deg)translateY(-3px)}}@keyframes mascot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mascot-sparks{50%{transform:scale(1.08)rotate(6deg)}}@keyframes mascot-shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes mascot-dance{0%,to{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(10deg)translateY(-6px)}}.logo{color:var(--ink);align-items:center;gap:.35em;text-decoration:none;display:inline-flex}.logo--stacked{flex-direction:column;gap:.2em}.logo__word{font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;font-weight:900;line-height:1}.logo__phone{color:var(--ink)}.logo__games{color:var(--pink);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:.06em .07em 0 var(--ink);margin-left:.02em}@media (prefers-reduced-motion:reduce){.mascot__body,.mascot__eyes,.mascot__sparks{animation:none}}.bomb{filter:drop-shadow(0 18px 30px #00000073);flex:none;position:relative}.bomb__svg{width:100%;height:100%;overflow:visible}.bomb__spark{width:0;height:0;position:absolute;top:3.6%;left:88%}.bomb__glow{mix-blend-mode:screen;background:radial-gradient(circle,#fff 0%,#fff6c2 18%,#ffd23f 34%,#ff8a3d8c 55%,#ff3d8b00 72%);border-radius:50%;width:46px;height:46px;animation:.12s steps(2,end) infinite alternate spark-flicker;position:absolute;top:-23px;left:-23px}.bomb__star{background:conic-gradient(#0000 0deg 20deg,#fff 22deg,#0000 26deg 80deg,#ffe9a0 84deg,#0000 88deg 140deg,#fff 142deg,#0000 146deg 200deg,#ffd23f 204deg,#0000 208deg 260deg,#fff 262deg,#0000 266deg 320deg,#ffe9a0 324deg,#0000 328deg);border-radius:50%;width:34px;height:34px;animation:.6s linear infinite spark-spin;position:absolute;top:-17px;left:-17px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}.bomb__particle{background:#fff3b0;border-radius:50%;width:3px;height:3px;animation:.55s ease-out infinite spark-fly;position:absolute;top:-1.5px;left:-1.5px;box-shadow:0 0 6px 2px #ffd23fcc}@keyframes spark-flicker{0%{opacity:.85;transform:scale(.85)}to{opacity:1;transform:scale(1.12)}}@keyframes spark-spin{to{transform:rotate(360deg)}}@keyframes spark-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){.bomb__star,.bomb__particle{opacity:.6;animation:none}}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2)format("woff2-variations")}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1b1033;--ink-2:#3d2f5c;--bg:#fff6e9;--bg-2:#ffecd4;--paper:#fff;--text:var(--ink);--muted:#1b1033ad;--faint:#1b103375;--line:#1b10331f;--surface:#fff;--surface-2:#fff1de;--surface-3:#f6e6cf;--pink:#ff4fa3;--orange:#ff8a3d;--yellow:#ffd23f;--lime:#9be15d;--green:#21c46b;--cyan:#2ec5ff;--blue:#4d7cff;--violet:#7c5cff;--red:#ff5a5f;--pink-soft:#ffe0ef;--yellow-soft:#fff3c4;--cyan-soft:#d9f4ff;--lime-soft:#e9f9d8;--violet-soft:#e9e3ff;--border-w:2.5px;--border:var(--border-w) solid var(--ink);--shadow-sm:0 3px 0 var(--ink);--shadow:0 5px 0 var(--ink);--shadow-lg:5px 6px 0 var(--ink);--radius-xl:30px;--radius-lg:22px;--radius:17px;--radius-sm:12px;--font-display:"Unbounded Variable", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Outfit Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:72px;--page-max:640px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;touch-action:manipulation;background-image:radial-gradient(#1b103317 1.3px,#0000 1.6px);background-size:22px 22px;margin:0;font-size:17px;line-height:1.45}html.is-playing,html.is-playing body{-webkit-user-select:none;user-select:none;overflow:hidden}#root{isolation:isolate;min-height:100dvh;position:relative}h1,h2,h3,p{-webkit-hyphens:auto;hyphens:auto;margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--violet);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}.icon{flex:none;display:block}.backdrop{z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 100% 0,#ff4fa329,#0000 70%),radial-gradient(60% 40% at 0 100%,#2ec5ff29,#0000 70%),radial-gradient(50% 35% at 0 10%,#ffd23f38,#0000 70%);position:fixed;inset:0;overflow:hidden}.backdrop__shape{width:var(--s,44px);height:var(--s,44px);opacity:.9;animation:drift-shape var(--d,18s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);position:absolute}@keyframes drift-shape{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx,20px), var(--dy,-30px)) rotate(var(--r,40deg))}}::view-transition-old(root){animation-duration:.34s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.34s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-name:vt-out}::view-transition-new(root){animation-name:vt-in}@keyframes vt-out{to{opacity:0;transform:scale(.97)}}@keyframes vt-in{0%{opacity:0;transform:translateY(18px)scale(1.01)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.btn{border:var(--border);min-height:50px;box-shadow:var(--shadow);letter-spacing:.005em;white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16.5px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s,background .2s,opacity .2s;display:inline-flex;position:relative}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{opacity:.5;box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.btn--sm{min-height:40px;box-shadow:var(--shadow-sm);border-radius:14px;padding:0 14px;font-size:15px}.btn--lg{border-radius:20px;min-height:60px;padding:0 26px;font-size:18px}.btn--block{width:100%}.btn--primary{background:var(--pink);color:#fff;text-shadow:0 2px #1b103359}.btn--primary:after{content:"";pointer-events:none;background:#ffffff73;border-radius:999px;height:6px;position:absolute;top:5px;left:14px;right:50%}.btn--secondary{background:var(--paper);color:var(--ink)}.btn--ghost{box-shadow:none;color:var(--ink-2);text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline;text-decoration-thickness:2px}.btn--ghost:active:not(:disabled){box-shadow:none;transform:scale(.96)}.btn--danger{background:var(--red);color:#fff}.spinner{border:3px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.btn--secondary .spinner{border-color:var(--line);border-top-color:var(--ink)}.icon-btn{border:var(--border);background:var(--paper);width:46px;height:46px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:15px;flex:none;place-items:center;transition:transform .12s,box-shadow .12s;display:inline-grid}.icon-btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.icon-btn:disabled{opacity:.4}.icon-btn--accent{background:var(--pink);color:#fff}.icon-btn--small{border-radius:12px;width:38px;height:38px}.form{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.field{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.field__label{padding-left:4px;font-size:14.5px;font-weight:800}.field__control{border-radius:var(--radius);background:var(--paper);border:var(--border);box-shadow:var(--shadow-sm);align-items:center;transition:box-shadow .15s;display:flex;position:relative}.field__control:focus-within{box-shadow:0 3px 0 var(--ink), 0 0 0 4px var(--yellow)}.has-error .field__control{box-shadow:0 3px 0 var(--ink), 0 0 0 4px #ff5a5f66;background:#fff3f3}.field__icon{color:var(--faint);padding-left:14px}.field input{background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;height:52px;padding:0 16px 0 12px;font-size:17px;font-weight:600}.field input::placeholder{color:var(--faint);font-weight:500}.field__toggle{width:48px;height:48px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.field__hint,.field__error{color:var(--muted);padding-left:4px;font-size:13.5px}.field__error{color:#d62f43;margin-top:6px;font-weight:700}.notice{border-radius:var(--radius-sm);border:var(--border);padding:12px 14px;font-size:15px;font-weight:600;line-height:1.4}.notice--error{background:#ffe1e3;animation:.4s shake-x}.notice--warn{background:var(--yellow-soft);margin-bottom:16px}@keyframes shake-x{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.avatar{border:2.5px solid var(--ink);font-family:var(--font-display);color:var(--ink);background:var(--c);box-shadow:0 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.avatar-stack{display:inline-flex}.avatar-stack .avatar{margin-left:-9px}.avatar-stack .avatar:first-child{margin-left:0}.avatar--more{background:var(--paper);width:30px;height:30px;font-size:11px}.sheet{z-index:1000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__backdrop{-webkit-backdrop-filter:blur(4px);background:#1b103373;animation:.25s both fade-in;position:absolute;inset:0}.sheet__panel{width:100%;max-width:var(--page-max);max-height:88dvh;padding:10px 22px calc(22px + var(--safe-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg);border:var(--border);color:var(--ink);animation:sheet-up .42s var(--ease-out) both;border-bottom:0;position:relative;overflow-y:auto}.sheet.is-closing .sheet__backdrop{animation:.25s both fade-out}.sheet.is-closing .sheet__panel{animation:.26s ease-in both sheet-down}.sheet__grip{touch-action:none;cursor:grab;margin:-10px -22px 0;padding:10px 70px 0 22px}.sheet__handle{background:var(--ink);opacity:.25;border-radius:999px;width:46px;height:6px;margin:2px auto 16px;transform:translate(24px)}.sheet__close{border:2px solid var(--ink);background:var(--paper);width:38px;height:38px;color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:12px;place-items:center;display:grid;position:absolute;top:14px;right:16px}.sheet__close:active{box-shadow:none;transform:translateY(2px)}.sheet__title{font-family:var(--font-display);margin-bottom:12px;font-size:22px;font-weight:800}.sheet__text{color:var(--muted);margin-bottom:18px}.sheet__actions{gap:10px;margin-top:20px;display:grid}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;display:flex}.toggle-row__text{display:grid}.toggle-row__label{font-weight:800}.toggle-row__desc{color:var(--muted);font-size:14px}.toggle{appearance:none;border:var(--border);background:var(--surface-3);cursor:pointer;border-radius:999px;flex:none;width:58px;height:34px;margin:0;transition:background .25s;position:relative}.toggle:after{content:"";border:2.5px solid var(--ink);width:23px;height:23px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle:checked{background:var(--lime)}.toggle:checked:after{transform:translate(24px)}.segmented{grid-template-columns:repeat(var(--count), 1fr);border-radius:var(--radius);background:var(--paper);border:var(--border);box-shadow:var(--shadow-sm);padding:4px;display:grid;position:relative}.segmented__pill{width:calc((100% - 8px) / var(--count));background:var(--yellow);border:2.5px solid var(--ink);transform:translateX(calc(var(--index) * 100%));transition:transform .4s var(--ease-spring);border-radius:12px;position:absolute;top:4px;bottom:4px;left:4px}.segmented button{color:var(--muted);background:0 0;border:0;gap:1px;padding:9px 4px;transition:color .2s;display:grid;position:relative}.segmented button.is-active{color:var(--ink)}.segmented__label{font-size:15px;font-weight:800}.segmented__hint{opacity:.8;font-size:11.5px;font-weight:600}.chip{border:var(--border);background:var(--paper);height:40px;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 15px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex}.chip:active{box-shadow:none;transform:translateY(3px)}.chip.is-active{background:var(--yellow);transform:rotate(-2deg)}.chip-cloud{flex-wrap:wrap;gap:8px;display:flex}.chip-scroll{scrollbar-width:none;gap:8px;margin:0 -20px 18px;padding:2px 20px 8px;display:flex;overflow-x:auto}.chip-scroll::-webkit-scrollbar{display:none}.badge{border:2px solid var(--ink);background:var(--yellow);font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.tag{background:var(--surface-2);border:1.5px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12.5px;font-weight:700;display:inline-flex}.empty{text-align:center;animation:rise-in .5s var(--ease-out) both;justify-items:center;gap:10px;padding:36px 20px;display:grid}.empty__emoji{background:var(--yellow);border:var(--border);width:104px;height:104px;box-shadow:var(--shadow-lg);border-radius:32px;place-items:center;margin-bottom:8px;font-size:54px;animation:4s ease-in-out infinite float;display:grid;transform:rotate(-6deg)}.empty__title{font-family:var(--font-display);font-size:22px;font-weight:800}.empty__text{max-width:320px;color:var(--muted);margin-bottom:14px;font-weight:600}.tabs-layout{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 28px)}.page{width:100%;max-width:var(--page-max);padding:calc(var(--safe-top) + 16px) 20px 32px;margin:0 auto}.page__header{animation:rise-in .45s var(--ease-out) both;align-items:center;gap:12px;margin-bottom:22px;display:flex}.page__titles{flex:1;min-width:0}.page__title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(25px,7.4vw,32px);font-weight:800;line-height:1.1}.page__subtitle{color:var(--muted);margin-top:4px;font-size:16px;font-weight:600}.page__actions{align-items:center;gap:8px;display:flex}.page__content{animation:rise-in .5s 50ms var(--ease-out) backwards}.wave{transform-origin:70% 70%;animation:2.4s ease-in-out .6s 2 wave;display:inline-block}@keyframes wave{10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.header-avatar{transition:transform .2s var(--ease-spring);border-radius:50%;display:block}.header-avatar:active{transform:scale(.9)rotate(-8deg)}.section{margin-top:30px}.section__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section__title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:9px;margin-bottom:12px;font-size:17px;font-weight:800;display:flex}.section__title:before{content:"";background:var(--pink);border:2px solid var(--ink);border-radius:3px;flex:none;width:11px;height:11px;transform:rotate(45deg)}.section__head .section__title{margin-bottom:0}.section__link{color:var(--ink);text-underline-offset:3px;font-size:15px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.offline-pill{border:2px solid var(--ink);background:var(--yellow);border-radius:999px;align-items:center;gap:5px;height:32px;padding:0 11px;font-size:13px;font-weight:800;display:inline-flex}.tabbar{--w:min(calc(100vw - 24px), 460px);z-index:100;left:50%;bottom:calc(12px + var(--safe-bottom));width:var(--w);height:var(--tabbar-h);background:var(--paper);border:var(--border);box-shadow:0 6px 0 var(--ink);border-radius:26px;grid-template-columns:repeat(4,1fr);padding:6px;display:grid;position:fixed;transform:translate(-50%)}.tabbar__pill{background:var(--tab-color,var(--pink));border:2.5px solid var(--ink);width:calc(25% - 3px);transform:translateX(calc(var(--index) * 100%));transition:transform .45s var(--ease-spring), background .3s;border-radius:18px;position:absolute;top:6px;bottom:6px;left:6px}.tabbar__item{color:var(--ink-2);align-content:center;justify-items:center;gap:2px;font-size:11.5px;font-weight:800;text-decoration:none;transition:color .2s;display:grid;position:relative}.tabbar__item .icon{transition:transform .35s var(--ease-spring)}.tabbar__item.active{color:var(--ink)}.tabbar__item.active .icon{transform:translateY(-1px)scale(1.12)rotate(-6deg)}.toaster{z-index:2000;top:calc(var(--safe-top) + 12px);pointer-events:none;gap:8px;width:min(100vw - 24px,460px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--paper);border:var(--border);box-shadow:var(--shadow);color:var(--ink);pointer-events:auto;animation:toast-in .5s var(--ease-spring) both;border-radius:18px;align-items:center;gap:10px;padding:11px 10px 11px 14px;font-size:15px;font-weight:700;display:flex}.toast:before{content:"";border:2px solid var(--ink);background:var(--cyan);border-radius:50%;flex:none;width:12px;height:12px}.toast--success:before{background:var(--lime)}.toast--error:before{background:var(--red)}.toast__message{flex:1}.toast__action{border:2px solid var(--ink);background:var(--yellow);box-shadow:0 2px 0 var(--ink);border-radius:12px;padding:7px 12px;font-size:14px;font-weight:800}.toast__close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px)rotate(-3deg)scale(.9)}}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.game-tile{--g1:var(--pink);--g2:var(--orange);border-radius:var(--radius-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow-lg);animation:tile-in .55s var(--ease-spring) both;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.game-tile:active{box-shadow:1px 2px 0 var(--ink);transform:translate(3px,4px)}.game-tile:nth-child(odd){--tilt:-2deg}.game-tile:nth-child(2n){--tilt:2deg}@keyframes tile-in{0%{opacity:0;transform:translateY(24px) rotate(var(--tilt,0deg)) scale(.9)}}.game-tile__art{background:radial-gradient(circle at 18% 22%, #ffffff80 0 11%, transparent 12%), repeating-linear-gradient(-45deg, #ffffff29 0 10px, transparent 10px 20px), linear-gradient(140deg, var(--g1), var(--g2));border-bottom:var(--border);place-items:center;height:118px;display:grid;position:relative;overflow:hidden}.game-tile__art>*{transition:transform .4s var(--ease-spring)}.game-tile:hover .game-tile__art>*{transform:scale(1.08)rotate(-4deg)}.game-tile__body{padding:10px 12px 12px}.game-tile__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:15.5px;font-weight:800;line-height:1.15}.game-tile__meta{color:var(--muted);align-items:center;gap:4px;margin-top:5px;font-size:12.5px;font-weight:700;display:flex}.game-art__emoji{filter:drop-shadow(3px 4px #1b1033d9);line-height:1;display:block}.tile-more{border-radius:var(--radius-lg);border:2.5px dashed var(--ink);text-align:center;background:#ffffff8c;align-content:center;place-items:center;gap:8px;min-height:170px;padding:10px;font-weight:800;text-decoration:none;transition:transform .15s;display:grid}.tile-more:active{transform:scale(.96)}.tile-more__plus{background:var(--yellow);border:var(--border);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.hero-card{--g1:var(--pink);--g2:var(--orange);border-radius:var(--radius-xl);color:var(--ink);background:radial-gradient(circle at 92% 8%, #ffffff80 0 16%, transparent 17%), repeating-linear-gradient(-45deg, #ffffff2e 0 12px, transparent 12px 24px), linear-gradient(135deg, var(--g1), var(--g2));border:var(--border);box-shadow:var(--shadow-lg);animation:rise-in .55s var(--ease-out) both;align-items:center;gap:14px;padding:18px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.hero-card:active{box-shadow:1px 2px 0 var(--ink);transform:translate(3px,4px)}.hero-card__art{background:var(--paper);border:var(--border);width:92px;height:92px;box-shadow:var(--shadow-sm);border-radius:26px;flex:none;place-items:center;display:grid;overflow:hidden;transform:rotate(-6deg)}.hero-card__body{flex:1;min-width:0}.hero-card__eyebrow{white-space:nowrap;border:2px solid var(--ink);background:var(--paper);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-block}.hero-card__title{font-family:var(--font-display);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin-top:8px;font-size:clamp(17px,5.2vw,22px);font-weight:900;line-height:1.1}.hero-card__text{margin-top:5px;font-size:14.5px;font-weight:700}.hero-card__play{background:var(--paper);border:var(--border);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;animation:2.2s ease-out infinite pulse-ring;display:grid}.hero-card__play .icon{margin-left:3px}@keyframes pulse-ring{0%{box-shadow:0 3px 0 var(--ink), 0 0 0 0 #fffffff2}70%,to{box-shadow:0 3px 0 var(--ink), 0 0 0 16px #fff0}}.game-list{gap:14px;display:grid}.game-row{--g1:var(--pink);--g2:var(--orange);border-radius:var(--radius-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow);animation:rise-in .5s var(--ease-out) both;align-items:center;display:flex;position:relative}.game-row.is-soon{opacity:.7}.game-row__link{flex:1;align-items:center;gap:14px;min-width:0;padding:12px 6px 12px 12px;text-decoration:none;display:flex}.game-row__art{background:repeating-linear-gradient(-45deg, #ffffff2e 0 8px, transparent 8px 16px), linear-gradient(140deg, var(--g1), var(--g2));border:var(--border);width:72px;height:72px;transition:transform .3s var(--ease-spring);border-radius:20px;flex:none;place-items:center;display:grid;overflow:hidden;transform:rotate(-4deg)}.game-row:hover .game-row__art{transform:rotate(3deg)scale(1.05)}.game-row__body{min-width:0}.game-row__title{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.15}.game-row__tagline{color:var(--muted);margin:2px 0 8px;font-size:14.5px;font-weight:600}.game-row__tags{flex-wrap:wrap;gap:6px;display:flex}.game-row__toggle{border:var(--border);background:var(--paper);width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:15px;flex:none;place-items:center;margin-right:12px;transition:transform .15s,box-shadow .15s,background .25s;display:grid}.game-row__toggle:active{box-shadow:none;transform:translateY(3px)}.game-row__toggle.is-added{background:var(--lime);animation:stamp .45s var(--ease-spring)}@keyframes stamp{0%{transform:scale(1.6)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.player-editor__form{gap:10px;display:flex}.player-editor__input{border-radius:var(--radius);border:var(--border);background:var(--paper);width:0;min-width:0;height:54px;box-shadow:var(--shadow-sm);outline:none;flex:1;padding:0 18px;font-size:17px;font-weight:600;transition:box-shadow .15s}.player-editor__input:focus{box-shadow:0 3px 0 var(--ink), 0 0 0 4px var(--yellow)}.player-editor__input::placeholder{color:var(--faint)}.player-editor__add{border:var(--border);border-radius:var(--radius);background:var(--pink);color:#fff;width:54px;height:54px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-spring), box-shadow .15s, opacity .2s;flex:none;place-items:center;display:grid}.player-editor__add:active:not(:disabled){box-shadow:none;transform:translateY(3px)rotate(90deg)}.player-editor__add:disabled{opacity:.45}.player-editor__empty{color:var(--muted);margin-top:14px;font-size:15px;font-weight:600}.player-editor__count{color:var(--muted);text-align:right;margin-top:10px;font-size:13px;font-weight:700}.player-list{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.player-chip{background:color-mix(in srgb, var(--c) 28%, white);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);animation:chip-in .45s var(--ease-spring) both;border-radius:999px;align-items:center;gap:8px;padding:3px 4px 3px 3px;display:inline-flex}.player-chip:nth-child(odd){--chip-tilt:-2deg}.player-chip:nth-child(2n){--chip-tilt:2deg}@keyframes chip-in{0%{opacity:0;transform:scale(.4) rotate(var(--chip-tilt,0deg))}70%{opacity:1;transform:scale(1.08) rotate(var(--chip-tilt,0deg))}}.player-chip.is-leaving{animation:.22s ease-in both chip-out}.player-chip .avatar{box-shadow:none;border-width:2px}.player-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:800;overflow:hidden}.player-chip__remove{width:30px;height:30px;color:var(--ink);background:#1b10331a;border:0;border-radius:50%;place-items:center;display:grid}@keyframes chip-out{to{opacity:0;transform:scale(.4)rotate(-12deg)}}.roulette{width:100%;color:var(--ink);background:0 0;border:0;justify-items:center;gap:14px;padding:0;display:grid}.roulette__window{background:repeating-linear-gradient(-45deg, #ffffff4d 0 12px, transparent 12px 24px), color-mix(in srgb, var(--c) 45%, white);border:3px solid var(--ink);width:min(300px,78vw);height:210px;box-shadow:6px 7px 0 var(--ink);border-radius:32px;transition:background .15s;position:relative;overflow:hidden}.roulette__card{align-content:center;justify-items:center;gap:12px;animation:.11s ease-out both slot-in;display:grid;position:absolute;inset:0}.roulette__avatar{width:92px;height:92px;font-family:var(--font-display);color:var(--ink);background:var(--c);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:36px;font-weight:900;display:grid}.roulette__name{max-width:90%;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:900;overflow:hidden}.roulette.is-done .roulette__window{animation:chosen .6s var(--ease-spring)}.roulette.is-done .roulette__card{animation:pop-in .55s var(--ease-spring) both}.roulette__skip{color:var(--muted);font-size:13px;font-weight:700}@keyframes slot-in{0%{opacity:.2;filter:blur(3px);transform:translateY(-38%)}}@keyframes chosen{40%{transform:scale(1.1)rotate(-4deg)}70%{transform:scale(.97)rotate(2deg)}}.list{border-radius:var(--radius-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow);overflow:hidden}.list__item{text-align:left;width:100%;min-height:58px;color:var(--ink);background:0 0;border:0;align-items:center;gap:14px;padding:10px 16px;transition:background .15s;display:flex}.list__item+.list__item{border-top:2px solid var(--line)}button.list__item:active{background:var(--surface-2)}.list__item>.icon:first-child{color:var(--ink)}.list__item>.icon:last-child:not(:first-child){color:var(--faint)}.list__item--toggle>.toggle-row{width:100%}.list__label{flex:1;font-weight:700}.sync-row--syncing .icon:first-child{color:var(--cyan);animation:1.2s ease-in-out infinite float}.sync-row--idle .icon:first-child{color:var(--green)}.sync-row--error .icon:first-child,.sync-row--offline .icon:first-child{color:var(--orange)}.sync-row .list__label{color:var(--muted);font-size:15px}.voice-picker{gap:10px;display:grid}.voice-picker__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.voice-option{border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease-spring), background .15s;align-items:stretch;display:flex;overflow:hidden}.voice-option.is-selected{background:var(--yellow-soft);transform:rotate(-.6deg)}.voice-option__main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:10px 12px;display:flex}.voice-option__radio{border:var(--border);background:var(--paper);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.voice-option.is-selected .voice-option__radio{background:var(--pink);color:#fff}.voice-option__text{min-width:0;display:grid}.voice-option__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.voice-option__meta{color:var(--muted);font-size:13.5px;font-weight:600}.voice-option__play{border:0;border-left:var(--border);background:var(--cyan-soft);width:52px;color:var(--ink);flex:none;place-items:center;display:grid}.voice-option__play.is-playing{background:var(--pink);color:#fff}.voice-option__play:active{background:var(--cyan)}.voice-picker__more{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:4px 2px;font-weight:800;text-decoration:underline}.voice-fold summary{border-radius:var(--radius);border:var(--border);background:var(--surface-2);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;list-style:none;display:flex}.voice-fold summary::-webkit-details-marker{display:none}.voice-fold__label{font-weight:800}.voice-fold__current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-weight:700;overflow:hidden}.voice-fold__change{text-underline-offset:3px;flex:none;font-size:14px;font-weight:800;text-decoration:underline}.voice-fold[open] .voice-fold__change{visibility:hidden}.voice-fold[open] summary{margin-bottom:12px}.voice-fold[open] .voice-picker{animation:rise-in .3s var(--ease-out) backwards}.page__float-back{z-index:45;top:calc(var(--safe-top) + 10px);left:max(12px, calc(50% - var(--page-max) / 2 + 12px));border:var(--border);background:var(--paper);max-width:calc(100% - 24px);color:var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);animation:pop-in .3s var(--ease-spring) backwards;border-radius:999px;align-items:center;gap:6px;padding:6px 16px 6px 8px;font-size:15px;font-weight:800;display:inline-flex;position:fixed}.page__float-back span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page__float-back:active{box-shadow:none;transform:translateY(2px)}.welcome{max-width:560px;min-height:100dvh;padding:calc(var(--safe-top) + 26px) 0 calc(var(--safe-bottom) + 24px);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.welcome__hero{text-align:center;justify-items:center;padding:0 24px;display:grid}.welcome__mascot{animation:pop-in .8s var(--ease-spring) both;background:0 0;border:0;padding:0}.welcome__title{font-family:var(--font-display);letter-spacing:-.05em;margin-top:6px;font-size:clamp(54px,17vw,84px);font-weight:900;line-height:.92}.welcome__letter{animation:letter-in .6s var(--ease-spring) both;display:inline-block}.welcome__letter--pop{color:var(--pink);-webkit-text-stroke:.055em var(--ink);paint-order:stroke fill;text-shadow:.06em .07em 0 var(--ink);transform:rotate(var(--rot,0deg));animation-name:letter-pop}@keyframes letter-in{0%{opacity:0;transform:translateY(40px)scale(.6)}}@keyframes letter-pop{0%{opacity:0;transform:translateY(-60px) rotate(calc(var(--rot) * -4)) scale(.4)}70%{opacity:1;transform:translateY(6px) rotate(var(--rot)) scale(1.1)}to{transform:rotate(var(--rot))}}.welcome__tagline{max-width:340px;color:var(--muted);animation:rise-in .7s .8s var(--ease-out) both;margin-top:16px;font-size:18px;font-weight:600}.welcome__tagline strong{color:var(--ink);font-weight:900}.welcome__bands{gap:12px;margin:26px 0 0;animation:.8s .9s both fade-in;display:grid;transform:rotate(-3deg)}.marquee{padding:4px 0 8px;overflow:hidden}.marquee__track{gap:10px;width:max-content;animation:38s linear infinite marquee;display:flex}.marquee--reverse .marquee__track{animation-duration:44s;animation-direction:reverse}@keyframes marquee{to{transform:translate(-50%)}}.sticker{background:color-mix(in srgb, var(--g1) 30%, white);border:var(--border);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 15px 7px 7px;font-weight:800;display:inline-flex}.sticker__emoji{background:var(--paper);border:2px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.welcome__actions{animation:rise-in .7s 1s var(--ease-out) both;gap:12px;margin-top:auto;padding:28px 24px 0;display:grid}.auth{max-width:480px;min-height:100dvh;padding:calc(var(--safe-top) + 100px) 20px calc(var(--safe-bottom) + 30px);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth__back{top:calc(var(--safe-top) + 16px);font-size:20px;font-weight:900;text-decoration:none;position:absolute;left:16px}.auth__card{border-radius:var(--radius-xl);background:var(--paper);border:var(--border);box-shadow:var(--shadow-lg);animation:rise-in .55s var(--ease-out) both;padding:58px 22px 26px;position:relative}.auth__mascot{animation:pop-in .7s .15s var(--ease-spring) both;position:absolute;top:-66px;left:50%;transform:translate(-50%)}.auth__title{font-family:var(--font-display);text-align:center;font-size:27px;font-weight:900}.auth__subtitle{color:var(--muted);text-align:center;margin:6px 0 22px;font-weight:600}.auth__switch{text-align:center;color:var(--muted);margin-top:20px;font-weight:600}.auth__switch a{color:var(--ink);text-underline-offset:3px;font-weight:900;text-decoration-thickness:2px}.home-top{animation:rise-in .45s var(--ease-out) both;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.home-greeting{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(26px,8vw,34px);font-weight:900;line-height:1.08}.home-greeting__name{background:linear-gradient(transparent 58%, var(--yellow) 58%, var(--yellow) 92%, transparent 92%);padding:0 4px}.home-hero{margin-top:20px}.discover-featured{margin-bottom:22px}.hero-card__title,.hero-card__text{display:block}.count-badge{border:2px solid var(--ink);background:var(--yellow);border-radius:999px;place-items:center;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:900;display:grid}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:-10px -20px 0;padding:18px 20px 14px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.mini-card{--g1:var(--pink);--g2:var(--orange);scroll-snap-align:start;border-radius:var(--radius-lg);background:var(--paper);border:var(--border);width:132px;box-shadow:var(--shadow);animation:tile-in .5s var(--ease-spring) both;flex:none;position:relative}.mini-card__link{text-align:center;justify-items:center;gap:8px;padding:12px 10px 14px;text-decoration:none;display:grid}.mini-card__art{border:var(--border);background:repeating-linear-gradient(-45deg, #ffffff2e 0 8px, transparent 8px 16px), linear-gradient(140deg, var(--g1), var(--g2));border-radius:22px;place-items:center;width:76px;height:76px;display:grid;overflow:hidden;transform:rotate(-5deg)}.mini-card__name{font-family:var(--font-display);font-size:13px;font-weight:800;line-height:1.15}.mini-card__add{border:var(--border);background:var(--yellow);width:36px;height:36px;box-shadow:0 2px 0 var(--ink);transition:transform .2s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.mini-card__add:active{transform:scale(.85)rotate(90deg)}.install-banner{border-radius:var(--radius-lg);border:var(--border);background:var(--cyan-soft);width:100%;box-shadow:var(--shadow);text-align:left;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;display:flex}.install-banner>span:nth-child(2){flex:1;display:grid}.install-banner small{color:var(--muted);font-size:14px;font-weight:600}.install-banner__icon{border:2px solid var(--ink);background:var(--cyan);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.hint-card{border-radius:var(--radius-lg);background:var(--lime-soft);border:var(--border);box-shadow:var(--shadow);align-items:center;gap:14px;margin-top:24px;padding:16px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.hint-card__emoji{font-size:30px}.search{background:var(--paper);border:var(--border);height:58px;box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:10px;margin-bottom:16px;padding:0 8px 0 18px;transition:box-shadow .15s;display:flex}.search:focus-within{box-shadow:0 5px 0 var(--ink), 0 0 0 4px var(--yellow)}.search input{background:0 0;border:0;outline:0;flex:1;width:0;min-width:0;height:100%;font-size:17px;font-weight:600}.search input::placeholder{color:var(--faint)}.search input::-webkit-search-cancel-button{display:none}.search__clear{border:2px solid var(--ink);background:var(--surface-2);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.size-filter{border-radius:var(--radius-lg);background:var(--yellow-soft);border:var(--border);gap:8px;margin-bottom:14px;padding:12px;display:grid}.size-filter__label{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.size-filter__options{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.size-pill{border:2.5px solid var(--ink);background:var(--paper);height:40px;box-shadow:0 2px 0 var(--ink);border-radius:12px;font-size:14.5px;font-weight:800;transition:transform .12s,box-shadow .12s,background .2s}.size-pill:active{box-shadow:none;transform:translateY(2px)}.size-pill.is-active{background:var(--pink);color:#fff;transform:rotate(-4deg)}.results-count{color:var(--muted);margin-bottom:12px;font-weight:800}.group-list{gap:14px;display:grid}.group-card{border-radius:var(--radius-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow);animation:rise-in .5s var(--ease-out) both;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.group-card:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.group-card__emoji{border:var(--border);background:var(--yellow-soft);border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font-size:28px;display:grid;transform:rotate(-5deg)}.group-card:nth-child(3n+2) .group-card__emoji{background:var(--cyan-soft);transform:rotate(4deg)}.group-card:nth-child(3n+3) .group-card__emoji{background:var(--pink-soft)}.group-card__body{flex:1;min-width:0;display:grid}.group-card__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;overflow:hidden}.group-card__count{color:var(--muted);font-size:14px;font-weight:700}.group-name__input{border-radius:var(--radius);border:var(--border);background:var(--paper);width:100%;height:60px;box-shadow:var(--shadow-sm);font-family:var(--font-display);outline:none;padding:0 18px;font-size:20px;font-weight:800}.group-name__input:focus{box-shadow:0 3px 0 var(--ink), 0 0 0 4px var(--yellow)}.emoji-row{scrollbar-width:none;gap:8px;margin:14px -20px 0;padding:2px 20px 8px;display:flex;overflow-x:auto}.emoji-row::-webkit-scrollbar{display:none}.emoji-btn{border:var(--border);background:var(--paper);width:52px;height:52px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-spring), background .2s;border-radius:16px;flex:none;place-items:center;font-size:25px;display:grid}.emoji-btn:active{transform:scale(.85)}.emoji-btn.is-active{background:var(--yellow);transform:rotate(-8deg)scale(1.06)}.danger-zone{justify-items:center;gap:12px;margin-top:40px;display:grid}.danger-zone .btn--ghost{color:#c4283b}.app-version{color:var(--faint);font-size:13px;font-weight:700}.setup{padding-bottom:calc(var(--safe-bottom) + 140px)}.setup-hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 18%, #ffffff73 0 10%, transparent 11%), repeating-linear-gradient(-45deg, #ffffff2b 0 12px, transparent 12px 24px), linear-gradient(140deg, var(--g1), var(--g2));border:var(--border);min-height:200px;box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:flex-end;gap:10px 16px;padding:20px;display:flex;position:relative;overflow:hidden}.setup-hero__art{background:var(--paper);border:var(--border);width:118px;height:118px;box-shadow:var(--shadow);border-radius:34px;place-items:center;font-size:72px;animation:3s ease-in-out infinite wiggle;display:grid;position:absolute;top:14px;right:14px;overflow:hidden;transform:rotate(8deg)}.setup-hero__text{max-width:62%;position:relative}.setup-hero__tagline{font-family:var(--font-display);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:20px;font-weight:900;line-height:1.2}.setup-hero__meta{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.setup-hero__meta span{border:2px solid var(--ink);background:var(--paper);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.setup-hero__add{border:var(--border);background:var(--yellow);height:42px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.setup-hero__add:active{box-shadow:none;transform:translateY(3px)}.fold{border-radius:var(--radius-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow);margin-top:18px}.fold+.fold{margin-top:14px}.fold summary{font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:15px 18px;font-weight:800;list-style:none;display:flex}.fold summary::-webkit-details-marker{display:none}.fold summary:after{content:"+";border:2px solid var(--ink);background:var(--yellow);width:30px;height:30px;transition:transform .3s var(--ease-spring);border-radius:10px;flex:none;place-items:center;margin-left:4px;font-size:20px;line-height:1;display:grid}.fold[open] summary:after{transform:rotate(45deg)}.fold__title{flex:1;min-width:0}.fold__meta{font-family:var(--font-body);color:var(--muted);flex:none;font-size:13.5px;font-weight:700}.fold__tag{border:2px solid var(--line);background:var(--surface-2);border-radius:999px;padding:3px 10px}.fold__tag.is-custom{border-color:var(--ink);background:var(--cyan-soft);color:var(--ink)}.fold[open] .fold__body{animation:rise-in .3s var(--ease-out) backwards}.fold--settings .settings-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 18px 18px}.rules{counter-reset:step;gap:10px;margin:0;padding:2px 18px 18px;list-style:none;display:grid}.rules li{counter-increment:step;min-height:30px;padding-left:42px;font-weight:600;position:relative}.rules li:before{content:counter(step);border:2px solid var(--ink);background:var(--pink);color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:-2px;left:0}.rules li:nth-child(2):before{background:var(--cyan);color:var(--ink)}.rules li:nth-child(3):before{background:var(--yellow);color:var(--ink)}.rules li:nth-child(4):before{background:var(--lime);color:var(--ink)}.group-picker{scrollbar-width:none;gap:8px;margin:0 -20px 16px;padding:2px 20px 8px;display:flex;overflow-x:auto}.group-picker::-webkit-scrollbar{display:none}.group-pill{border:var(--border);background:var(--paper);height:48px;box-shadow:var(--shadow-sm);border-radius:16px;flex:none;align-items:center;gap:8px;padding:0 8px 0 14px;font-weight:800;transition:transform .15s,box-shadow .15s,background .2s;display:inline-flex}.group-pill:active{box-shadow:none;transform:translateY(3px)}.group-pill.is-active{background:var(--cyan)}.group-pill__name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.group-pill__count{border:2px solid var(--ink);background:var(--paper);border-radius:10px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:13px;display:grid}.group-pill--new{box-shadow:none;border-style:dashed;padding-right:16px}.setup-nogroup{border-radius:var(--radius-lg);background:var(--paper);border:2.5px dashed var(--ink);justify-items:start;gap:14px;padding:18px;font-weight:600;display:grid}.settings-panel{border-radius:var(--radius-lg);background:var(--paper);border:var(--border);box-shadow:var(--shadow);gap:22px;padding:18px;display:grid}.settings-panel__group{gap:10px;display:grid}.settings-panel__label{font-weight:800}.settings-panel__label small{color:var(--muted);font-weight:600}.settings-panel__hint{color:var(--muted);font-size:13.5px;font-weight:600}.start-bar{z-index:50;padding:26px 20px calc(var(--safe-bottom) + 16px);background:linear-gradient(0deg, var(--bg) 60%, #fff6e900);position:fixed;bottom:0;left:0;right:0}.start-bar .btn{max-width:calc(var(--page-max) - 40px);margin:0 auto;display:flex}.profile-card{border-radius:var(--radius-xl);background:repeating-linear-gradient(-45deg, #ffffff59 0 12px, transparent 12px 24px), color-mix(in srgb, var(--c) 40%, white);border:var(--border);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;padding:26px 20px 22px;display:grid;position:relative}.profile-card__avatar{animation:pop-in .6s var(--ease-spring) both;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.profile-card__avatar .avatar{box-shadow:0 4px 0 var(--ink);border-width:3px}.profile-card__edit{border:2.5px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-card__name{font-family:var(--font-display);margin-top:14px;font-size:25px;font-weight:900}.profile-card__email{color:var(--ink-2);font-weight:700}.profile-card__since{border:2px solid var(--ink);background:var(--paper);border-radius:999px;margin-top:8px;padding:3px 10px;font-size:12.5px;font-weight:800}.avatar-preview{place-items:center;margin-bottom:18px;display:grid}.avatar-preview .avatar{animation:pop-in .4s var(--ease-spring);border-width:3px}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.emoji-grid .emoji-btn{aspect-ratio:1;width:auto;height:auto}.color-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.color-dot{border:2.5px solid var(--ink);background:var(--c);width:38px;height:38px;box-shadow:0 2px 0 var(--ink);transition:transform .25s var(--ease-spring);border-radius:50%}.color-dot.is-active{box-shadow:0 2px 0 var(--ink), 0 0 0 4px var(--paper), 0 0 0 6.5px var(--ink);transform:scale(1.18)rotate(-10deg)}.ios-steps{gap:12px;margin:0;padding-left:22px;font-weight:600;display:grid}.ios-steps .icon{vertical-align:-3px;display:inline-block}.play-screen{z-index:200;background:var(--bg);position:fixed;inset:0}.play-loading{height:100%;font-family:var(--font-display);color:var(--ink);align-content:center;place-items:center;gap:16px;font-weight:800;display:grid}.passkey-hint{border-radius:var(--radius-lg);border:var(--border);background:radial-gradient(circle at 92% 12%, #ffffffb3 0 18%, transparent 19%), linear-gradient(135deg, var(--yellow-soft), var(--lime-soft));box-shadow:var(--shadow-lg);animation:pop-in .5s var(--ease-spring) backwards;transform-origin:30% 0;margin-top:22px;padding:20px 18px 18px;transition:opacity .25s,transform .25s;position:relative}.passkey-hint.is-leaving{opacity:0;transform:translateY(-10px)scale(.96)rotate(-1deg)}.passkey-hint__badge{border:var(--border);background:var(--paper);width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;font-size:24px;animation:2.6s ease-in-out infinite wiggle;display:grid;position:absolute;top:-18px;left:16px;transform:rotate(-8deg)}.passkey-hint__close{border:var(--border);background:var(--paper);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.passkey-hint__close:active{box-shadow:none;transform:translateY(2px)}.passkey-hint__title{font-family:var(--font-display);margin:14px 44px 6px 0;font-size:19px;line-height:1.2}.passkey-hint__text{color:var(--ink-2);font-size:15.5px;font-weight:600}.passkey-hint__actions{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;display:flex}.passkey-hint__later{color:var(--ink-2);text-underline-offset:3px;background:0 0;border:0;padding:6px 2px;font-size:14.5px;font-weight:800;text-decoration:underline}.passkey-hint__offline{color:var(--muted);margin-top:8px;font-size:13.5px;font-weight:700}.section-note{color:var(--muted);margin:-4px 0 12px;font-size:14.5px;font-weight:600}.passkey-row__icon{border:2px solid var(--ink);background:var(--yellow-soft);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.passkey-row__text{min-width:0;display:grid}.passkey-row__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.passkey-row__text small{color:var(--muted);font-weight:600}.passkey-row__delete{border:2px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--red);border-radius:12px;flex:none;place-items:center;margin-left:auto;display:grid}.passkey-row__delete:active{background:var(--pink-soft)}.list__empty{color:var(--muted);font-size:14.5px;font-weight:600}.auth__divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0 14px;font-size:14px;font-weight:800;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--line);flex:1;height:2px}.trust-note{color:var(--faint);text-align:center;justify-items:center;gap:2px;font-size:13px;font-weight:700;line-height:1.4;display:grid}.trust-note__line{align-items:center;gap:6px;display:inline-flex}.trust-note__flag{border-radius:3px;flex:none;width:14px;height:14px;box-shadow:0 0 0 1.5px #1b103340}.welcome__trust{animation:fade-in .8s 1.4s var(--ease-out) backwards;padding:18px 24px 0}.auth__trust{border-top:2px dashed var(--line);margin-top:18px;padding-top:14px}