:root{--ink:#23224d;--muted:#5d5a86;--cream:#fff3d6;--paper:#fffaf0;--sky-top:#bfe6ff;--sky-bottom:#fff0cf;--orange:#ff8a3d;--orange-deep:#e4661c;--teal:#1aa6a0;--green:#5aa83c;--sky:#3d9cf0;--yellow:#ffc533;--red:#e8484a;--good:#bfe8a6;--bad:#ffc7bd;--shadow:0 4px 0 #23224d38;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--sky-top);height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}body{background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom))}button{font:inherit;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}#app{max-width:520px;margin:0 auto;position:fixed;inset:0}.screen{padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:12px;animation:.18s ease-out screen-in;display:flex;position:absolute;inset:0}.screen.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}#home{padding-bottom:max(24px, env(safe-area-inset-bottom));background:url(../assets/bg-home.webp) bottom/cover no-repeat}h1,h2,p{margin:0}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.fine{color:var(--muted);font-size:12px;line-height:1.35}.credit{text-align:center;padding-bottom:6px}.panel{border:18px solid #0000;border-image:url(../assets/style-sheet/panel@2x.webp) 44 fill/18px;flex-direction:column;gap:10px;margin:-4px;padding:14px 16px;display:flex;position:relative}.btn,.daily,.mode,.chip,.badge,.opt,.icon-btn{cursor:pointer;transition:transform 80ms ease-out}.btn:active,.daily:active,.mode:active,.chip:active,.badge:active,.opt:active,.icon-btn:active{transform:translateY(3px)scale(.98)}.btn:disabled,.opt:disabled{cursor:default}.btn:disabled:active,.opt:disabled:active{transform:none}.btn{min-height:56px;color:var(--ink);background:0 0;border:22px solid #0000;border-image:url(../assets/style-sheet/button-secondary@2x.webp) 84 112 fill/22px 28px;justify-content:center;align-items:center;gap:8px;margin:-10px -6px;padding:0 26px;font-size:20px;font-weight:900;display:flex}.btn.primary{color:#fff;text-shadow:0 2px #23224d8c;border-image-source:url(../assets/style-sheet/button-primary@2x.webp)}.btn:disabled{filter:grayscale(.7)brightness(1.05);opacity:.7}.btn svg{width:20px;height:20px}.icon-btn{border:3px solid var(--ink);background:var(--paper);width:46px;height:46px;color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:15px;flex:none;place-items:center;padding:0;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn.armed{background:var(--yellow)}.rig{--rw:64px;width:var(--rw);height:calc(var(--rw) * 1.88);pointer-events:none;transform-origin:50% 100%;flex:none;position:relative}.rig img{-webkit-user-select:none;user-select:none;display:block;position:absolute}.rig-body{transform-origin:50% 100%;width:100%;bottom:0;left:0}.rig-head{transform-origin:50% 90%;width:118%;top:0;left:-4%}.rig.head-only{height:calc(var(--rw) * .96)}.rig.head-only .rig-body{display:none}.rig.head-only .rig-head{width:100%;left:0}@media (prefers-reduced-motion:no-preference){.rig.idle .rig-body{animation:2.8s ease-in-out infinite breathe}.rig.idle .rig-head{animation:2.8s ease-in-out infinite head-bob}}.home-head{align-items:flex-end;gap:16px;min-height:124px;padding-right:56px;display:flex}.home-rig{--rw:64px;margin-bottom:-4px;margin-left:6px}.titles{flex-direction:column;gap:4px;padding-bottom:10px;display:flex}.titles h1{color:var(--ink);text-shadow:0 3px #fff,2px 0 #fff,-2px 0 #fff;letter-spacing:-.01em;font-size:40px;font-weight:900;line-height:1}.tag{color:var(--ink);text-shadow:0 1px #ffffffe6;font-size:14px;font-weight:700}.daily{border:4px solid var(--ink);background:linear-gradient(180deg, #ffb25e, var(--orange) 55%, var(--orange-deep));color:#fff;text-align:left;min-height:88px;box-shadow:0 6px 0 var(--ink);border-radius:28px;align-items:center;gap:12px;padding:10px 16px 10px 12px;display:flex}.daily.fresh{animation:2.2s ease-in-out infinite glow}.daily-ico img{object-fit:contain;filter:drop-shadow(0 3px #23224d59);width:58px;height:58px;display:block}.daily-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-text b{text-shadow:0 3px #23224d80;font-size:28px;font-weight:900;line-height:1}.daily-sub{color:#fff;text-shadow:0 2px #23224d73;font-size:14px;font-weight:800}.go{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:10px 16px;font-size:17px;font-weight:900}.streak-chip{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:6px 12px 6px 8px;display:flex}.streak-chip img{object-fit:contain;width:30px;height:19px}.streak-chip b{font-size:22px;line-height:1}.streak-chip small{color:var(--muted);font-size:11px;font-weight:800}.region-bar{background:#fffaf0d1;border-radius:18px;flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{--c:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:999px;min-height:44px;padding:0 12px;font-size:14px;font-weight:800;box-shadow:0 3px #23224d4d}.chip[aria-pressed=true]{background:var(--c);color:#fff;text-shadow:0 1px #23224d80}.modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode{--c:var(--orange);border:3px solid var(--ink);background:var(--paper);text-align:left;min-height:96px;box-shadow:0 5px 0 var(--ink);border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex;position:relative}.mode-ico{background:var(--c);color:#fff;border:3px solid var(--ink);border-radius:12px;place-items:center;width:36px;height:36px;display:inline-grid}.mode-ico svg{width:22px;height:22px}.mode-text{flex-direction:column;gap:1px;display:flex}.mode-text b{font-size:18px;font-weight:900;line-height:1.1}.mode-text small{color:var(--muted);font-size:12px;font-weight:700}.mode-best{color:var(--muted);font-size:12px;font-weight:900;position:absolute;top:10px;right:10px}.btn.review{align-self:stretch;font-size:18px}.btn.review .mode-ico{background:var(--teal);color:#fff;width:30px;height:30px}.world{gap:8px}.world-head{flex-direction:column;gap:2px;display:flex}.world-count{color:var(--ink);font-size:13px;font-weight:800}.badges{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.badge{background:0 0;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:1px;min-height:44px;padding:6px 2px;display:flex}.badge[aria-pressed=true]{border-color:var(--ink);background:#ffc53359}.badge-svg{width:72px;height:72px}.badge-name{font-size:13px;font-weight:900}.badge-pct{color:var(--muted);font-size:12px;font-weight:800}#play{background:linear-gradient(#c8ebff,#fff2d2 70%)}.topbar{align-items:center;gap:10px;min-height:46px;padding-right:100px;display:flex}.pips{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.pips i{background:#23224d29;border:2px solid #23224d4d;border-radius:999px;flex:1;max-width:18px;height:10px}.pips i.ok{background:var(--green);border-color:var(--ink)}.pips i.no{background:var(--red);border-color:var(--ink)}.pips i.cur{background:var(--yellow);border-color:var(--ink)}.pips.hearts{gap:4px}.heart{color:#23224d2e;width:30px;height:30px;transition:transform .15s;display:block}.heart.on{color:var(--red)}.heart svg{width:100%;height:100%}.scorebox{white-space:nowrap;align-items:baseline;gap:5px;font-weight:900;display:flex}.scorebox b{text-align:right;min-width:2ch;font-size:22px}.scorebox:after{content:attr(data-label);color:var(--muted);font-size:12px}.combo{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:2px 8px;font-size:14px;animation:.22s ease-out bump}.timer{border:2px solid var(--ink);background:#23224d24;border-radius:999px;flex:none;height:12px;overflow:hidden}.timer-fill{background:var(--teal);transform-origin:0;will-change:transform;height:100%}.timer.bonus .timer-fill{background:var(--yellow)}.timer.urgent .timer-fill{background:var(--red)}.stage{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.qcard{border:3px solid var(--ink);background:var(--cream);min-height:0;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px;animation:.2s ease-out card-in;display:flex}.qcard.qt-flagPick{flex:none;min-height:96px}.pin{background:var(--teal);color:#fff;border:4px solid var(--ink);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 5px #23224d4d}.pin svg{width:56px;height:56px}.prompt{text-align:center;font-size:18px;font-weight:900;line-height:1.2}.prompt.big{overflow-wrap:anywhere;font-size:24px}.flag-frame{aspect-ratio:4/3;border:3px solid var(--ink);background:#fff;border-radius:10px;flex:none;width:clamp(150px,min(80%,133.3dvh - 666.5px),300px);display:block;overflow:hidden;box-shadow:0 4px #23224d4d}.flag-frame .flag{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.flag-frame.small{width:100%;box-shadow:none;border-width:2px;border-radius:6px}.flag-frame.mini{width:48px;box-shadow:none;border-width:2px;border-radius:5px}.options{flex-direction:column;flex:none;gap:8px;display:flex}.options.grid{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:10px;min-height:0;display:grid}.options.grid .opt:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}.opt{border:3px solid var(--ink);background:var(--paper);min-height:54px;box-shadow:0 4px 0 var(--ink);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:6px 12px;font-size:18px;font-weight:800;line-height:1.15;display:flex;position:relative}.opt .lbl{overflow-wrap:anywhere;flex:1;min-width:0}.opt .key{width:24px;height:24px;color:var(--muted);background:#23224d1f;border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}@media (hover:none){.opt .key{display:none}}.opt .mk{flex:none;place-items:center;width:26px;height:26px;display:grid}.opt .mk .mark{width:24px;height:24px}.opt.flagopt{justify-content:center;min-height:0;padding:8px}.opt.flagopt .flag-frame.small{width:100%;height:auto;max-height:100%}.opt.flagopt{flex-direction:column;gap:4px}.opt .cap{text-align:center;font-size:13px;font-weight:900;line-height:1.1}.opt.flagopt .key{z-index:1;background:#fffaf0e6;position:absolute;top:4px;left:4px}.opt.flagopt .mk{border-radius:50%;position:absolute;bottom:4px;right:4px}.opt.good{background:var(--good);color:#17400f;border-color:#2a6a1a;animation:.3s ease-out pop-good;box-shadow:0 4px #2a6a1a}.opt.good .mk{color:#2a6a1a}.opt.bad{background:var(--bad);color:#6c1610;border-color:#a12a22;animation:.25s ease-in-out shake;box-shadow:0 4px #a12a22}.opt.bad .mk{color:#a12a22}.opt.flagopt.good .mk,.opt.flagopt.bad .mk{background:#fff}.opt.dim{opacity:.5}.opt.hint{animation:1s ease-in-out infinite hint}.ghost{pointer-events:none;z-index:2;width:44px;height:52px;animation:1.3s ease-in-out infinite tap-ghost;position:absolute;bottom:-26px;right:12px}.ghost svg{filter:drop-shadow(0 3px #23224d59);width:100%;height:100%}.opt.flagopt .ghost{bottom:-30px;right:30%}html[data-playora-paused] #stage{filter:blur(16px);opacity:.35}.coach{flex:none;align-items:center;gap:10px;min-height:66px;display:flex}.coach-mascot{flex:none}.coach-rig{--rw:58px}.bubble{border:3px solid var(--ink);background:var(--paper);border-radius:16px;flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;min-height:56px;padding:8px 12px;display:flex;position:relative}.bubble:before{content:"";background:var(--paper);border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;left:-9px;transform:rotate(45deg)}.bubble b{font-size:16px;font-weight:900;line-height:1.15}.bubble span{color:var(--muted);font-size:13px;font-weight:700;line-height:1.2}.coach .next{flex:none;min-width:118px;padding:0 18px;font-size:18px}#results{padding-bottom:max(24px, env(safe-area-inset-bottom));background:linear-gradient(#c8ebff,#fff2d2 70%);gap:14px}.banner{flex:none;align-self:center;place-items:center;width:min(300px,80%);min-height:56px;display:grid;position:relative}.banner img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.banner span{color:#fff;text-shadow:0 2px #23224d99;text-align:center;padding:0 34px 4px;font-size:20px;font-weight:900;line-height:1.1;position:relative}.result-top{flex:none;padding-top:40px;position:relative}.result-rig{--rw:52px;z-index:1;position:absolute;top:-12px;right:12px}.result-card{text-align:center;align-items:center;gap:8px;padding:18px 16px 14px}.newbest{background:var(--yellow);border:3px solid var(--ink);border-radius:999px;align-self:center;padding:4px 14px;font-weight:900;animation:.5s .4s both spin-pop}.big-score{flex-direction:column;align-items:center;line-height:1;display:flex}.big-score b{color:var(--orange-deep);text-shadow:0 3px #fff;font-variant-numeric:tabular-nums;font-size:56px;font-weight:900}.big-score small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.stars{justify-content:center;gap:8px;display:flex}.star img{object-fit:contain;filter:grayscale()brightness(1.15)opacity(.4);width:50px;height:48px;display:block}.star.on img{filter:none;animation:star-in .5s var(--d,.5s) both cubic-bezier(.3, 1.6, .5, 1)}.facts{grid-template-columns:1fr 1fr;align-self:stretch;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.facts li{background:#23224d0f;border-radius:12px;flex-direction:column;align-items:center;padding:4px 8px;line-height:1.15;display:flex}.facts li span{color:var(--muted);font-size:12px;font-weight:800}.facts li b{font-size:17px;font-weight:900}.facts li.new{background:#ffc53380}.extras{flex-direction:column;flex:none;gap:8px;display:flex}.toast{border:3px solid var(--ink);background:var(--paper);border-radius:16px;align-items:center;gap:10px;padding:8px 14px;font-weight:800;animation:.3s .2s both card-in;display:flex}.toast.badge-up .badge-svg{flex:none;width:44px;height:44px}.toast.ach{background:#fff3b8}.missed{flex:none;gap:6px}.miss-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.miss-list li{align-items:center;gap:10px;display:flex}.miss-text{flex-direction:column;min-width:0;display:flex}.miss-text b{font-size:16px}.miss-text small{color:var(--muted);font-size:12px;font-weight:700}.actions{flex:none;grid-template-columns:1fr;gap:16px 12px;padding:10px 12px 14px;display:grid}.actions.two{grid-template-columns:1fr 1fr}.actions.two .btn.primary{grid-column:1/-1}.actions.two .btn{padding:0 10px;font-size:17px}#fx{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pop{color:var(--ink);text-shadow:-2px 0 #fff,2px 0 #fff,0 -2px #fff,0 2px #fff;white-space:nowrap;font-size:24px;font-weight:900;position:fixed}.pop.quick{color:#d98a00}.pop.streak{color:var(--orange-deep);font-size:30px}.pop.bad{color:#d6342a}.bit{will-change:transform;border-radius:50%;width:9px;height:9px;position:fixed}.bit.confetti{border-radius:2px;width:9px;height:15px}.shake{animation:.22s ease-in-out shake}.shake-soft{animation:.2s ease-in-out shake-soft}.bump{animation:.22s ease-out bump}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}@keyframes card-in{0%{opacity:0;transform:scale(.94)translateY(10px)}}@keyframes bump{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pop-good{45%{transform:scale(1.035)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes shake-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes breathe{50%{transform:scaleY(1.025)}}@keyframes head-bob{50%{transform:translateY(1.5%)rotate(-1.5deg)}}@keyframes glow{50%{box-shadow:0 6px 0 var(--ink), 0 0 0 6px #ffc5338c}}@keyframes hint{50%{box-shadow:0 4px 0 var(--ink), 0 0 0 5px #ffc533e6}}@keyframes tap-ghost{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-6px,-14px)scale(.92)}}@keyframes star-in{0%{transform:scale(0)rotate(-40deg)}}@keyframes spin-pop{0%{transform:scale(0)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (height<=640px){.opt{min-height:48px}.bubble{min-height:50px}.coach{min-height:56px}}