@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%, #ff5fa88c 0%, transparent 55%), radial-gradient(90% 60% at -10% 110%, #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))}}.bg[data-tint]{transition:background .6s}.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}.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;background:#1410328c;place-items:center;padding:20px;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);max-height:calc(100% - 40px);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)}.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)}.home{gap:14px}.home-top{align-items:center;gap:10px;display:flex}.profile-chip{border:var(--line) solid var(--ink);background:var(--paper);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:8px;max-width:62%;padding:4px 10px 4px 4px;transition:transform 80ms,box-shadow 80ms;display:flex}.profile-chip:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.profile-chip .avatar{margin:-8px -2px -6px -4px}.profile-chip-text{text-align:left;flex-direction:column;gap:4px;min-width:70px;display:flex}.profile-chip .name{font-size:15px}.xpbar.small{border-width:2px;height:11px}.xpbar.small>span{border-right-width:2px}.profile-chip .level-badge{min-width:32px;height:32px;font-size:17px}.home-hero{flex-direction:column;align-items:center;gap:12px;padding:18px 0 4px;display:flex}.home-tagline{text-align:center;max-width:320px;font-size:17px;font-weight:900}.daily-card{text-align:left;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff6c9,#ffe27a);align-items:center;gap:14px;padding:10px 14px 10px 10px;transition:transform 80ms,box-shadow 80ms;display:flex}.daily-card:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.daily-card.done{background:linear-gradient(135deg,#e3ffef,#b6f5d1)}.daily-cal{border:var(--line) solid var(--ink);background:var(--paper);border-radius:12px;flex-direction:column;flex:none;width:54px;display:flex;overflow:hidden;transform:rotate(-5deg)}.daily-cal-top{background:var(--red);color:#fff;text-transform:uppercase;text-align:center;border-bottom:var(--line) solid var(--ink);padding:2px 0;font-size:11px;font-weight:900}.daily-cal-day{font-family:var(--font-display);text-align:center;padding:2px 0 4px;font-size:26px;font-weight:800;line-height:1.15}.daily-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-title{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1.15}.daily-sub{color:var(--ink-2);font-size:14px}.daily-go,.daily-streak{border:var(--line) solid var(--ink);background:var(--pink);color:#fff;min-width:46px;height:46px;box-shadow:var(--shadow-xs);border-radius:50%;flex:none;place-items:center;padding:0 8px;font-size:18px;display:grid}.daily-streak{background:var(--paper);color:var(--ink);border-radius:16px;gap:2px;font-size:18px;display:flex}.mode-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;display:grid}.mode-card{--card:var(--yellow);text-align:left;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--card);min-height:148px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";background:#ffffff40;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-30px;right:-30px}.mode-card:nth-child(odd){transform:rotate(-1.4deg)}.mode-card:nth-child(2n){transform:rotate(1.4deg)}.mode-card:active{box-shadow:0 3px 0 var(--ink);transform:translateY(5px)}.mode-card.pink{--card:var(--pink);color:#fff}.mode-card.cyan{--card:var(--cyan)}.mode-card.green{--card:var(--green)}.mode-emoji{filter:drop-shadow(0 3px #1d1a3f66);margin-bottom:6px;font-size:44px;line-height:1}.mode-title{font-family:var(--font-display);font-size:23px;font-weight:800;line-height:1;position:relative}.mode-card.pink .mode-title{text-shadow:0 2px #1d1a3f66}.mode-desc{opacity:.85;font-size:13px;font-weight:800;line-height:1.25;position:relative}@media (height>=780px){.home-hero{padding-top:30px}.mode-card{min-height:164px}}.solo-card{flex-direction:row;align-items:center;gap:14px;min-height:110px}.solo-card:nth-child(odd),.solo-card:nth-child(2n){transform:none}.solo-card .mode-emoji{margin:0;font-size:50px}.solo-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.solo-best{color:var(--ink);padding:2px 10px;font-size:12px;position:absolute;top:10px;right:10px}.hearts{gap:0;padding:4px 8px}.heart{font-size:16px;transition:transform .3s,filter .3s,opacity .3s}.heart.lost{filter:grayscale();opacity:.35;transform:scale(.8)}.score-pill,.streak-pill{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.15}.streak-pill{background:var(--orange);animation:1s ease-in-out infinite pulse}.solo-over{flex-direction:column;gap:14px;width:100%;display:flex}.solo-score{flex-direction:column;align-items:center;gap:0;display:flex}.solo-score-num{font-family:var(--font-display);color:var(--pink);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font-size:84px;font-weight:800;line-height:1}.daily-tiles{grid-template-columns:repeat(5,1fr);gap:8px;width:min(100%,290px);margin:0 auto;display:grid}.daily-tile{aspect-ratio:1;border:var(--line) solid var(--ink);border-radius:var(--radius-xs);box-shadow:var(--shadow-xs);color:#fff}.daily-tile svg{fill:none;stroke:currentColor;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.daily-tile.near svg{stroke-width:10px}.daily-tile.ok{background:var(--green)}.daily-tile.near{background:var(--yellow);color:var(--ink)}.daily-tile.miss{background:var(--red)}.reminder-ask{border:2px dashed var(--paper-3);border-radius:var(--radius);text-align:center;gap:6px;padding:12px 14px}.reminder-ask .row{justify-content:center}.local-player{gap:8px;padding:6px 8px}.avatar-btn{flex:none;position:relative}.avatar-btn .avatar{margin:-8px -4px -4px}.avatar-dice{background:var(--paper);border:2px solid var(--ink);border-radius:8px;place-items:center;width:24px;height:24px;font-size:16px;display:grid;position:absolute;bottom:-4px;right:-6px}.small-input{border-radius:14px;min-height:46px;padding:8px 12px;font-size:17px}.icon-btn.small-icon{border-radius:12px;width:40px;height:40px;font-size:16px}.online-me{gap:14px;padding:12px 14px}.online-me .avatar-btn .avatar{margin:-12px -6px -6px}.create-card{flex-direction:row;align-items:center;gap:14px;min-height:104px;transform:rotate(-1deg)}.create-card .mode-emoji{margin:0;font-size:48px}.link-btn{text-align:center;color:var(--ink-2);padding:4px;font-size:15px;font-weight:900}.link-btn:disabled{opacity:.5}.code-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.room-code{gap:8px;display:flex}.room-code span{width:62px;height:76px;font-family:var(--font-display);background:var(--yellow);border:var(--line) solid var(--ink);box-shadow:var(--shadow-sm);animation:pop-in .4s var(--ease-pop) both;border-radius:16px;place-items:center;font-size:48px;font-weight:800;line-height:1.15;display:grid}.room-code span:nth-child(2){background:var(--cyan);transform:rotate(3deg)}.room-code span:nth-child(3){background:var(--pink);color:#fff;transform:rotate(-3deg)}.room-code span:nth-child(4){background:var(--green)}.share-url{word-break:break-all;font-size:13px}.lobby-players{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.lobby-player{background:var(--paper-2);border:2px dashed var(--paper-3);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex;position:relative}.lobby-player.off{opacity:.45}.lobby-player .avatar{margin:-6px 0 -8px}.lobby-player .name{max-width:100%;font-size:14px}.host-crown{z-index:1;font-size:22px;position:absolute;top:-10px;left:6px;transform:rotate(-18deg)}.you-tag{background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:0 8px;font-size:11px;font-weight:900}.kick-btn{color:#fff;background:var(--red);border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-8px;right:-6px}.waiting-host{text-align:center;padding:10px;font-size:18px;font-weight:900;animation:1.6s ease-in-out infinite pulse}.conn-banner{top:calc(8px + var(--safe-top));z-index:70;background:var(--yellow);border:var(--line) solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);padding:6px 14px;font-size:14px;font-weight:900;position:fixed;left:50%;transform:translate(-50%)}.lobby.display{max-width:900px}.lobby.display .room-code span{width:110px;height:130px;font-size:84px}.profile-hero{flex-direction:column;align-items:center;gap:8px;display:flex}.profile-avatar{margin-top:-12px}.part-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.part-grid.colors{grid-template-columns:repeat(6,1fr)}.part-btn{aspect-ratio:1;border:var(--line) solid var(--paper-3);background:var(--paper-2);border-radius:16px;place-items:center;transition:transform .1s,border-color .15s;display:grid;position:relative;overflow:hidden}.part-btn.on{border-color:var(--ink);box-shadow:var(--shadow-xs);background:#fff4c2;transform:translateY(-2px)}.part-btn.locked .avatar{filter:grayscale()brightness(1.2);opacity:.45}.part-btn .lock{white-space:nowrap;background:var(--ink);color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.swatch{aspect-ratio:1;border:var(--line) solid var(--ink);transition:transform .15s var(--ease-pop);border-radius:50%}.swatch.on{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ink);transform:scale(1.12)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--paper-2);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex}.stat-emoji{font-size:20px}.stat-value{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.15}.stat-label{color:var(--ink-soft);font-size:11px;font-weight:800;line-height:1.1}.cat-stat{align-items:center;gap:8px;display:flex}.cat-stat-emoji{font-size:18px}.cat-stat-name{white-space:nowrap;text-overflow:ellipsis;width:108px;font-size:13px;font-weight:900;overflow:hidden}.cat-bar{border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;flex:1;height:12px;overflow:hidden}.cat-bar>span{height:100%;display:block}.cat-stat-num{text-align:right;width:52px;color:var(--ink-soft);font-size:12px;font-weight:900}.badge-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.badge{background:var(--paper-2);opacity:.6;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:8px 10px;display:grid}.badge.got{opacity:1;border:2px solid var(--ink);background:#fff4c2}.badge-emoji{grid-row:span 2;font-size:26px}.badge-name{font-size:13px;font-weight:900;line-height:1.1}.badge-desc{color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.15}.howto-row{align-items:center;gap:14px;padding:12px 14px;font-size:16px;line-height:1.35;display:flex}.howto-emoji{font-size:34px}.howto-item{font-size:15px;font-weight:700;line-height:1.4}.welcome-backdrop{background:#14103259}.welcome{flex-direction:column;gap:14px;display:flex}.welcome-avatar{flex-direction:column;align-items:center;gap:4px;margin-top:-10px;display:flex}.game{gap:clamp(6px, calc(var(--vh) * 1.2), 12px)}.screen.game>*{flex-shrink:0}.game-head{align-items:center;gap:8px;min-height:48px;display:flex}.game-head .round-pill{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.15}.round-pill.final{background:var(--pink);color:#fff;animation:1.2s ease-in-out infinite pulse}.game-body{gap:clamp(6px, calc(var(--vh) * 1.2), 12px);flex-direction:column;flex:1 0 auto;display:flex}.center-col{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.big-title{text-align:center;font-size:40px}.sub-title{text-align:center;font-size:18px;font-weight:900}.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)}.wheel-result{animation:pop-in .4s var(--ease-pop) both}.timer{align-items:center;gap:8px;display:flex}.timer-track{height:clamp(14px, calc(var(--vh) * 2.2), 18px);border:var(--line) solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);background:#ffffffe6;flex:1;overflow:hidden}.timer-fill{transform-origin:0;background:var(--green);border-right:var(--line) solid var(--ink);width:100%;height:100%;display:block}.timer-num{width:clamp(38px, calc(var(--vh) * 5.6), 46px);height:clamp(38px, calc(var(--vh) * 5.6), 46px);font-family:var(--font-display);font-weight:800;line-height:1.15;font-size:clamp(20px, calc(var(--vh) * 2.9), 24px);border:var(--line) solid var(--ink);background:var(--paper);box-shadow:var(--shadow-xs);border-radius:50%;flex:none;place-items:center;display:grid}.timer.low .timer-num{background:var(--red);color:#fff;animation:.5s ease-in-out infinite pulse}.qcard{gap:clamp(6px, calc(var(--vh) * 1.2), 10px);padding:clamp(10px, calc(var(--vh) * 1.7), 14px) 16px clamp(12px, calc(var(--vh) * 2.1), 18px);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.qcard-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cat-pill{color:var(--ink)}.cat-pill.big{padding:8px 16px 8px 12px;font-size:20px}.cat-pill.big .pill-emoji{font-size:26px}.qcard-text{font-size:clamp(18px, calc(var(--vh) * 2.9), 23px);text-wrap:balance;font-weight:900;line-height:1.25}.qcard-text.long{font-size:clamp(16px, calc(var(--vh) * 2.4), 19px)}.qcard-emoji{font-size:clamp(34px, calc(var(--vh) * 6.4), 54px);text-align:center;letter-spacing:6px;padding:clamp(0px, calc(var(--vh) * .7), 6px) 0 2px;filter:drop-shadow(0 3px #1d1a3f40);animation:pop-in .5s var(--ease-pop) .15s both;line-height:1.1}.qcard-hint{color:var(--ink-soft);font-size:14px;font-weight:900}.qcard-special{opacity:.18;pointer-events:none;border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-30px}.qcard-special.sp-double{background:var(--yellow)}.qcard-special.sp-bomb{background:var(--ink)}.qcard-special.sp-speed{background:var(--yellow-2)}.qcard-special.sp-thief{background:#7a7f9a}.special-pill{font-size:14px}.answers{gap:clamp(8px, calc(var(--vh) * 1.5), 12px);display:grid}.answers.grid,.answers.tf{grid-template-columns:1fr 1fr}.opt{--opt:var(--opt-a);justify-content:center;align-items:center;gap:clamp(3px, calc(var(--vh) * .7), 6px);min-height:clamp(58px, calc(var(--vh) * 12.5), 112px);padding:clamp(8px, calc(var(--vh) * 1.4), 12px) 10px clamp(9px, calc(var(--vh) * 1.6), 14px);text-align:center;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--opt);box-shadow:var(--shadow);animation:pop-in .35s var(--ease-pop) both;flex-direction:column;transition:transform .1s,box-shadow .1s,opacity .25s,filter .25s;display:flex;position:relative}.opt-1{--opt:var(--opt-b)}.opt-2{--opt:var(--opt-c)}.opt-3{--opt:var(--opt-d)}.opt-true{--opt:#3ddc84;min-height:clamp(70px, calc(var(--vh) * 15.5), 140px)}.opt-false{--opt:#ff6b7d;min-height:clamp(70px, calc(var(--vh) * 15.5), 140px)}.opt:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.opt-badge{width:clamp(24px, calc(var(--vh) * 3.6), 30px);height:clamp(24px, calc(var(--vh) * 3.6), 30px);font-family:var(--font-display);background:var(--paper);border:var(--line) solid var(--ink);border-radius:50%;place-items:center;font-size:17px;font-weight:800;line-height:1.15;display:grid}.answers.tf .opt-badge{width:40px;height:40px;font-size:24px}.opt-text{font-size:clamp(16px, calc(var(--vh) * 2.3), 18px);word-break:break-word;font-weight:900;line-height:1.15}.answers.tf .opt-text{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.15}.opt.sel{box-shadow:0 0 0 4px #fff, 0 3px 0 var(--ink);transform:translateY(3px)scale(1.02)}.opt.faded{opacity:.45;filter:saturate(.6)}.opt.gone{opacity:.15;filter:grayscale();transform:scale(.94)}.opt.gone .opt-text{text-decoration:line-through}.opt.right{--opt:var(--good);z-index:1;animation:1s 2 glow}.opt.wrong{--opt:var(--bad);animation:.5s shake}.opt.dim{opacity:.4;filter:saturate(.4)}.opt:disabled{cursor:default}.opt-mark{color:#fff;background:var(--green-2);border:var(--line) solid var(--ink);width:36px;height:36px;animation:pop-in .35s var(--ease-pop);border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;top:-12px;right:-10px}.opt-mark.bad{background:var(--red-2)}.opt-pickers{flex-wrap:wrap;justify-content:center;margin-top:-2px;display:flex}.opt-pickers .avatar{margin:-4px -5px}.opt-more{font-size:13px;font-weight:900}.year-input{align-items:center;gap:clamp(8px, calc(var(--vh) * 1.5), 12px);flex-direction:column;display:flex}.year-display{gap:8px;display:flex}.year-display span{width:clamp(46px, calc(var(--vh) * 7.4), 58px);height:clamp(50px, calc(var(--vh) * 8), 72px);font-family:var(--font-display);font-weight:800;line-height:1.15;font-size:clamp(30px, calc(var(--vh) * 5.2), 42px);color:var(--ink-soft);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;display:grid}.year-display span.on{color:var(--ink);background:var(--yellow)}.year-display.locked span.on{background:var(--cyan)}.keypad{gap:clamp(6px, calc(var(--vh) * 1), 8px);grid-template-columns:repeat(3,1fr);width:100%;max-width:340px;display:grid}.key{min-height:clamp(36px, calc(var(--vh) * 5.6), 52px);font-family:var(--font-display);font-weight:800;line-height:1.15;font-size:clamp(21px, calc(var(--vh) * 3.2), 26px);border:var(--line) solid var(--ink);background:var(--paper);box-shadow:var(--shadow-xs);border-radius:14px;transition:transform 60ms,box-shadow 60ms}.key:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.key.del{background:var(--paper-3)}.key.ok{background:var(--green)}.key:disabled{opacity:.5}.year-reveal{flex-direction:column;align-items:center;gap:8px;display:flex}.big-num{font-family:var(--font-display);background:var(--good);padding:8px 18px;font-size:30px;font-weight:800;line-height:1.15}.year-wait{text-align:center;padding:10px;font-size:18px;font-weight:900}.btn.order-hint-btn:disabled{opacity:1;filter:none;color:var(--ink-soft)}.order-wrap{gap:clamp(6px, calc(var(--vh) * 1.2), 12px);flex-direction:column;display:flex}.order-list{gap:clamp(5px, calc(var(--vh) * 1), 10px);flex-direction:column;display:flex}.order-item{min-height:clamp(36px, calc(var(--vh) * 5.4), 58px);padding:clamp(4px, calc(var(--vh) * .9), 8px) 14px clamp(4px, calc(var(--vh) * .9), 8px) 8px;text-align:left;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-sm);animation:rise-in .35s var(--ease-out) both;align-items:center;gap:12px;transition:background .15s,transform .1s;display:flex}.order-item.picked{background:var(--yellow);transform:translate(6px)}.order-item.right{background:#c9f7dd}.order-item.wrong{background:#ffd3d9}.order-num{width:clamp(28px, calc(var(--vh) * 4.4), 38px);height:clamp(28px, calc(var(--vh) * 4.4), 38px);font-family:var(--font-display);font-weight:800;line-height:1.15;font-size:clamp(17px, calc(var(--vh) * 2.6), 22px);border:var(--line) solid var(--ink);background:var(--paper-2);border-radius:10px;flex:none;place-items:center;display:grid}.order-item.picked .order-num{background:var(--pink);color:#fff}.order-text{flex:1;font-size:17px;font-weight:900}.order-val{font-family:var(--font-display);background:var(--ink);color:#fff;border-radius:10px;padding:2px 10px;font-size:18px;font-weight:800;line-height:1.15}.jokers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.joker{min-height:clamp(38px, calc(var(--vh) * 5.6), 46px);border:var(--line) solid var(--ink);background:var(--paper);box-shadow:var(--shadow-xs);border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:900;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:flex}.joker:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.joker-emoji{font-size:20px}.joker:disabled{opacity:.45}.joker.spent{opacity:.25;filter:grayscale()}.joker.active{opacity:1;background:var(--yellow);animation:.9s ease-in-out infinite pulse}.players-strip{scrollbar-width:none;gap:4px;padding:2px 2px 6px;display:flex;overflow-x:auto}.players-strip::-webkit-scrollbar{display:none}.strip-player{flex-direction:column;flex:none;align-items:center;width:58px;display:flex;position:relative}.strip-player .avatar{width:clamp(30px, calc(var(--vh) * 5), 48px);height:auto;margin-bottom:-6px}.strip-player.off{opacity:.4}.strip-player .strip-name{color:#fff;text-shadow:0 1px #1d1a3f99;text-overflow:ellipsis;white-space:nowrap;max-width:58px;font-size:11px;font-weight:900;overflow:hidden}.strip-player .strip-score{font-family:var(--font-display);background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:0 6px;font-size:13px;font-weight:800;line-height:1.15}.strip-check{color:#fff;background:var(--green-2);border:2px solid var(--ink);width:20px;height:20px;animation:pop-in .3s var(--ease-pop);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;right:2px}.strip-player.turn .strip-name{color:var(--yellow)}.stamp{font-family:var(--font-display);color:#fff;border:var(--line-thick) solid var(--ink);box-shadow:var(--shadow);animation:stamp .45s var(--ease-pop) both;text-shadow:0 2px #1d1a3f66;border-radius:16px;padding:6px 18px;font-size:34px;font-weight:800;line-height:1.15;display:inline-block}.stamp.good{background:var(--green)}.stamp.bad{background:var(--red)}.stamp.none{background:var(--ink-soft)}.points-pop{font-family:var(--font-display);animation:pop-in .5s var(--ease-pop) .2s both;font-size:44px;font-weight:800;line-height:1.15}.points-pop.neg{color:#ffd0d6}.breakdown{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.breakdown .pill{padding:3px 10px;font-size:13px}.fact{text-align:left;border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:rise-in .45s var(--ease-out) .35s both;background:#fff9dd;align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;font-weight:800;line-height:1.35;display:flex}.fact-emoji{font-size:24px;line-height:1}.fact-title{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin-bottom:2px;font-size:12px;font-weight:900}.reveal-end{align-items:center;gap:10px;scroll-margin-bottom:14px;display:flex}.reveal-end .report-link{flex-shrink:0}.btn.next-btn{flex:1;max-width:280px;margin-left:auto;overflow:hidden}.next-fill{transform-origin:0;pointer-events:none;background:#9b5cff47;position:absolute;inset:0;transform:scaleX(0)}.next-label{position:relative}.btn.next-btn:disabled{opacity:1;filter:none;color:var(--ink-soft)}.reveal-banner{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.event-note{text-align:center;background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-xs);animation:pop-in .4s var(--ease-pop) .3s both;padding:8px 14px;font-size:15px;font-weight:900}.board{text-align:left;flex-direction:column;gap:8px;display:flex}.board-row{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-xs);will-change:transform;align-items:center;gap:10px;padding:6px 12px 6px 8px;display:flex}.board-row.me{background:#fff4c2}.board-rank{width:34px;height:34px;font-family:var(--font-display);border:var(--line) solid var(--ink);background:var(--paper-2);border-radius:10px;flex:none;place-items:center;font-size:19px;font-weight:800;line-height:1.15;display:grid}.board-row.r1 .board-rank{background:var(--yellow)}.board-row.r2 .board-rank{background:#dfe4f2}.board-row.r3 .board-rank{background:#f5b88a}.board-row .avatar{margin:-8px -4px}.board-name{flex:1;min-width:0}.board-score{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.15}.board-delta{color:var(--green-2);font-size:13px;font-weight:900}.board-delta.neg{color:var(--red-2)}.board-move{text-align:center;width:18px;font-size:14px}.podium{justify-content:center;align-items:flex-end;gap:8px;margin-top:30px;display:flex}.podium-col{flex-direction:column;align-items:center;width:31%;max-width:130px;display:flex}.podium-name{color:#fff;text-shadow:0 2px #1d1a3f99;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:900;overflow:hidden}.podium-block{border:var(--line) solid var(--ink);width:100%;animation:podium-rise .8s var(--ease-out) both;transform-origin:bottom;border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8px;display:flex;box-shadow:inset 0 -10px #00000014}.podium-block .rank{font-family:var(--font-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:40px;font-weight:800;line-height:1.15}.podium-block .score{font-family:var(--font-display);font-size:18px;font-weight:800;line-height:1.15}.podium-col.p1 .podium-block{background:var(--yellow);height:150px;animation-delay:.5s}.podium-col.p2 .podium-block{background:#cfd6ea;height:110px;animation-delay:.25s}.podium-col.p3 .podium-block{background:#f5b88a;height:82px}@keyframes podium-rise{0%{transform:scaleY(0)}}.podium-floor{background:var(--ink);border-radius:6px;height:12px;margin:0 -8px}.awards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.award{background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--shadow-xs);animation:rise-in .4s var(--ease-out) both;border-radius:16px;align-items:center;gap:8px;padding:8px 10px;display:flex}.award-emoji{font-size:26px}.award-title{text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:900}.award .name{font-size:14px}.special-banner{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.special-emoji{border:var(--line-thick) solid var(--ink);background:var(--special,var(--yellow));width:140px;height:140px;box-shadow:var(--shadow-lg);animation:pop-in .5s var(--ease-pop), wobble 1s ease-in-out .5s infinite;border-radius:50%;place-items:center;font-size:80px;display:grid}.special-desc{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--radius);max-width:320px;box-shadow:var(--shadow-sm);animation:rise-in .4s var(--ease-out) .25s both;padding:10px 16px;font-size:18px;font-weight:900}.pick-grid{flex-direction:column;gap:12px;width:100%;display:flex}.pick-btn{min-height:72px;font-family:var(--font-display);text-align:left;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:rise-in .4s var(--ease-out) both;align-items:center;gap:14px;padding:10px 16px;font-size:24px;font-weight:800;line-height:1.15;display:flex}.pick-btn .pick-emoji{font-size:38px}.pick-btn:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.wager-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.wager-btn{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--paper);min-height:86px;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:2px;padding:10px;display:flex}.wager-btn .wager-pct{color:var(--ink-soft);font-size:14px;font-weight:900}.wager-btn .wager-amount{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1.15}.wager-btn.on{background:var(--yellow);box-shadow:0 0 0 4px #fff, 0 3px 0 var(--ink);transform:translateY(3px)}.wager-btn.all{background:#ffe0ee}.wager-btn.all.on{background:var(--pink);color:#fff}.handoff{flex-direction:column;align-items:center;gap:16px;display:flex}.handoff .avatar{filter:drop-shadow(0 6px #1d1a3f66)}.handoff-name{font-size:44px}.emote-layer{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.emote-float{animation:float-up 2.4s var(--ease-out) forwards;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:90px}.emote-float .emote-char{filter:drop-shadow(0 3px #1d1a3f66);font-size:44px}.emote-float .emote-name{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:1px 8px;font-size:11px;font-weight:900}.emote-bar{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.emote-btn{width:clamp(34px, calc(var(--vh) * 5), 40px);height:clamp(34px, calc(var(--vh) * 5), 40px);font-size:clamp(19px, calc(var(--vh) * 2.8), 22px);background:#fff3;border:2px solid #ffffffb3;border-radius:12px;place-items:center;transition:transform 80ms;display:grid}.emote-btn:active{transform:scale(.85)}.countdown{flex:1;place-items:center;display:grid}.countdown-num{animation:pop-in .5s var(--ease-pop);font-size:140px}.spinner{border:6px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:54px;height:54px;margin:0 auto;animation:.8s linear infinite spin}.wheel-result-slot{place-items:center;min-height:60px;display:grid}.podium-crown{z-index:1;margin-bottom:-14px;font-size:34px;animation:1.2s ease-in-out infinite wobble}.answer-zone{transition:opacity .25s,filter .25s}.answer-zone.closed{opacity:.35;filter:blur(2px)saturate(.6);pointer-events:none}.answered-pill{background:var(--paper-2);padding:3px 10px;font-size:13px}.party.display{max-width:900px}.party.display .qcard-text{font-size:clamp(26px, calc(var(--vh) * 4.6), 38px)}.party.display .opt-text{font-size:clamp(20px, calc(var(--vh) * 3.4), 28px)}.party.display .opt{min-height:clamp(80px, calc(var(--vh) * 15), 140px)}.party.display .fact{font-size:clamp(17px, calc(var(--vh) * 2.6), 26px)}.party.display .fact-title{font-size:clamp(12px, calc(var(--vh) * 1.7), 17px)}.duel-setup-players{grid-template-columns:1fr 1fr;gap:14px;display:grid;position:relative}.duel-setup-card{flex-direction:column;align-items:center;gap:10px;padding:14px 10px;display:flex}.duel-setup-card .avatar-btn .avatar{margin:-14px 0 -6px}.duel-setup-card .small-input{text-align:center}.duel-vs{font-family:var(--font-display);color:var(--yellow);pointer-events:none;font-size:34px;font-weight:800;line-height:1.15;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.duel{padding:var(--safe-top) 0 var(--safe-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.duel-half{min-height:0;transition:flex-basis .6s var(--ease-pop);display:flex;overflow:hidden;container-type:size}.duel-half.top{background:#ff4f9a38;transform:rotate(180deg)}.duel-half.bottom{background:#36c9ff38}.duel-panel{max-width:var(--page-max);flex-direction:column;flex:1;gap:8px;width:100%;margin:0 auto;padding:10px 14px 12px;display:flex;position:relative}.duel-panel.won{animation:.8s glow-bg}@keyframes glow-bg{30%{background:#28d67859}}.duel-panel.locked{animation:.45s shake,.7s flash-red}@keyframes flash-red{30%{background:#ff4d5e52}}.duel-who{align-items:center;gap:8px;display:flex}.duel-who .avatar{margin:-8px -4px -6px}.duel-q{border-radius:var(--radius);padding:clamp(4px,2.4cqh,8px) 12px}.duel-emoji{text-align:center;letter-spacing:4px;font-size:clamp(22px,10cqh,32px)}.duel-text{font-size:clamp(14px,5.6cqh,17px);font-weight:900;line-height:1.2}.duel-opts{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:clamp(5px,2.4cqh,8px);min-height:clamp(76px,34cqh,999px);transition:opacity .2s,filter .2s;display:grid}.duel-opts.closed{opacity:.3;filter:blur(2px)}.duel-opts .opt{min-height:0;padding:6px 8px;animation:none}.duel-opts .opt-text{font-size:clamp(13px,5.2cqh,16px)}.duel-opts.tf .opt-text{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.15}.duel-panel.locked .duel-opts{opacity:.4;filter:grayscale(.7)}.duel-locked{font-family:var(--font-display);animation:stamp .4s var(--ease-pop) both;pointer-events:none;font-size:34px;font-weight:800;line-height:1.15;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.duel-locked.pulled{color:var(--green)}.duel-rope{background:var(--ink);z-index:2;border-top:3px solid #fff;border-bottom:3px solid #fff;flex:none;align-items:center;gap:10px;height:58px;padding:0 12px;display:flex;position:relative}.duel-exit{border-radius:12px;width:38px;height:38px;font-size:16px}.rope-track{flex:1;height:100%;position:relative}.rope-track.tug-p1{animation:tug-left .6s var(--ease-pop)}.rope-track.tug-p2{animation:tug-right .6s var(--ease-pop)}.rope-track[class*=tug-] .rope-line{animation:.6s rope-strain}.rope-track[class*=tug-] .rope-knot{animation:knot-pop .6s var(--ease-pop)}@keyframes tug-left{30%{transform:translate(-14px)}}@keyframes tug-right{30%{transform:translate(14px)}}@keyframes rope-strain{30%{filter:brightness(1.35);height:5px}}@keyframes knot-pop{40%{scale:1.5}}.rope-line{background:repeating-linear-gradient(45deg,#d9a066 0 6px,#b87333 6px 12px);border-radius:4px;height:8px;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.rope-tick{background:#ffffff59;border-radius:2px;width:4px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%)}.rope-knot{transition:left .6s var(--ease-pop);filter:drop-shadow(0 2px #00000080);font-size:30px;position:absolute;top:50%;transform:translate(-50%,-55%)}.duel-score{font-family:var(--font-display);color:#fff;flex-direction:column;align-items:center;font-size:18px;font-weight:800;line-height:1;display:flex}.duel-score span:first-child{color:var(--pink);transform:rotate(180deg)}.duel-score span:last-child{color:var(--cyan)}.duel-over{z-index:20;background:#1410328c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.duel-over-card{flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);display:flex}.duel-over-card.flip{transform:rotate(180deg)}.duel-over-card .big-title{font-size:32px}.game-body>.answers,.game-body>.answer-zone,.game-body>.year-input,.game-body>.order-wrap,.game-body>.order-list{margin-top:auto}.game-body>.answer-zone+.jokers,.game-body>.answers+.reveal-banner{margin-top:0}.turn-chip{max-width:40%;padding:2px 10px 2px 2px}.turn-chip .avatar{margin:-8px -2px -6px}.turn-chip .name{font-size:14px}.report-link{color:#ffffffd9;text-underline-offset:3px;align-self:center;padding:4px 10px;font-size:13px;font-weight:900;text-decoration:underline}@media (height<=800px){.qcard-hint{display:none}}@media (height<=680px){.phase-question .strip-player .strip-name{display:none}.qcard-emoji{font-size:clamp(30px, calc(var(--vh) * 5.6), 54px)}}@container (height<=250px){.duel-who{display:none}.duel-panel{gap:6px;padding-block:6px}}