@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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}@font-face{font-family:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-ext-wght-normal-Dz43yst_.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:"Baloo 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-2-latin-wght-normal-B_TVFhwJ.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{--ink:#1d1a3f;--ink-2:#3a3566;--ink-soft:#6b66a0;--paper:#fff;--paper-2:#f4f2ff;--paper-3:#e7e3ff;--bg-a:#2f6bff;--bg-b:#5b3dff;--bg-c:#9a2cff;--yellow:#ffd23f;--yellow-2:#f2b705;--pink:#ff4f9a;--pink-2:#d81b72;--cyan:#36c9ff;--cyan-2:#0f95d1;--green:#2bd67b;--green-2:#11a55a;--orange:#ff8a3d;--red:#ff4d5e;--red-2:#d61f3a;--purple:#9b5cff;--lime:#b8f23b;--opt-a:#ff5fa8;--opt-b:#ffcc3d;--opt-c:#3ecbff;--opt-d:#3ddc84;--good:#2bd67b;--bad:#ff4d5e;--line:3px;--line-thick:4px;--radius-xs:10px;--radius-sm:14px;--radius:20px;--radius-lg:28px;--radius-pill:999px;--shadow-lg:0 8px 0 var(--ink);--shadow:0 6px 0 var(--ink);--shadow-sm:0 4px 0 var(--ink);--shadow-xs:0 3px 0 var(--ink);--font-display:"Baloo 2 Variable", "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;--font-logo:"Lilita One", "Baloo 2 Variable", system-ui, sans-serif;--font-body:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--page-max:560px;--vh:1vh;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1)}@supports (height:1dvh){:root{--vh:1dvh}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-kerning:none;color:var(--ink);background:var(--bg-b);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,textarea{-webkit-user-select:text;user-select:text}img,svg{display:block}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.3px;margin:0;font-weight:800;line-height:1.05}p{margin:0}.stroke{color:var(--paper);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.stroke-sm{color:var(--paper);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{isolation:isolate;height:100%;min-height:100%;position:relative;overflow:hidden}.bg{z-index:-1;background:radial-gradient(120% 70% at 85% -10%, var(--bg-glow-1,#ff5fa88c) 0%, transparent 55%), radial-gradient(90% 60% at -10% 110%, var(--bg-glow-2,#36c9ff80) 0%, transparent 60%), linear-gradient(160deg, var(--bg-a) 0%, var(--bg-b) 55%, var(--bg-c) 100%);position:fixed;inset:0;overflow:hidden}.bg:before{content:"";background-image:radial-gradient(#ffffff24 2px,#0000 2.6px);background-size:26px 26px;animation:40s linear infinite bg-drift;position:absolute;inset:-50%;transform:rotate(-12deg)}@keyframes bg-drift{0%{background-position:0 0}to{background-position:260px 260px}}.bg-shape{opacity:.9;filter:drop-shadow(0 5px #1d1a3f59);animation:9s ease-in-out infinite float-shape;position:absolute}@keyframes float-shape{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--r,0deg) + 12deg))}}.screen{height:100%;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));max-width:var(--page-max);scrollbar-width:none;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen.center{justify-content:center}.grow{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}@media (prefers-reduced-motion:reduce){.bg:before,.bg-shape{animation:none}}html[data-motion=reduce] .bg:before,html[data-motion=reduce] .bg-shape{animation:none}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-40px)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes jump{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(0)scale(1.15,.85)}45%{transform:translateY(-26px)scale(.92,1.1)}70%{transform:translateY(0)scale(1.1,.9)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-3deg)}40%{transform:translate(7px)rotate(3deg)}60%{transform:translate(-5px)rotate(-2deg)}80%{transform:translate(5px)rotate(2deg)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-20px)scale(1.15)}to{transform:translate(calc(-50% + var(--dx,0px)), -260px) scale(1);opacity:0}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}60%{opacity:1;transform:scale(.92)rotate(-8deg)}to{transform:scale(1)rotate(-8deg)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 #ffffffe6, var(--shadow)}50%{box-shadow:0 0 0 8px #fff0, var(--shadow)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-pop{animation:pop-in .4s var(--ease-pop) both}.anim-rise{animation:rise-in .45s var(--ease-out) both}.anim-bob{animation:2.4s ease-in-out infinite bob}.anim-jump{animation:jump .7s var(--ease-out) both}.anim-shake{animation:.5s both shake}.anim-pulse{animation:1.2s ease-in-out infinite pulse}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) :before,html:not([data-motion=full]) :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=reduce] *,html[data-motion=reduce] :before,html[data-motion=reduce] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.logo{flex-direction:column;align-items:center;line-height:1;display:flex}.logo-word{font-family:var(--font-logo);align-items:baseline;font-weight:400;display:flex;transform:rotate(-4deg)}.logo-quiz{-webkit-text-stroke-width:.13em;text-shadow:0 .09em 0 var(--ink)}.logo-pop{margin-left:.04em;position:relative}.logo-pop .stroke{color:var(--yellow);-webkit-text-stroke-width:.13em;text-shadow:0 .09em 0 var(--ink);display:inline-block;transform:rotate(6deg)translateY(-.06em)}.logo-bubble{background:var(--pink);border:.05em solid var(--ink);border-radius:50%;width:.34em;height:.34em;position:absolute;top:-.18em;right:-.32em;box-shadow:inset -.05em -.05em #0000001f}.logo-bubble:after{content:"";background:#fffc;border-radius:50%;width:30%;height:26%;position:absolute;top:16%;left:18%}.logo-bubble.small{background:var(--cyan);width:.18em;height:.18em;top:.14em;right:-.52em}.logo-sub{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-xs);border-radius:999px;margin-top:.14em;padding:.08em .4em;font-size:.32em;font-weight:800;line-height:1.15;transform:rotate(-2deg)}.popi{filter:drop-shadow(0 4px #1d1a3f59);flex:none;overflow:visible}.popi .popi-body{transform-origin:60px 100px;animation:2.6s ease-in-out infinite popi-bob}.popi .popi-open{opacity:0}.popi.talk .popi-open{animation:.5s step-end 4 popi-talk}.popi.talk .popi-smile{animation:.5s step-end 4 popi-talk-smile}@keyframes popi-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes popi-talk{0%,to{opacity:0}50%{opacity:1}}@keyframes popi-talk-smile{0%,to{opacity:1}50%{opacity:0}}.popi-says{align-items:flex-end;gap:8px;width:100%;display:flex}.popi-bubble{min-width:0;color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--shadow-sm);animation:pop-in .35s var(--ease-pop) both;border-radius:20px 20px 20px 6px;flex-direction:column;flex:1;gap:4px;margin-bottom:18px;padding:12px 14px;font-size:16px;font-weight:800;line-height:1.35;display:flex;position:relative}.popi-bubble b{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.15}.popi-bubble span{color:var(--ink-2);font-weight:700}html[data-motion=reduce] .popi .popi-body,html[data-motion=reduce] .popi.talk .popi-open,html[data-motion=reduce] .popi.talk .popi-smile{animation:none}@media (prefers-reduced-motion:reduce){.popi .popi-body,.popi.talk .popi-open,.popi.talk .popi-smile{animation:none}}.wheel{filter:drop-shadow(0 8px #1d1a3f8c);margin:0 auto;position:relative}.wheel svg{overflow:visible}.wheel-disc{will-change:transform}.wheel-pointer{transform-origin:50% 20%;position:absolute;top:-6%;left:50%;transform:translate(-50%)}.wheel.landed .wheel-pointer{animation:.25s 3 wobble}.wheel-bulb.a{fill:#fff;animation:.8s step-end infinite bulb}.wheel-bulb.b{fill:#ff4f9a;animation:.8s step-end infinite reverse bulb}@keyframes bulb{50%{fill:#fffbd0}}.wheel-slice.win path:first-child{filter:brightness(1.15)}.btn{--btn-bg:var(--yellow);--btn-fg:var(--ink);min-height:56px;font-family:var(--font-display);letter-spacing:.4px;color:var(--btn-fg);background:var(--btn-bg);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:22px;font-weight:800;line-height:1.05;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:12px;height:30%;position:absolute;top:5px;left:10px;right:10px}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.btn:disabled{filter:grayscale(.7)brightness(.92);opacity:.75}.btn.full{width:100%}.btn.big{border-radius:var(--radius-lg);min-height:68px;font-size:26px}.btn.small{border-radius:var(--radius-sm);min-height:42px;box-shadow:var(--shadow-sm);padding:8px 14px;font-size:17px}.btn.small:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.pink{--btn-bg:var(--pink);--btn-fg:#fff}.btn.cyan{--btn-bg:var(--cyan)}.btn.green{--btn-bg:var(--green)}.btn.orange{--btn-bg:var(--orange)}.btn.purple{--btn-bg:var(--purple);--btn-fg:#fff}.btn.red{--btn-bg:var(--red);--btn-fg:#fff}.btn.white{--btn-bg:var(--paper)}.btn.ghost{--btn-bg:#ffffff29;--btn-fg:#fff;border-color:#ffffffe6;box-shadow:0 5px #1d1a3f73}.btn.ghost:after{display:none}.btn.pink,.btn.purple,.btn.red{text-shadow:0 2px #1d1a3f73}.btn .btn-emoji{filter:drop-shadow(0 2px #1d1a3f59);font-size:1.15em;line-height:1}.icon-btn{background:var(--paper);border:var(--line) solid var(--ink);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;font-size:22px;transition:transform 80ms,box-shadow 80ms;display:inline-grid}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.card{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px;position:relative}.card.flat{box-shadow:var(--shadow-sm)}.card.tilt{transform:rotate(-1.2deg)}.card-title{font-family:var(--font-display);margin-bottom:10px;font-size:22px;font-weight:800;line-height:1.15}.label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);font-size:13px;font-weight:900}.muted{color:var(--ink-soft);font-weight:700}.on-bg{color:#fff;text-shadow:0 2px #1d1a3f66}.pill{border-radius:var(--radius-pill);border:var(--line) solid var(--ink);background:var(--paper);box-shadow:var(--shadow-xs);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px 5px 10px;font-size:15px;font-weight:900;display:inline-flex}.pill .pill-emoji{font-size:18px;line-height:1}.chip{border-radius:var(--radius-pill);border:var(--line) solid var(--ink);background:var(--paper-2);color:var(--ink-2);align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:800;transition:transform .1s,background .15s;display:inline-flex}.chip.on{background:var(--chip-color,var(--yellow));color:var(--ink);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.seg{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--paper-2);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{min-height:40px;color:var(--ink-2);border-radius:10px;padding:6px 8px;font-size:15px;font-weight:900;transition:background .15s}.seg button.on{background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.toggle-row{align-items:center;gap:12px;padding:10px 0;display:flex}.toggle-row+.toggle-row{border-top:2px dashed var(--paper-3)}.toggle-row .toggle-text{flex:1;min-width:0}.toggle-row .toggle-title{font-size:16px;font-weight:900}.toggle-row .toggle-hint{color:var(--ink-soft);margin-top:2px;font-size:13px;font-weight:700}.toggle{border-radius:var(--radius-pill);border:var(--line) solid var(--ink);background:var(--paper-3);flex:none;width:58px;height:34px;transition:background .2s;position:relative}.toggle:after{content:"";background:var(--paper);border:var(--line) solid var(--ink);width:22px;height:22px;transition:transform .2s var(--ease-pop);border-radius:50%;position:absolute;top:3px;left:3px}.toggle.on{background:var(--green)}.toggle.on:after{transform:translate(24px)}.input{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);outline:none;width:100%;min-height:54px;padding:10px 16px;font-size:20px;font-weight:900;box-shadow:inset 0 3px #1d1a3f14}.input:focus{border-color:var(--pink-2);box-shadow:0 0 0 4px #ff4f9a40}.input.time{width:auto;min-height:44px;padding:6px 12px;font-size:18px}.input.code{font-family:var(--font-display);letter-spacing:12px;text-align:center;text-transform:uppercase;font-size:40px;font-weight:800;line-height:1.15}.topbar{align-items:center;gap:10px;min-height:52px;margin-bottom:12px;display:flex}.topbar h2{text-align:center;flex:1;font-size:28px}.topbar .icon-btn,.topbar .topbar-slot{flex:none;width:48px}.modal-backdrop{z-index:50;padding:max(20px, calc(var(--safe-top) + 10px)) 20px max(20px, calc(var(--safe-bottom) + 10px));background:#1410328c;place-items:center;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);max-height:100%;animation:pop-in .3s var(--ease-pop);overflow-y:auto}.toast-layer{left:50%;top:calc(14px + var(--safe-top));z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100% - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:toast-in .35s var(--ease-pop);align-items:center;gap:12px;padding:10px 14px;font-weight:900;display:flex}.toast .toast-emoji{font-size:30px}.toast .toast-sub{color:var(--ink-soft);font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(-30px)scale(.9)}}.list-row{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-xs);align-items:center;gap:12px;padding:10px 12px;display:flex}.list-row .grow{min-width:0}.name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:900;overflow:hidden}.xpbar{border-radius:var(--radius-pill);border:var(--line) solid var(--ink);background:var(--paper-3);height:16px;position:relative;overflow:hidden}.xpbar>span{background:linear-gradient(90deg, var(--yellow), var(--orange));border-right:var(--line) solid var(--ink);transition:width .8s var(--ease-out);position:absolute;inset:0 auto 0 0}.level-badge{min-width:38px;height:38px;font-family:var(--font-display);color:var(--ink);background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:var(--shadow-xs);border-radius:12px;place-items:center;padding:0 6px;font-size:20px;font-weight:800;line-height:1.15;display:inline-grid;transform:rotate(-6deg)}.license-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.license-list li{border-bottom:2px dashed #1d1a3f1f;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.license-list a{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-weight:900}.license-list .muted{flex:none;font-size:13px;font-weight:800}.site{max-width:1080px;min-height:100%;padding:calc(14px + var(--safe-top)) 16px calc(28px + var(--safe-bottom));color:#fff;-webkit-user-select:text;user-select:text;flex-direction:column;gap:32px;margin:0 auto;display:flex}.site h1,.site h2,.site h3{text-wrap:balance}.site .card{color:var(--ink)}.site-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.site-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.site-brand img{border:var(--line) solid var(--ink);box-shadow:var(--shadow-xs);border-radius:13px}.site-lang{border:var(--line) solid var(--ink);border-radius:var(--radius-pill);background:var(--paper);box-shadow:var(--shadow-xs);display:flex;overflow:hidden}.site-lang button{min-width:46px;min-height:38px;font-family:var(--font-display);color:var(--ink-soft);padding:4px 10px;font-size:17px;font-weight:800}.site-lang button[aria-pressed=true]{color:var(--ink);background:var(--yellow)}.site-room,.site-daily{text-align:center;justify-items:center;gap:12px;display:grid}.site-room p,.site-daily p{max-width:30em;font-size:17px;line-height:1.4}.site-room-code{gap:8px;display:flex}.site-room-code b{width:58px;height:66px;font-family:var(--font-display);background:var(--yellow);border:var(--line) solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);place-items:center;font-size:42px;font-weight:800;line-height:1;display:grid}.site-room-code b:nth-of-type(odd){transform:rotate(-3deg)}.site-room-code b:nth-of-type(2n){transform:rotate(3deg)}.site-room-more{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;display:flex}.site-room-more a{color:var(--ink);font-weight:900}.site-daily-emoji{font-size:46px;line-height:1}.site-daily h2{font-size:26px}.site-hero{align-items:center;gap:28px;display:grid}.site-pitch{text-align:center;justify-items:center;gap:16px;display:grid}.site-pitch h1{font-size:clamp(38px,10vw,62px);line-height:1.04}.site-pitch p,.site-cta p{text-shadow:0 2px #1d1a3f66}.site-pitch p{max-width:32em;font-size:18px;line-height:1.45}.site-pitch .site-perks{opacity:.85;font-size:15px}.site-stores{gap:14px;width:min(100%,380px);display:grid}.site-stores .btn{font-size:20px;text-decoration:none}.site-store.soon{cursor:default;opacity:.8;box-shadow:var(--shadow-sm)}.site-wheel{justify-items:center;gap:4px;display:grid}.site-wheel-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;padding-top:14px}.site-wheel .popi-says{max-width:340px;color:var(--ink)}.site-section{gap:18px;display:grid}.site-section>h2,.site-cta>h2{text-align:center;font-size:clamp(28px,7vw,40px)}.site-modes{gap:14px;display:grid}.site-mode{--card:var(--yellow);color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.site-mode:before{content:"";background:#ffffff40;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-30px;right:-30px}.site-mode:nth-child(odd){transform:rotate(-1.2deg)}.site-mode:nth-child(2n){transform:rotate(1.2deg)}.site-mode.pink{--card:var(--pink);color:#fff}.site-mode.cyan{--card:var(--cyan)}.site-mode.green{--card:var(--green)}.site-mode-emoji{filter:drop-shadow(0 3px #1d1a3f66);grid-row:span 2;font-size:42px;line-height:1}.site-mode h3{font-size:23px;position:relative}.site-mode.pink h3{text-shadow:0 2px #1d1a3f66}.site-mode p{opacity:.9;font-size:15px;font-weight:800;line-height:1.3;position:relative}.site-cats{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.site-cats li{color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);border-bottom-color:var(--cat);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);white-space:nowrap;padding:5px 12px 5px 10px;font-size:15px;font-weight:900}.site-features{gap:12px;margin:0;padding:0;list-style:none;display:grid}.site-features li{color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;gap:2px 12px;padding:14px 16px;display:grid}.site-feature-emoji{grid-row:span 2;font-size:32px;line-height:1.1}.site-features b{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1.15}.site-features li>span:last-child{color:var(--ink-2);font-size:15px;line-height:1.35}.site-tv{gap:14px;display:grid}.site-tv-text{gap:6px;display:grid}.site-tv h2{font-size:26px}.site-tv p{color:var(--ink-2);font-size:16px;line-height:1.4}.site-tv-form{flex-wrap:wrap;gap:12px;display:flex}.site-tv-form .input.code{letter-spacing:8px;flex:140px;min-width:0;font-size:30px}.site-tv-form .btn{flex:170px}.site-cta{text-align:center;justify-items:center;gap:14px;display:grid}.site-cta p{font-size:18px}.site-foot{color:#ffffffd9;border-top:2px solid #ffffff40;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding-top:18px;font-size:15px;display:flex}.site-foot a{color:inherit}@media (width>=600px){.site-modes,.site-features{grid-template-columns:1fr 1fr}.site-mode{flex-direction:column;align-items:flex-start;display:flex}}@media (width>=900px){.site{padding-top:calc(24px + var(--safe-top));gap:48px}.site-hero{grid-template-columns:1.1fr 1fr}.site-pitch{text-align:left;justify-items:start}.site-stores{grid-template-columns:repeat(2,max-content);width:auto}.site-modes{grid-template-columns:repeat(4,1fr)}.site-features{grid-template-columns:repeat(3,1fr)}.site-tv{grid-template-columns:1fr minmax(300px,auto);align-items:center}.site-room .site-stores,.site-daily .site-stores,.site-cta .site-stores{justify-content:center}}