@font-face{font-family:Lilita One;src:url(/fonts/lilita-one-latin-400-normal.woff2)format("woff2");font-display:block}@font-face{font-family:Nunito;font-weight:700;src:url(/fonts/nunito-latin-700-normal.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:800;src:url(/fonts/nunito-latin-800-normal.woff2)format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:900;src:url(/fonts/nunito-latin-900-normal.woff2)format("woff2");font-display:swap}:root{--ink:#1b1340;--ink-soft:#6e2a4a;--sky-hi:#479bf0;--sea:#0b467a;--sea-deep:#072e57;--sea-night:#0a3158;--sun:#ffc83a;--sun-lo:#e8901a;--sun-lip:#b5650f;--green:#6fdc4a;--green-lo:#36a82a;--green-lip:#1f6e18;--coral:#ff5a5f;--coral-lo:#e0333f;--coral-lip:#8e1422;--grape:#e86ba5;--grape-lo:#b8306f;--grape-lip:#7f1748;--paper:#fff1c9;--paper-hi:#fffaf0;--paper-ink:#6b4a12;--ribbon:#c92a3b;--foam:#bfd7f5;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-pop:linear(0, .126, .385, .651, .862, .997, 1.065, 1.083, 1.074, 1.053, 1.03, 1.012, 1.001, .995, .993, .994, .995, .997, .999, 1, 1, 1.001, 1.001, 1, 1);--z-screen:1;--z-ui:3;--z-sheet:10;--z-wipe:20;--z-fx:30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--green-lo)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--sea-deep);height:100%}body{color:var(--ink);-webkit-tap-highlight-color:transparent;caret-color:var(--sun);background:radial-gradient(120% 80% at 50% 0%, #0f4e99 0%, var(--sea-deep) 60%, #05203e 100%);font:800 16px/1.25 Nunito,system-ui,sans-serif}::selection{background:var(--sun);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline-offset:3px;border-radius:18px;outline:4px solid #fff}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}svg,img{display:block}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:8px}.lettering{letter-spacing:.01em;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-family:Lilita One,Nunito,sans-serif;font-weight:400}#app{clip-path:inset(0);width:100%;max-width:430px;height:100dvh;margin:0 auto;position:relative}@media (min-width:640px){#app{clip-path:inset(0 round 36px);height:min(100dvh,932px);top:50%;translate:0 -50%}#app:after{content:"";z-index:40;box-shadow:inset 0 0 0 4px var(--ink);pointer-events:none;border-radius:36px;position:absolute;inset:0}body:before{content:"";background:var(--rays-light) center 30% / 1400px 1400px no-repeat;opacity:.5;pointer-events:none;position:fixed;inset:0}}.screen{z-index:var(--z-screen);padding:max(12px, env(safe-area-inset-top)) 14px 0;scrollbar-width:thin;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen:not(.is-active){display:none}#home{background:linear-gradient(180deg, var(--sky-hi) 0%, #247ad6 38%, #0f5eb6 64%, var(--sea) 100%);padding-bottom:calc(86px + env(safe-area-inset-bottom))}.sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rays{background:var(--rays-light) center / 100% 100% no-repeat;border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;animation:60s linear infinite spin;position:absolute;top:31%;left:50%;-webkit-mask:radial-gradient(circle,#000 0 30%,#0000 62%);mask:radial-gradient(circle,#000 0 30%,#0000 62%)}.cloud{opacity:.95;background:#fff;border-radius:30px;height:34px;position:absolute;box-shadow:0 6px #0d5c9659}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:46px;height:46px;top:-24px;left:14px}.cloud:after{width:34px;height:34px;top:-16px;left:48px}.c1{width:110px;animation:26s linear infinite drift;top:170px;left:-20px}.c2{width:90px;animation:34s linear infinite reverse drift;top:260px;right:-10px;scale:.8}.c3{opacity:.8;width:70px;animation:40s linear infinite drift;top:128px;left:40%;scale:.6}@keyframes drift{0%{translate:-30px}to{translate:60px}}@keyframes spin{to{rotate:360deg}}.topbar{z-index:var(--z-ui);justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex;position:relative}.profile{border-radius:14px;align-items:center;display:flex}.badge-level{z-index:1;color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#c0306f,#8f1f52);place-items:center;width:44px;height:44px;font-size:21px;display:grid;position:relative}.badge-level:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(#d1427f,#9a2259);position:absolute;inset:3px}.badge-ring{z-index:-2;background:var(--ink);clip-path:inherit;position:absolute;inset:0}.xp{background:var(--sea-deep);border:3px solid var(--ink);border-radius:0 12px 12px 0;width:92px;margin-left:-10px;position:relative;overflow:hidden}.xp-fill{transform-origin:0;width:calc(100% - 4px);scale:var(--p,0) 1;background:linear-gradient(180deg, #b6ff7a, var(--green-lo));transition:scale .6s var(--ease-out);border-radius:0 8px 8px 0;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:inset 0 -4px #0000002e}.xp-text{text-align:center;color:#fff;text-shadow:0 1.5px 0 var(--ink);font-variant-numeric:tabular-nums;padding:4px 6px 4px 12px;font:900 12px/14px Nunito;display:block;position:relative}.wallet{align-items:center;gap:6px;display:flex}.pill{border:3px solid var(--ink);min-height:36px;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#0b3866,#07294d);border-radius:18px;align-items:center;gap:4px;padding:4px 10px 4px 4px;display:flex}.pill svg{filter:drop-shadow(0 2px #00000059);width:30px;height:30px;margin:-6px 0 -6px -10px}.pill b{color:#fff;-webkit-text-stroke-width:4px;font-variant-numeric:tabular-nums;font-size:18px}.pill.is-bump{animation:bump .38s var(--ease-pop)}@keyframes bump{40%{scale:1.18}}.icon-btn{border:3px solid var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);color:#fff;transition:transform .11s var(--ease-out);background:linear-gradient(#0b3866,#07294d);border-radius:14px;flex:none;place-items:center;display:grid}.icon-btn:active{transform:translateY(2px)}.icon-btn svg{width:24px;height:24px}.streak-row{z-index:var(--z-ui);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex;position:relative}.streak{background:#0b3866;border-radius:16px;align-items:center;gap:2px;padding:3px 12px 3px 4px;display:flex}.streak svg{width:30px;height:30px}.streak b{color:#fff;-webkit-text-stroke-width:4px;font-variant-numeric:tabular-nums;font-size:22px}.streak small{color:#fff;margin-left:5px;font:900 13px/1 Nunito}.streak.is-cold svg{filter:grayscale()brightness(1.4);opacity:.7}.daily-timer{color:#fff;white-space:nowrap;background:#0b3866;border-radius:14px;padding:8px 12px;font:800 13px/1 Nunito}.daily-timer b{font-variant-numeric:tabular-nums;font-weight:900}.stage{z-index:2;flex:none;width:320px;height:clamp(230px,33dvh,300px);margin-top:2px;position:relative}.globe-home{aspect-ratio:1;width:min(270px,100% - 40px);animation:4s ease-in-out infinite bob;position:absolute;top:0;left:50%;translate:-50%}.globe-home canvas,.globe-q canvas,.globe-result canvas{width:100%;height:100%;display:block}@keyframes bob{50%{translate:-50% -6px}}.island{width:270px;height:70px;margin-left:-135px;position:absolute;bottom:0;left:50%}.island-top{border:4px solid var(--ink);z-index:1;background:radial-gradient(at 50% 30%,#9cf06b,#4fbf35 60%,#2f8a22);border-radius:50%;height:40px;position:absolute;top:10px;left:20px;right:20px}.island-rock{border:4px solid var(--ink);background:linear-gradient(#c98a4a,#8a5427);border-radius:0 0 50% 50%/0 0 100% 100%;height:40px;position:absolute;top:30px;left:34px;right:34px}.wave{background:#ffffff8c;border-radius:6px;height:12px;position:absolute}.w1{width:60px;animation:3s ease-in-out infinite lap;bottom:6px;left:-6px}.w2{width:44px;animation:3.6s ease-in-out infinite reverse lap;bottom:14px;right:-4px}@keyframes lap{50%{opacity:.7;translate:8px}}.pin-deco{z-index:3;background:var(--ribbon);border:3px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);width:38px;height:46px;animation:pinbob 1.6s var(--ease-pop) infinite;border-radius:50%/45% 45% 55% 55%;place-items:start center;display:grid;position:absolute;top:58px;right:52px}.pin-deco span{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font:400 22px/38px Lilita One}@keyframes pinbob{0%,to{translate:0}50%{translate:0 -8px}}.marco{z-index:4;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px #06324a59);width:90px;height:auto;animation:hop 3.2s var(--ease-out) infinite;position:absolute;bottom:-6px;left:-4px}@keyframes hop{0%,72%,to{translate:0}84%{translate:0 -6px}}.speech{z-index:5;border:3px solid var(--ink);max-width:172px;box-shadow:0 4px 0 var(--ink);color:var(--ink);text-wrap:balance;background:#fff;border-radius:16px;padding:7px 10px;font:900 13px/1.35 Nunito;position:absolute;bottom:140px;left:-2px}.speech:after{content:"";border:3px solid var(--ink);background:#fff;border-top:0;border-right:0;width:16px;height:14px;position:absolute;bottom:-12px;left:14px;transform:skew(-30deg)}.title{z-index:var(--z-ui);flex-direction:column;align-items:center;margin-top:2px;line-height:.95;display:flex;position:relative;rotate:-3deg}.title span{color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke-width:9px;text-shadow:0 5px 0 var(--ink);white-space:nowrap;font-size:clamp(34px,10.4vw,44px)}.title span:last-child{-webkit-text-fill-color:var(--sun);margin-top:-2px;font-size:clamp(42px,13vw,56px)}.modes{z-index:var(--z-ui);grid-template-columns:1fr 1fr;gap:12px 10px;width:100%;margin-top:12px;display:grid;position:relative}.mode{--face:var(--green);--low:var(--green-lo);--lip:var(--green-lip);text-align:left;background:linear-gradient(180deg, color-mix(in oklab, var(--face) 70%, #fff) 0%, var(--face) 42%, var(--low) 100%);border:3px solid var(--ink);min-height:70px;box-shadow:inset 0 3px 0 #ffffff73, 0 6px 0 var(--lip), 0 6px 0 3px var(--ink), 0 14px 14px #00000052;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:46px 1fr;align-items:center;column-gap:6px;padding:8px 8px 10px 6px;display:grid;position:relative}.mode:active{box-shadow:inset 0 3px 0 #ffffff73, 0 2px 0 var(--lip), 0 2px 0 3px var(--ink), 0 6px 8px #00000052;transform:translateY(4px)}.mode-grape{--face:var(--grape);--low:var(--grape-lo);--lip:var(--grape-lip)}.mode-coral{--face:var(--coral);--low:var(--coral-lo);--lip:var(--coral-lip)}.mode-sun{--face:var(--sun);--low:var(--sun-lo);--lip:var(--sun-lip)}.mode-ic{filter:drop-shadow(0 3px #1b134073);grid-row:span 2;width:46px;height:46px}.mode-name{color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke-width:4px;text-shadow:0 2px 0 var(--ink);font-size:17px;line-height:1.02}.mode-sub{color:color-mix(in oklab, var(--lip) 35%, #000);align-items:center;gap:3px;font:900 12px/1.35 Nunito;display:flex}.mode-sub svg{flex:none;width:14px;height:14px}.mode-tag{background:var(--ribbon);border:3px solid var(--ink);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:10px;padding:3px 9px 4px;font:400 13px/1 Lilita One;position:absolute;top:-12px;right:-6px;rotate:6deg}.mode-tag.is-done{background:var(--green-lo)}.mode.is-today{outline-offset:3px;outline:4px solid #fff}.mode.is-locked .mode-ic{opacity:.85}.mode.is-shake{animation:.3s ease-in-out shake}.btn{--face:var(--sun);--low:var(--sun-lo);--lip:var(--sun-lip);border:4px solid var(--ink);background:linear-gradient(180deg, color-mix(in oklab, var(--face) 55%, #fff) 0%, var(--face) 40%, var(--low) 100%);box-shadow:inset 0 4px 0 #ffffff8c, 0 8px 0 var(--lip), 0 8px 0 4px var(--ink), 0 18px 18px #0000005c;transition:transform .11s var(--ease-out), box-shadow .11s var(--ease-out);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:14px 14px 30px 30px;height:34%;position:absolute;top:6px;left:12px;right:12px}.btn:active{box-shadow:inset 0 4px 0 #ffffff8c, 0 2px 0 var(--lip), 0 2px 0 4px var(--ink), 0 6px 8px #0000005c;transform:translateY(6px)}.btn>span{color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-family:Lilita One,sans-serif;font-size:30px;line-height:1}.btn small{color:color-mix(in oklab, var(--lip) 30%, #000);font:900 12px/1.35 Nunito}.btn-green{--face:var(--green);--low:var(--green-lo);--lip:var(--green-lip)}.btn-coral{--face:var(--coral);--low:var(--coral-lo);--lip:var(--coral-lip)}.btn-row{flex-direction:row;gap:8px}.btn-row svg{color:#fff;width:26px;height:26px;filter:drop-shadow(0 2px 0 var(--ink))}.btn-play{--face:var(--green);--low:var(--green-lo);--lip:var(--green-lip);z-index:var(--z-ui);flex:none;gap:6px;width:236px;min-height:82px;margin:22px 0 18px;position:relative}.btn-play>span{font-size:38px}.btn-play.is-idle{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{scale:1.035}}.btn-play.is-done{--face:var(--sun);--low:var(--sun-lo);--lip:var(--sun-lip)}.btn-play.is-done>span{font-size:28px}.tabbar{z-index:6;height:calc(70px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:linear-gradient(#1c568f,#0c3763);grid-template-columns:repeat(4,1fr);align-items:end;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 16px #0000004d}.tabbar button{color:var(--foam);border-radius:16px 16px 0 0;flex-direction:column;align-items:center;gap:2px;padding:8px 0;font:900 12px/1 Nunito;display:flex}.tabbar svg{filter:drop-shadow(0 2px #00000059);width:30px;height:30px}.tabbar .is-on{box-shadow:0 0 0 4px var(--ink);color:var(--ink);background:linear-gradient(#ffd85c,#f2a51f);height:calc(100% + 10px);margin:0 -2px;padding-top:10px;position:relative;translate:0 -10px}.tabbar .is-on svg{width:36px;height:36px}#round{background:radial-gradient(130% 70% at 50% 0%, #2b8ad9 0%, #115bae 40%, var(--sea) 75%, var(--sea-deep) 100%);padding-bottom:24px}.sea{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sea:before{content:"";background:radial-gradient(circle at 20% 30%,#ffffff14 0 6%,#0000 7%),radial-gradient(circle at 80% 60%,#ffffff12 0 5%,#0000 6%),radial-gradient(circle at 40% 85%,#ffffff0f 0 8%,#0000 9%);position:absolute;inset:-20%}.sea-wave{background:#04283a8c;border-radius:50% 50% 0 0;height:160px;position:absolute;bottom:-40px;left:-10%;right:-10%}.round-top{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid;position:relative}.round-left{align-items:center;gap:8px;display:flex}.quit{border-radius:12px;width:36px;height:36px}.quit svg{width:18px;height:18px}.pips{gap:6px;display:flex}.pip{background:var(--sea-night);border:3px solid var(--ink);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 3px #0000004d}.pip.is-on{background:radial-gradient(circle at 35% 30%, #fff8c2, var(--sun) 50%, var(--sun-lo));box-shadow:0 2px 0 var(--ink)}.pip.is-done{background:radial-gradient(circle at 35% 30%, #d9ffc2, var(--green) 50%, var(--green-lo))}.pip.is-miss{background:radial-gradient(circle at 35% 30%, #ffd0d2, var(--coral) 50%, var(--coral-lo))}.timer{width:74px;height:74px;position:relative}.timer svg{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.t-track{fill:var(--sea-night);stroke:var(--ink);stroke-width:12px}.t-fill{fill:none;stroke:var(--sun);stroke-width:7px;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:0}.timer.is-low .t-fill{stroke:var(--coral)}.timer.is-low{animation:.5s ease-in-out infinite throb}.timer.is-paused{opacity:.6}@keyframes throb{50%{scale:1.08}}.timer b{color:#fff;-webkit-text-stroke-width:6px;font-variant-numeric:tabular-nums;place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.combo{grid-template-rows:auto auto;grid-template-columns:auto auto;justify-self:end;align-items:center;column-gap:2px;display:grid}.combo svg{grid-row:span 2;width:34px;height:34px}.combo-x{color:var(--sun);-webkit-text-stroke-width:5px;font-size:22px;line-height:1}.combo-bar{background:var(--sea-night);border:3px solid var(--ink);border-radius:6px;width:52px;height:12px;overflow:hidden}.combo-bar i{transform-origin:0;width:100%;height:100%;transition:scale .3s var(--ease-pop);background:linear-gradient(90deg,#ffe45c,#ff7a29);display:block;scale:.15 1}.combo.is-hot svg{animation:.4s ease-in-out infinite alternate flick}@keyframes flick{to{translate:0 -2px;scale:1.15 1.25}}.q-card{z-index:2;background:linear-gradient(180deg, var(--paper-hi), var(--paper));border:4px solid var(--ink);width:100%;box-shadow:0 8px 0 #b98f3f, 0 8px 0 4px var(--ink), 0 22px 26px #0006;border-radius:24px;flex:none;margin-top:24px;padding:26px 14px 14px;position:relative}.q-ribbon{background:var(--ribbon);clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);filter:drop-shadow(0 4px 0 var(--ink));white-space:nowrap;padding:9px 30px 10px;position:absolute;top:-20px;left:50%;translate:-50%}.q-ribbon span{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font:400 16px/1 Lilita One}.q-text:focus{outline:none}.q-text{text-align:center;color:var(--ink);-webkit-text-stroke:0;text-shadow:0 2px #e8901a73;text-wrap:balance;font-family:Lilita One,sans-serif;font-size:clamp(22px,6.4vw,26px);line-height:1.1}.q-body{margin:12px -14px 0;position:relative;overflow:hidden}.q-body:empty{display:none}.q-chips{align-items:stretch;gap:8px;margin-top:10px;display:flex}.chip{color:#5a3b0a;text-wrap:pretty;background:#f3dfa8;border-radius:12px;flex:1;align-items:center;gap:4px;padding:7px 10px;font:800 13px/1.35 Nunito;display:flex}.hint-btn{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink);transition:transform .11s var(--ease-out);background:linear-gradient(#fff27a,#ffd02a);border-radius:12px;flex:none;align-items:center;gap:4px;padding:6px 10px 6px 6px;font:900 13px/1.35 Nunito;display:flex}.hint-btn:active{transform:translateY(2px)}.hint-btn svg{width:22px;height:22px}.hint-btn .cost{font-variant-numeric:tabular-nums;align-items:center;gap:1px;display:flex}.hint-btn .cost svg{width:18px;height:18px}.hint-btn.is-used,.hint-btn:disabled{box-shadow:none;background:#fff;translate:0 3px}.hint-btn:disabled:not(.is-used){opacity:.7}.globe-q{background:radial-gradient(120% 120% at 50% 40%,#12305a 0%,#071629 70%);height:clamp(170px,24dvh,210px);position:relative}.stars-bg{opacity:.7;background:#fff;border-radius:50%;width:2px;height:2px;position:absolute;top:0;left:0;box-shadow:47px 34px #fff,320px 50px #fff,110px 150px #dde,250px 130px #fff,350px 160px #fff,22px 110px #fff,190px 20px #fff,300px 95px #dde}.globe-tag{z-index:2;background:var(--paper-hi);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .2s var(--ease-out);border-radius:10px;padding:4px 10px 5px;font:900 13px/1 Nunito;position:absolute;top:0;left:0;translate:-50% calc(-100% - 14px)}.globe-tag.is-on{opacity:1}.globe-tag:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:10px;position:absolute;bottom:-10px;left:50%;translate:-50%}.globe-fallback{color:var(--foam);text-align:center;place-items:center;padding:16px;font:900 14px/1.35 Nunito;display:grid;position:absolute;inset:0}.duel-art{background:linear-gradient(#13304f,#0b1f36);justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.duel-art svg{filter:drop-shadow(0 3px #0006);flex:none;width:44px;height:44px}.duel-art span{color:var(--sun);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-wrap:balance;font:400 21px/1.05 Lilita One}.chip:empty{visibility:hidden}.shape-box{background:radial-gradient(90% 90% at 50% 45%,#2a71b3 0%,#13508c 60%,#0b3a6c 100%);place-items:center;height:clamp(170px,24dvh,210px);display:grid;position:relative}.shape-box svg{aspect-ratio:1;filter:drop-shadow(0 6px #041e2e99);width:auto;height:92%;position:relative}.shape-box path{fill:url(#g-land);stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round;paint-order:stroke fill}.flag-box{background:linear-gradient(#13304f,#0b1f36);place-items:center;padding:14px 0;display:grid;position:relative}.flag-frame{aspect-ratio:4/3;outline:4px solid var(--ink);clip-path:inset(0 round 12px);background:#fff;border-radius:12px;width:min(240px,70%);position:relative}.flag-frame img{object-fit:cover;width:100%;height:100%}.flag-tiles{perspective:600px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.tile{transform-style:preserve-3d;transition:transform .52s var(--ease-in-out);position:relative}.tile:before{content:"";backface-visibility:hidden;border:2px solid var(--ink);background:linear-gradient(135deg,#2c64a0,#1b4982);position:absolute;inset:0}.tile:after{content:"?";backface-visibility:hidden;color:var(--foam);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;place-items:center;font:400 22px/1 Lilita One;display:grid;position:absolute;inset:0}.tile.is-open{transform:rotateY(180deg)}.clue-box{padding:12px 14px}.clue-list{gap:8px;list-style:none;display:grid}.clue-list li{min-height:44px;transition:opacity .26s var(--ease-out), transform .26s var(--ease-out);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex;position:relative}.clue-list li.is-hidden{opacity:.35;transform:scale(.97)}.clue-list li.is-hidden .clue-t{visibility:hidden}.clue-list li.is-hidden:after{content:"Next clue on its way";color:var(--ink-soft);font:800 14px/1 Nunito;position:absolute;top:50%;left:52px;translate:0 -50%}.clue-list b{background:var(--grape-lo);border:3px solid var(--ink);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font:400 18px/1 Lilita One;display:grid}.clue-t{color:var(--ink);text-wrap:pretty;font:900 16px/1.35 Nunito}.plate-box{background:linear-gradient(#13304f,#0b1f36);place-items:center;padding:16px 12px;display:grid}.plate{align-items:center;gap:12px;max-width:100%;padding:6px 4px;display:flex;position:relative}.plate svg{filter:drop-shadow(0 3px #0006);flex:none;width:44px;height:44px}.plate span{color:var(--sun);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);text-wrap:balance;font-family:Lilita One,sans-serif;font-size:28px;line-height:1.05}.plate.is-postcard span{color:#fff}.answers{z-index:2;flex:none;grid-template-columns:1fr 1fr;gap:18px 12px;width:100%;margin-top:28px;display:grid;position:relative}.answer{--face:#fff;--low:#d8e7f7;--lip:#7f9cbd;text-align:left;background:linear-gradient(180deg, var(--face), var(--low));border:3px solid var(--ink);min-height:76px;box-shadow:0 6px 0 var(--lip), 0 6px 0 3px var(--ink), 0 14px 14px #00000052;transition:transform .11s var(--ease-out), box-shadow .11s var(--ease-out), opacity .2s var(--ease-out), filter .2s var(--ease-out);border-radius:18px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:relative}.answer:active:not(:disabled){box-shadow:0 2px 0 var(--lip), 0 2px 0 3px var(--ink), 0 6px 8px #00000052;transform:translateY(4px)}.answer .a-name{color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);text-wrap:balance;overflow-wrap:anywhere;font-family:Lilita One,sans-serif;font-size:clamp(16px,4.6vw,19px);line-height:1.02}.answer .a-key{background:var(--ink);color:#fff;border-radius:6px;padding:1px 6px;font:900 11px/1.35 Nunito;display:none;position:absolute;top:-11px;left:8px}.answer .flag{border:2.5px solid var(--ink);background:#fff;border-radius:6px;flex:none;width:40px;height:30px;overflow:hidden}.answer .flag img{object-fit:cover;width:100%;height:100%}.answer .a-ic{flex:none;width:34px;height:34px}.answer .coin-face{flex:none;width:42px;height:42px;position:relative}.answer .coin-face svg{width:100%;height:100%}.answer .coin-face i{color:#7a3f06;place-items:center;font:400 14px/1 Lilita One;display:grid;position:absolute;inset:0 0 4px}.a-stat{color:var(--ink-soft);opacity:0;transition:opacity .2s var(--ease-out);text-align:center;font:900 13px/1.35 Nunito}.answers.is-done .a-stat{opacity:1}.answer.is-right{--face:#b9ff8f;--low:var(--green-lo);--lip:var(--green-lip);animation:pop .52s var(--ease-pop)}.answer.is-right .a-stat,.answer.is-wrong .a-stat{color:var(--ink)}.answer.is-wrong{--face:#ffb3b5;--low:var(--coral-lo);--lip:var(--coral-lip);animation:.42s ease-in-out shake}.answer.is-dim{opacity:.55;filter:saturate(.4)}.answer.is-gone{opacity:.25;filter:grayscale();box-shadow:0 2px 0 var(--lip), 0 2px 0 3px var(--ink);translate:0 4px}.answer .tick{background:var(--green-lo);border:3px solid var(--ink);width:34px;height:34px;animation:pop .4s var(--ease-pop);border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;right:-10px}.answer .tick svg{width:22px;height:22px}@keyframes pop{0%{scale:1}35%{scale:1.12 .92}60%{scale:.96 1.05}to{scale:1}}@keyframes shake{20%,60%{translate:-8px}40%,80%{translate:8px}}.answers.is-duel{gap:12px 26px;height:clamp(210px,34dvh,300px);min-height:210px;margin-top:26px}.answers.is-duel .answer{text-align:center;flex-direction:column;justify-content:center;gap:8px;height:100%;min-height:0;padding:14px 8px}.answers.is-duel .flag{border-width:3px;border-radius:10px;width:92px;height:69px}.answers.is-duel .a-ic{width:64px;height:64px}.answers.is-duel .a-name{max-width:100%;font-size:clamp(16px,4.7vw,20px)}.answers.is-duel .answer.is-dim{opacity:.8}.vs{background:var(--coral);border:3px solid var(--ink);width:48px;height:48px;box-shadow:0 4px 0 var(--ink);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;pointer-events:none;border-radius:50%;place-items:center;font:400 20px/1 Lilita One;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.answers.is-truth .answer:first-child{--face:#d9ffc6;--low:#9fe07f;--lip:var(--green-lip)}.answers.is-truth .answer:nth-child(2){--face:#ffd9da;--low:#ff9ea2;--lip:var(--coral-lip)}.receipt{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:8;background:var(--paper-hi);border:4px solid var(--ink);box-shadow:0 8px 0 #b98f3f, 0 8px 0 4px var(--ink), 0 24px 40px #00000080;transition:translate .36s var(--ease-drawer);visibility:hidden;border-radius:20px 20px 18px 18px;padding:16px 14px 14px;position:absolute;translate:0 calc(100% + 40px)}.receipt.is-on{visibility:visible;translate:0}.receipt:before{content:"";background:radial-gradient(circle at 6px -2px, transparent 6px, var(--paper-hi) 6.5px) 0 0 / 14px 10px repeat-x;height:10px;position:absolute;top:-4px;left:14px;right:14px}.r-head{align-items:center;gap:10px;display:flex}.r-verdict{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);color:var(--ink);-webkit-text-fill-color:var(--green);font-family:Lilita One,sans-serif;font-size:24px;line-height:1}.receipt.is-miss .r-verdict{-webkit-text-fill-color:var(--coral)}.r-gain{color:var(--paper-ink);font-variant-numeric:tabular-nums;align-items:center;gap:2px;margin-left:auto;font:900 16px/1 Nunito;display:flex}.r-gain svg{width:24px;height:24px}.r-answer{color:var(--ink-soft);margin-top:6px;font:900 14px/1.35 Nunito}.r-body{border-top:2px dashed #e0c98f;gap:10px;margin-top:10px;padding-top:10px;display:flex}.r-body>svg{flex:none;width:34px;height:34px}.r-fact{color:var(--ink);text-wrap:pretty;font:900 15px/1.35 Nunito}.r-src{color:var(--paper-ink);text-wrap:pretty;margin-top:6px;font:800 13px/1.35 Nunito;display:inline-block}.r-src svg{vertical-align:-2px;width:14px;height:14px;margin-left:4px;display:inline-block}.r-next{width:100%;min-height:60px;margin-top:14px}.r-next>span{-webkit-text-stroke-width:6px;font-size:26px}.marco-round{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50% 100%;width:92px;height:auto;position:absolute;bottom:-14px;right:2px}.marco-round.is-cheer{animation:cheer .7s var(--ease-pop)}.marco-round.is-sad{animation:.6s ease-in-out sad}@keyframes cheer{40%{translate:0 -10px}to{translate:0}}@keyframes sad{30%{rotate:-4deg}65%{rotate:3deg}to{rotate:0deg}}.toast{z-index:9;pointer-events:none;opacity:0;color:var(--sun);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);white-space:nowrap;font:400 42px/1 Lilita One;position:absolute;top:40%;left:50%;translate:-50%}.toast.is-on{animation:toast 1.1s var(--ease-out) forwards}@keyframes toast{0%{opacity:0;rotate:-8deg;scale:.6}18%{opacity:1;rotate:3deg;scale:1.15}30%{rotate:-2deg;scale:1}75%{opacity:1;translate:-50% -10px}to{opacity:0;translate:-50% -40px}}#result{padding-bottom:calc(24px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 10%,#ffd85c 0%,#ff9a3c 32%,#e0533f 62%,#7a1f52 100%)}.burst{background:var(--rays-bright) center / 100% 100% no-repeat;border-radius:50%;width:820px;height:820px;margin:-410px 0 0 -410px;animation:40s linear infinite spin;position:absolute;top:150px;left:50%;-webkit-mask:radial-gradient(circle,#000 0 20%,#0000 60%);mask:radial-gradient(circle,#000 0 20%,#0000 60%)}.ribbon{z-index:2;background:linear-gradient(180deg, #8ff07a, var(--green) 45%, var(--green-lo));border:4px solid var(--ink);box-shadow:0 6px 0 var(--green-lip), 0 6px 0 4px var(--ink);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);flex:none;margin-top:12px;padding:12px 38px 14px;position:relative}.ribbon span{color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke-width:8px;text-shadow:0 4px 0 var(--ink);white-space:nowrap;font-size:32px}.stars{z-index:2;flex:none;align-items:flex-end;gap:2px;height:80px;margin-top:8px;display:flex;position:relative}.stars svg{filter:drop-shadow(0 4px #1b134099);width:60px;height:60px}.stars svg:nth-child(2){width:80px;height:80px}.stars svg.is-in{animation:starin .52s var(--ease-pop) both}@keyframes starin{0%{opacity:0;rotate:-40deg;scale:.4}to{opacity:1;rotate:0deg;scale:1}}.share-card{z-index:2;border:4px solid var(--ink);width:100%;box-shadow:inset 0 3px 0 #ffffff1f, 0 8px 0 #050f1c, 0 8px 0 4px var(--ink), 0 24px 26px #0006;background:linear-gradient(#13304f,#0b1f36);border-radius:24px;flex:none;margin-top:10px;padding:12px;position:relative}.sc-head{color:#fff;align-items:center;gap:8px;display:flex}.sc-marco{object-fit:cover;object-position:50% 4%;background:var(--sky-hi);width:50px;height:50px;box-shadow:0 0 0 3px var(--ink);border-radius:50%;flex:none}.sc-head b{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font:400 19px/1 Lilita One;display:block}.sc-head span{color:#a9c6e3;font:800 12px/1.35 Nunito}.sc-head .sc-score{color:var(--sun);-webkit-text-stroke-width:6px;font-variant-numeric:tabular-nums;margin-left:auto;font-size:32px}.globe-result{height:140px;margin-top:6px;position:relative}.sc-grid{justify-content:center;gap:8px;margin-top:8px;display:flex}.sc-grid i{border:3px solid var(--ink);width:58px;height:40px;color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:10px;place-items:center;font:400 15px/1 Lilita One;display:grid}.sc-grid .g1{background:linear-gradient(180deg, #b9ff8f, var(--green-lo))}.sc-grid .g2{background:linear-gradient(180deg, #fff27a, var(--sun-lo))}.sc-grid .g0{background:linear-gradient(#ffc4c6,#ff7a7e)}.sc-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.sc-stats span{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:4px;padding:6px 4px;display:grid}.sc-stats svg{grid-row:span 2;width:26px;height:26px}.sc-stats b{color:#fff;font-variant-numeric:tabular-nums;font:900 17px/1 Nunito}.sc-stats small{color:#a9c6e3;font:800 12px/1.35 Nunito}.chest-row{z-index:2;text-align:left;background:#5e1a3e;border-radius:18px;flex:none;align-items:center;gap:10px;width:100%;margin-top:16px;padding:8px 12px 8px 8px;display:flex;position:relative}.chest{transform-origin:50% 100%;flex:none;width:58px;height:50px}.chest-row:not(:disabled) .chest{animation:1.8s ease-in-out infinite rattle}.chest-row.is-open .chest{animation:chestpop .52s var(--ease-pop)}@keyframes rattle{0%,70%,to{rotate:0deg}75%{rotate:-6deg}80%{rotate:6deg}85%{rotate:-4deg}90%{rotate:3deg}}@keyframes chestpop{40%{scale:1.25 .85}70%{scale:.92 1.1}}.chest-row b{color:#fff;font:900 15px/1.35 Nunito;display:block}.chest-row span{color:#ffe1d6;font:800 13px/1.25 Nunito}.receipts{z-index:2;background:var(--paper-hi);border:4px solid var(--ink);width:100%;box-shadow:0 6px 0 #b98f3f, 0 6px 0 4px var(--ink);border-radius:20px;flex:none;margin-top:16px;padding:12px;position:relative}.receipts h2{color:var(--ink);align-items:center;gap:8px;font:400 20px/1 Lilita One;display:flex}.receipts h2 svg{width:28px;height:28px}.receipts ol{gap:10px;margin-top:10px;list-style:none;display:grid}.receipts li{border-top:2px dashed #e0c98f;grid-template-columns:26px 1fr;gap:8px;padding-top:10px;display:grid}.receipts li>i{border:2.5px solid var(--ink);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:8px;place-items:center;width:26px;height:26px;font:400 13px/1 Lilita One;display:grid}.receipts li>i.g1{background:#237519}.receipts li>i.g2{background:#9e5309}.receipts li>i.g0{background:#c42a35}.receipts p{color:var(--ink);text-wrap:pretty;font:900 14px/1.35 Nunito}.receipts a{color:var(--paper-ink);margin-top:4px;font:800 13px/1.35 Nunito;display:inline-block}.receipts a svg{vertical-align:-2px;width:13px;height:13px;margin-left:4px;display:inline-block}.result-actions{z-index:2;flex:none;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:22px;display:grid;position:relative}.result-actions .btn{min-height:62px}.result-actions .btn>span{-webkit-text-stroke-width:6px;font-size:25px}.next-in{z-index:2;color:#fff;text-shadow:0 2px #1b134080;background:#5e1a3e;border-radius:14px;margin-top:18px;padding:8px 14px;font:900 14px/1 Nunito;position:relative}.next-in b{font-variant-numeric:tabular-nums}.credit{z-index:2;color:#ffe8de;text-align:center;text-wrap:pretty;background:#5e1a3e;border-radius:14px;max-width:34ch;margin:12px 0 8px;padding:8px 12px;font:700 12px/1.4 Nunito;position:relative}.sheet{width:min(430px,100%);max-height:88dvh;color:var(--ink);background:0 0;border:0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:visible}.sheet::backdrop{background:#0416249e}.sheet[open]{animation:sheetin .32s var(--ease-drawer)}@keyframes sheetin{0%{translate:0 100%}}.sheet-in{max-height:88dvh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--paper-hi), var(--paper));box-shadow:0 0 0 4px var(--ink);border-radius:28px 28px 0 0;overflow-y:auto}.sheet h2{color:var(--ink);-webkit-text-fill-color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);text-wrap:balance;font-family:Lilita One,sans-serif;font-size:30px;line-height:1.05}.sheet h3{color:var(--ink);margin-top:18px;font:400 19px/1.1 Lilita One}.sheet p,.sheet li{color:var(--ink-soft);text-wrap:pretty;font:800 15px/1.4 Nunito}.sheet p{margin-top:8px}.sheet ul,.sheet ol{gap:6px;margin-top:8px;padding-left:20px;display:grid}.sheet .btn{width:100%;min-height:60px;margin-top:22px}.sheet .btn>span{-webkit-text-stroke-width:6px;font-size:25px}.sheet-close{z-index:2;position:absolute;top:-18px;right:12px}.sheet-hero{align-items:center;gap:12px;display:flex}.sheet-hero .sheet-marco{-webkit-user-select:none;user-select:none;flex:none;align-self:flex-end;width:78px;height:auto}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.stat-grid div{background:#ffffffb3;border-radius:14px;padding:10px 12px}.stat-grid b{color:var(--ink);font-variant-numeric:tabular-nums;font:400 28px/1 Lilita One;display:block}.stat-grid span{color:var(--ink-soft);font:800 13px/1.35 Nunito}.toggle-row{background:#ffffffb3;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.toggle-row span{font:900 15px/1.35 Nunito}.toggle-row small{color:var(--ink-soft);font:800 12px/1.35 Nunito;display:block}.switch{border:3px solid var(--ink);width:58px;height:34px;transition:background-color .16s var(--ease-out);background:#c9d4dd;border-radius:17px;flex:none;position:relative}.switch:after{content:"";border:2.5px solid var(--ink);width:24px;height:24px;transition:translate .16s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{translate:24px}.note{color:var(--paper-ink);margin-top:10px;font:800 13px/1.35 Nunito}.state-card{z-index:var(--z-ui);background:var(--paper-hi);border:4px solid var(--ink);width:100%;box-shadow:0 6px 0 #b98f3f, 0 6px 0 4px var(--ink);text-align:center;border-radius:20px;margin-top:18px;padding:14px;position:relative}.state-card p{color:var(--ink);font:900 15px/1.35 Nunito}.state-card .btn{width:180px;min-height:52px;margin:14px auto 6px}.state-card .btn>span{-webkit-text-stroke-width:5px;font-size:22px}@media (max-height:780px){.stage{height:clamp(190px,29dvh,240px)}.globe-home{width:min(220px,100% - 60px)}.island{width:230px;height:60px;margin-left:-115px}.speech{max-width:160px;bottom:114px}.title span{font-size:clamp(30px,9vw,38px)}.title span:last-child{font-size:clamp(36px,11vw,46px)}.modes{gap:10px 8px;margin-top:8px}.mode{min-height:62px;padding-block:6px 8px}.btn-play{min-height:72px;margin:16px 0 14px}.btn-play>span{font-size:32px}.q-card{margin-top:20px}.answers{gap:14px 10px;margin-top:22px}.answer{min-height:66px}}.wipe{z-index:var(--z-wipe);pointer-events:none;position:absolute;inset:0;overflow:hidden}.wipe i{background:#fff;border-radius:50%;width:360px;height:360px;position:absolute;translate:760px;box-shadow:inset 0 -18px #d6e8fb}.wipe i:first-child{top:-120px;left:-40px}.wipe i:nth-child(2){width:420px;height:420px;top:120px;left:60px}.wipe i:nth-child(3){top:400px;left:-60px}.wipe i:nth-child(4){width:400px;height:400px;top:600px;left:40px}.wipe i:nth-child(5){width:300px;height:300px;top:260px;left:-160px}.wipe.is-on i{animation:wipe .76s var(--ease-in-out) both}.wipe.is-on i:nth-child(2){animation-delay:40ms}.wipe.is-on i:nth-child(3){animation-delay:80ms}.wipe.is-on i:nth-child(4){animation-delay:30ms}.wipe.is-on i:nth-child(5){animation-delay:60ms}@keyframes wipe{0%{translate:760px}45%,55%{translate:0}to{translate:-620px}}#fx{z-index:var(--z-fx);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.answer:hover:not(:disabled),.mode:hover{translate:0 -2px}.answer .a-key{display:block}}@media (prefers-reduced-motion:reduce){.rays,.burst,.cloud,.globe-home,.wave,.pin-deco,.marco,.btn-play.is-idle,.chest-row:not(:disabled) .chest,.combo.is-hot svg,.timer.is-low,.answer.is-right,.answer.is-wrong,.answer .tick,.stars svg.is-in,.marco-round.is-cheer,.marco-round.is-sad,.mode.is-shake,.pill.is-bump,.chest-row.is-open .chest{animation:none!important}.toast.is-on{animation:1.1s forwards fadeonly}.sheet[open]{animation:.2s fadeonly}.receipt{opacity:0;transition:opacity .2s,visibility;translate:0}.receipt.is-on{opacity:1}.tile{transition:opacity .2s}.tile.is-open{opacity:0;transform:none}.clue-list li.is-hidden{transform:none}}@keyframes fadeonly{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}