@font-face{font-family:Graduate;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/graduate-latin-400-normal-BjgGaByd.woff2)format("woff2"),url(/assets/graduate-latin-400-normal-CfhP6dNZ.woff)format("woff");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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-vietnamese-400-normal-C0oZnEo7.woff2)format("woff2"),url(/assets/alfa-slab-one-vietnamese-400-normal-BeSfPuN6.woff)format("woff");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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-ext-400-normal-DZhSYPC8.woff2)format("woff2"),url(/assets/alfa-slab-one-latin-ext-400-normal-Dg9tQUb7.woff)format("woff");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:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2)format("woff2"),url(/assets/alfa-slab-one-latin-400-normal-UIGeWgec.woff)format("woff");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{--blue:#2858a2;--blue-light:#3a6fc4;--blue-deep:#1e4682;--navy:#14284d;--navy-deep:#0c1a36;--guest:#233452;--guest-deep:#151f35;--ice:#c9d6ee;--white:#fff;--font-head:"Graduate", "Rockwell", "Georgia", serif;--font-score:"Alfa Slab One", "Rockwell", "Georgia", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:18px;--add-h:clamp(64px, 11vh, 96px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--white);background:radial-gradient(ellipse at 50% 0%, var(--blue-deep), var(--navy) 55%, var(--navy-deep));overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible{outline:3px solid var(--white);outline-offset:2px}.app{height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template:"left center right"1fr/1fr clamp(130px,18vw,220px) 1fr;gap:10px;display:grid}.app.with-hint{grid-template-rows:auto 1fr;grid-template-areas:"hint hint hint""left center right"}.app>.panel:first-child{grid-area:left}.app>.panel:nth-child(2){grid-area:right}.center{flex-direction:column;grid-area:center;justify-content:center;align-items:center;gap:14px;min-width:0;display:flex}.center-badge{aspect-ratio:1;filter:drop-shadow(0 6px 14px #0006);width:clamp(96px,16vw,190px);height:auto}.period{border-radius:var(--radius);background:#ffffff14;align-items:center;gap:4px;padding:4px;display:flex}.period button{background:0 0;border-radius:12px;width:40px;height:56px;font-size:1.8rem}.period button:not(:disabled):active{background:#ffffff26}.period-value{flex-direction:column;align-items:center;gap:2px;min-width:54px;line-height:1;display:flex}.period-value small{text-transform:uppercase;letter-spacing:.12em;opacity:.75;font-size:.68rem}.period-value strong{font-family:var(--font-head);font-size:2rem;font-weight:400}.tool{white-space:nowrap;background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 10px;font-size:.95rem;font-weight:600;display:inline-flex}.tool:not(:disabled):active{background:#ffffff38}.panel{--panel:var(--blue);border-radius:calc(var(--radius) + 6px);isolation:isolate;grid-template-rows:auto 1fr auto;min-width:0;min-height:0;padding:14px;transition:box-shadow .4s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff24,0 14px 40px #00000059}.panel:before{content:"";z-index:-1;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100' fill='none' stroke='white' stroke-width='1.6'%3E%3Ccircle r='46'/%3E%3Cpath d='M-46 -4C-20 4 20 4 46 -4M-8 -46C14 -26 14 26 -8 46M22 -40C40 -22 40 22 22 40'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;inset:8% -10% 14%}.panel.home{background:linear-gradient(170deg, var(--blue-light), var(--blue) 45%, var(--blue-deep))}.panel.guest{--panel:var(--guest);background:linear-gradient(170deg, #2e4266, var(--guest) 45%, var(--guest-deep))}.panel.leading{box-shadow:inset 0 0 0 4px var(--white), 0 0 28px #8fb4ff59, 0 14px 40px #00000059}.panel.guest.leading{box-shadow:inset 0 0 0 4px var(--ice), 0 14px 40px #00000059}.panel-head{z-index:2;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;min-height:48px;display:grid}.panel-head>:nth-child(2){justify-self:center;min-width:0}.name,.name-input{max-width:100%;font-family:var(--font-head);letter-spacing:.03em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;background:#00000038;border-radius:999px;padding:8px 16px;font-size:clamp(1rem,2.6vw,1.6rem);font-weight:400;overflow:hidden}.name-input{color:inherit;text-align:center;text-transform:none;border:0;width:min(100%,14ch)}.minus{background:#00000040;border-radius:10px;justify-self:end;width:44px;height:36px;font-size:.95rem;font-weight:700}.score-wrap{place-items:center;min-height:0;display:grid}.score{font-family:var(--font-score);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 8px 24px #0006;font-size:clamp(5rem,min(26vw,44vh),20rem);font-weight:400;line-height:1}.buttons{z-index:2;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.add{height:var(--add-h);border-radius:var(--radius);background:var(--white);color:var(--blue);font-family:var(--font-head);font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:400;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #0000004d}.guest .add{color:var(--guest-deep)}.add:active{transform:translateY(4px);box-shadow:0 2px #0000004d}.add-3{background:var(--panel);color:var(--white);box-shadow:inset 0 0 0 4px var(--white), 0 6px 0 #0000004d}.guest .add-3{color:var(--white);box-shadow:inset 0 0 0 4px var(--ice), 0 6px 0 #0000004d}.add-3:active{box-shadow:inset 0 0 0 4px var(--white), 0 2px 0 #0000004d}.animated .score.pop{animation:.65s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{transform:scale(1)}22%{text-shadow:0 0 34px #ffffffe6,0 8px 24px #0006;transform:scale(1.22)}to{transform:scale(1)}}.fx{inset:0;bottom:calc(var(--add-h) + 24px);pointer-events:none;z-index:1;position:absolute;overflow:hidden}.fx-backdrop{background:radial-gradient(circle at 50% 50%, var(--panel) 50%, color-mix(in srgb, var(--panel) 93%, transparent) 80%);animation:2.1s ease-out forwards backdrop;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}@keyframes backdrop{0%{opacity:0}12%,78%{opacity:1}to{opacity:0}}.fx-claws{aspect-ratio:1;width:min(86%,62vh);position:absolute;top:50%;left:50%;overflow:visible;translate:-50% -50%}.fx-claws.flip{scale:-1 1}.fx-claws path{fill:var(--white);filter:drop-shadow(0 0 3px #fff9);clip-path:inset(0 0 100%);animation:1.05s cubic-bezier(.2,.8,.3,1) forwards slash}.guest .fx-claws path{fill:var(--ice)}@keyframes slash{0%{clip-path:inset(0 0 100%);opacity:1}22%{clip-path:inset(0);opacity:1}55%{clip-path:inset(0);opacity:.9}to{clip-path:inset(0);opacity:0}}.fx-ring{aspect-ratio:1;fill:none;width:min(70%,50vh);stroke:var(--white);stroke-width:2.4px;opacity:0;animation:1.1s cubic-bezier(.1,.7,.3,1) forwards ring;position:absolute;top:50%;left:50%;translate:-50% -50%}.guest .fx-ring{stroke:var(--ice)}@keyframes ring{0%{opacity:.9;rotate:-30deg;scale:.3}to{opacity:0;rotate:15deg;scale:1.6}}.fx-points{font-family:var(--font-head);color:var(--white);-webkit-text-stroke:10px var(--panel);paint-order:stroke fill;font-size:clamp(3rem,9vw,6.5rem);font-weight:400;animation:1.35s cubic-bezier(.2,.9,.3,1) forwards points-rise;position:absolute;bottom:4%;left:50%;translate:-50%}@keyframes points-rise{0%{opacity:0;transform:translateY(30px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.12)}60%{opacity:1;transform:translateY(-36px)scale(1)}to{opacity:0;transform:translateY(-80px)scale(.92)}}.fx-tiger{flex-direction:column;justify-content:center;align-items:center;gap:2%;display:flex;position:absolute;inset:0}.fx-tiger-art{transform-origin:50% 70%;width:min(80%,44vh);animation:2.1s cubic-bezier(.2,.9,.3,1) forwards lunge;position:relative}.fx-tiger-art img{aspect-ratio:252/246;filter:drop-shadow(0 12px 22px #00000073);width:100%;height:auto;display:block}.fx-stamp{background:var(--white);color:var(--panel);font-family:var(--font-head);opacity:0;border-radius:.2em;padding:.05em .3em 0;font-size:clamp(1.6rem,5vw,3.6rem);line-height:1.15;animation:1.8s cubic-bezier(.2,1.4,.4,1) .32s forwards stamp;position:absolute;bottom:2%;right:-6%;rotate:8deg;box-shadow:0 6px 16px #0006}.fx-stamp.inline{position:static;rotate:-4deg}@keyframes stamp{0%{opacity:0;scale:2.6}12%{opacity:1;scale:1}to{opacity:1;scale:1}}@keyframes lunge{0%{opacity:0;transform:translateY(35%)scale(.3)rotate(-12deg)}16%{opacity:1;transform:translateY(-2%)scale(1.1)rotate(3deg)}24%{transform:translateY(0)scale(1)rotate(0)}28%{transform:translate(-2.5%)rotate(-2deg)}32%{transform:translate(2.5%)rotate(2deg)}36%{transform:translate(-1.5%)rotate(-1deg)}40%{transform:translate(0)rotate(0)}80%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.3)}}.fx-shout{font-family:var(--font-head);letter-spacing:.06em;color:var(--white);-webkit-text-stroke:12px var(--panel);paint-order:stroke fill;opacity:0;font-size:clamp(2.2rem,7.5vw,5.5rem);font-weight:400;animation:1.9s cubic-bezier(.2,1.3,.4,1) .22s forwards shout;rotate:-5deg}.fx-shout.solo{font-size:clamp(2.4rem,8.5vw,6.5rem);animation-delay:50ms}@keyframes shout{0%{opacity:0;scale:2.4}14%{opacity:1;scale:1}82%{opacity:1;scale:1}to{opacity:0;scale:1.15}}.fx-lead{background:var(--white);color:var(--blue);font-family:var(--font-head);white-space:nowrap;border-radius:999px;padding:8px 18px 6px;font-size:clamp(.9rem,2.3vw,1.35rem);font-weight:400;animation:2s ease-out forwards lead-tag;position:absolute;top:70px;left:50%;translate:-50%;box-shadow:0 6px 18px #00000059}.guest .fx-lead{color:var(--guest-deep)}@keyframes lead-tag{0%{opacity:0;transform:translateY(-20px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.05)}25%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.install-hint{background:var(--white);color:var(--navy);border-radius:999px;grid-area:hint;justify-content:center;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:.85rem;line-height:1.2;display:flex}.install-hint button{background:#14284d1a;border-radius:50%;flex:none;width:32px;height:32px;font-weight:700}.menu .row.highlight{box-shadow:inset 4px 0 0 var(--white)}.menu .row.stack{flex-direction:column;align-items:stretch;gap:0;padding:0}.menu .row-main{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.menu .row-main>span:first-child{gap:2px;display:grid}.install-steps{gap:8px;margin:0;padding:4px 14px 14px 32px;font-size:.9rem;line-height:1.35;display:grid}.menu{width:100%;max-width:min(92vw,440px);max-height:calc(100dvh - 24px);color:var(--white);background:0 0;border:0;padding:0}.menu::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050f2899}.menu-body{background:var(--navy);border-radius:22px;gap:8px;padding:18px;display:grid;box-shadow:0 20px 60px #00000080,inset 0 0 0 2px #ffffff26}.menu h2{font-family:var(--font-head);margin:0 0 6px;font-size:1.4rem;font-weight:400}.menu .row{text-align:left;background:#ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.menu .row>span:first-child{gap:2px;display:grid}.menu .row small{opacity:.7;font-size:.8rem}.menu .row:not(.danger):not(.stack):active{background:#ffffff2e}.menu .row input[type=checkbox]{appearance:none;background:#fff3;border-radius:999px;flex:none;width:48px;height:28px;margin:0;transition:background .2s;position:relative}.menu .row input[type=checkbox]:after{content:"";background:var(--white);border-radius:50%;width:22px;height:22px;transition:translate .2s;position:absolute;top:3px;left:3px}.menu .row input[type=checkbox]:checked{background:var(--blue-light)}.menu .row input[type=checkbox]:checked:after{translate:20px}.menu .danger{background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff80}.menu .actions{flex:none;gap:8px;display:flex}.menu .actions button{background:#ffffff26;border-radius:10px;padding:10px 14px;font-weight:700}.menu .actions .primary{background:var(--white);color:var(--navy)}.menu .hint{opacity:.7;margin:6px 2px 0;font-size:.8rem}.menu .close{background:var(--white);color:var(--navy);border-radius:14px;margin-top:6px;padding:14px;font-weight:800}@media (prefers-reduced-motion:reduce){.score.pop,.fx *{animation:none!important}}@media (orientation:portrait){.app{grid-template:"center center""left right"1fr/1fr 1fr}.app.with-hint{grid-template-rows:auto auto 1fr;grid-template-areas:"hint hint""center center""left right"}.center{flex-direction:row;justify-content:space-between;gap:8px;padding:2px 4px}.center-badge{width:60px}.period button{width:36px;height:48px;font-size:1.5rem}.period-value strong{font-size:1.6rem}.tool{width:52px;height:52px;padding:0;font-size:1.4rem}.tool .label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.panel{padding:10px}.panel:before{inset:18% -30% 22%}.panel-head{grid-template-columns:1fr 36px;gap:4px}.head-spacer{display:none}.minus{width:36px;font-size:.85rem}.name,.name-input{letter-spacing:0;padding:6px 8px;font-size:.78rem}.buttons{gap:6px}.add-3,.guest .add-3{box-shadow:inset 0 0 0 3px var(--white), 0 6px 0 #0000004d}.fx-points{-webkit-text-stroke-width:7px}.fx-shout{-webkit-text-stroke-width:8px}.fx-lead{top:58px}.fx-tiger-art{width:92%}.fx-stamp{right:0}}@media (orientation:landscape) and (height<=480px){:root{--add-h:56px}.center{gap:8px}.center-badge{width:76px}.period button{height:44px}.period-value strong{font-size:1.5rem}.tool{padding:8px;font-size:.85rem}.panel{padding:10px}.fx-tiger{flex-direction:row;gap:4%;padding-top:30px}.fx-tiger-art{width:min(48%,56vh)}.fx-shout{-webkit-text-stroke-width:8px;font-size:clamp(1.6rem,4.6vw,2.6rem)}.fx-shout.solo{font-size:clamp(2rem,6vw,3.2rem)}.fx-stamp{font-size:1.5rem}.fx-lead{padding:5px 12px 3px;font-size:.85rem;top:54px}}