@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/lilita-one-latin-400.d2575d4fa3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/lilita-one-latin-ext-400.f40903e46b.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/fredoka-latin-500.7d76e44a94.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/fredoka-latin-ext-500.e3f1383246.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/fredoka-latin-600.b62f2898de.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/fredoka-latin-ext-600.d7d22ddf9d.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/fredoka-latin-700.ee61b48aca.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/fredoka-latin-ext-700.e5272989e8.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--sky1:#2CA6FE;--sky2:#38BBFE;--sky3:#42D6FD;--sky4:#4EE2FE;--puff-hi:#FFFFFF;--puff-mid:#F1FAFF;--puff-lo:#C9ECFC;--haze:rgba(255,255,255,.55);--star:transparent;--panel:rgba(255,255,255,.95);--panel-rim:#FFFFFF;--ink:#3B2670;--muted:#7C6AAE;--line:#E4DDF8;--well:#EFEAFD;--on-sky:#FFFFFF;--lm-fill:rgba(255,255,255,.62);--lm-soft:rgba(255,255,255,.3);--lm-bright:rgba(255,255,255,.95);--lm-shade:rgba(30,120,205,.18);--lm-cut:rgba(30,120,205,.4);--sky-shadow:rgba(10,60,120,.6);--sky-glow:rgba(10,70,140,.55);--drop:rgba(10,70,140,.28);--good:#34B233;--bad:#E5462F;--accent:#FFA41F;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--mono:var(--body);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--sky1:#06142E;--sky2:#0B2248;--sky3:#123463;--sky4:#1A4478;--puff-hi:#4A5E86;--puff-mid:#3A4C72;--puff-lo:#26365A;--haze:rgba(40,60,100,.35);--star:rgba(255,255,255,.85);--panel:rgba(38,27,88,.95);--panel-rim:#5C4AAE;--ink:#F4F0FF;--muted:#B9ABEA;--line:#43358A;--well:#2C2068;--on-sky:#FFFFFF;--lm-fill:rgba(175,200,255,.26);--lm-soft:rgba(175,200,255,.13);--lm-bright:rgba(220,232,255,.5);--lm-shade:rgba(4,12,34,.25);--lm-cut:rgba(4,12,34,.45);--sky-shadow:rgba(4,10,30,.7);--sky-glow:rgba(0,0,0,.4);--drop:rgba(0,0,0,.45)}}:root[data-theme=dark]{color-scheme:dark;--sky1:#06142E;--sky2:#0B2248;--sky3:#123463;--sky4:#1A4478;--puff-hi:#4A5E86;--puff-mid:#3A4C72;--puff-lo:#26365A;--haze:rgba(40,60,100,.35);--star:rgba(255,255,255,.85);--panel:rgba(38,27,88,.95);--panel-rim:#5C4AAE;--ink:#F4F0FF;--muted:#B9ABEA;--line:#43358A;--well:#2C2068;--on-sky:#FFFFFF;--lm-fill:rgba(175,200,255,.26);--lm-soft:rgba(175,200,255,.13);--lm-bright:rgba(220,232,255,.5);--lm-shade:rgba(4,12,34,.25);--lm-cut:rgba(4,12,34,.45);--sky-shadow:rgba(4,10,30,.7);--sky-glow:rgba(0,0,0,.4);--drop:rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 34%,var(--sky3) 68%,var(--sky4) 100%) fixed;background-color:var(--sky2);color:var(--on-sky);font:500 16px/1.4 var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}button:focus-visible{outline:3px solid #FFE066;outline-offset:3px}img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.scene .stars{position:absolute;inset:0 0 40%;background:radial-gradient(1.5px 1.5px at 12% 18%,var(--star),transparent),radial-gradient(1.5px 1.5px at 34% 8%,var(--star),transparent),radial-gradient(1px 1px at 58% 22%,var(--star),transparent),radial-gradient(1.5px 1.5px at 78% 12%,var(--star),transparent),radial-gradient(1px 1px at 90% 34%,var(--star),transparent),radial-gradient(1px 1px at 22% 40%,var(--star),transparent),radial-gradient(1.5px 1.5px at 66% 44%,var(--star),transparent),radial-gradient(1px 1px at 46% 30%,var(--star),transparent)}.bank{position:absolute;left:0;right:0;bottom:0;height:40vh;min-height:260px;--s:clamp(4.4px,1.25vw,5.4px)}body[data-route=settings] .bank,body[data-route=streak] .bank,body[data-route=country] .bank,body[data-route=explore] .bank,body[data-route=results] .bank,body[data-route=progress] .bank,body[data-route=about] .bank{display:none}.bank:before{content:"";position:absolute;inset:auto 0 0;height:60%;background:linear-gradient(to top,var(--haze),transparent)}.puff{position:absolute;left:var(--x);bottom:var(--y);width:calc(var(--s) * var(--w));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 30%,var(--puff-hi) 0,var(--puff-mid) 50%,var(--puff-lo) 100%);box-shadow:inset -8px -12px 24px #6eb9eb47;filter:blur(1.5px)}@media(min-width:900px){.bank{height:30vh}}.app{height:100vh;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 16px) 0 calc(var(--safe-l) + 16px)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;animation:enter .3s cubic-bezier(.3,1.4,.5,1)}@keyframes enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:20px;padding:8px 2px}.scroll.center{text-align:center}.scroll.center>:first-child{margin-top:auto}.scroll.center>:last-child{margin-bottom:auto}.dock{flex:none;display:flex;flex-direction:column;gap:12px;padding:12px 2px calc(var(--safe-b) + clamp(30px,6vh,56px))}.sky-text{text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.eyebrow{font:700 13px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.card .eyebrow{color:var(--muted);text-shadow:none}.btn{--b1:#9BEE63;--b2:#52CC38;--b3:#3BB52B;--edge:#279320;--tx:#1F7A18;position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,300px);margin-inline:auto;align-self:center;height:60px;padding:0 28px;border:3px solid #fff;border-radius:20px;background:linear-gradient(180deg,var(--b1),var(--b2) 55%,var(--b3));color:#fff;font:26px/1 var(--display);letter-spacing:.02em;text-transform:none;text-shadow:0 2px 0 var(--tx);box-shadow:inset 0 -6px 0 var(--edge),0 5px 0 var(--drop),0 12px 20px -8px var(--drop);transition:transform .08s,box-shadow .08s}.btn:after{content:"";position:absolute;left:8%;right:8%;top:5px;height:36%;border-radius:12px;background:linear-gradient(#fff9,#ffffff0d);pointer-events:none}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 -3px 0 var(--edge),0 1px 0 var(--drop),0 4px 8px -4px var(--drop)}.btn.blue,.btn.ghost{--b1:#7EDBFF;--b2:#2DB2F6;--b3:#1E9BE8;--edge:#0F72C6;--tx:#0E63AD}.btn.red{--b1:#FF9B8A;--b2:#F2604B;--b3:#E5462F;--edge:#BC2D18;--tx:#9E2412}.btn.orange{--b1:#FFDD6B;--b2:#FFAE24;--b3:#FF9510;--edge:#D86A00;--tx:#B85800}.btn.purple{--b1:#D4B3FF;--b2:#A36BF7;--b3:#8E4FEF;--edge:#6A2BC7;--tx:#5A20A8}.btn:disabled{--b1:#C9D6DE;--b2:#9DB2BF;--b3:#8EA4B2;--edge:#6F8696;--tx:#627A8A;cursor:default}.logo{position:relative;margin:0;font-family:var(--display);font-weight:400;line-height:.86;text-transform:uppercase;letter-spacing:.01em;isolation:isolate}.logo:before{content:"";position:absolute;inset:-60px 0;z-index:-1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.22) 0 8deg,transparent 8deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);mask:radial-gradient(closest-side,#000 30%,transparent 100%);animation:spin 40s linear infinite}@keyframes spin{to{rotate:360deg}}.logo span{display:block;-webkit-text-stroke:4px var(--stroke);paint-order:stroke fill}.logo .l1{--stroke:#0F4C95;font-size:72px;color:#5ccbff;text-shadow:0 2px 0 #2B8FE3,0 4px 0 #1F74C9,0 6px 0 #175CA8,0 8px 0 #0F4C95,0 14px 16px rgba(15,45,85,.45)}.logo .l2{--stroke:#A33F00;font-size:52px;color:#ffb321;margin-top:4px;text-shadow:0 2px 0 #FF8A00,0 4px 0 #E26F00,0 6px 0 #C45700,0 7px 0 #A33F00,0 12px 14px rgba(15,45,85,.45)}.sparkle{position:absolute;color:#ffe45c;font-size:18px;text-shadow:0 0 8px rgba(255,230,120,.9);-webkit-text-stroke:0;animation:twinkle 2.4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.card{background:var(--panel);border:4px solid var(--panel-rim);border-radius:28px;padding:16px 14px;color:var(--ink);display:flex;flex-direction:column;gap:12px;text-align:left;box-shadow:0 6px 0 var(--drop),0 18px 30px -12px var(--drop)}.sub{margin:14px auto 0;color:var(--on-sky);font:600 16px/1.35 var(--body);max-width:26ch;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.strip{display:flex;justify-content:center}.strip img{width:54px;height:54px;border-radius:50%;margin-left:-12px;border:3px solid #fff;box-shadow:0 4px 0 var(--drop)}.strip img:first-child{margin-left:0}.sections{display:flex;flex-direction:column;gap:12px;text-align:left}.sections .eyebrow{padding-left:4px}.regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.region{--b1:#FFFFFF;--b2:#F7F4FF;--b3:#ECE6FC;--edge:#D2C6F2;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:10px 12px 12px 14px;border-radius:20px;border:3px solid #fff;background:linear-gradient(180deg,var(--b1),var(--b2) 55%,var(--b3));color:#3b2670;text-align:left;box-shadow:inset 0 -5px 0 var(--edge),0 3px 0 var(--drop);transition:transform .08s}.region.wide{grid-column:1/-1}.region:active{transform:translateY(3px)}.region[aria-pressed=true]{--b1:#FFDD6B;--b2:#FFAE24;--b3:#FF9510;--edge:#D86A00;color:#fff}.region b{display:block;font:21px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase}.region[aria-pressed=true] b{text-shadow:0 2px 0 #B85800}.region small{display:block;font:600 13px/1.3 var(--body);color:#7c6aae;margin-top:3px;font-variant-numeric:tabular-nums}.region[aria-pressed=true] small{color:#fff6dc}.region small em{font-style:normal;color:#279320}.region[aria-pressed=true] small em{color:#fff}.region.cont{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:92px}.region.cont.wide{flex-direction:row;align-items:center;justify-content:space-between;min-height:72px}.region.cont .mini{display:flex!important}.cont-title{flex:1;margin:0;text-align:center;font:34px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:#ffb321;-webkit-text-stroke:3px #A33F00;paint-order:stroke fill;text-shadow:0 3px 0 #D86200,0 5px 0 #A33F00,0 10px 14px rgba(15,45,85,.35)}.bar-spacer{width:46px;flex:none}.cont-screen .scroll{padding-top:14px}.mini{display:flex;flex:none}.mini img{width:24px;height:24px;border-radius:50%;margin-left:-9px;border:2px solid #fff}.mini img:first-child{margin-left:0}.region.theme{border-style:dashed}.region.theme[aria-pressed=true]{border-style:solid}.topbar{display:flex;align-items:center;justify-content:space-between;height:48px;flex:none}.link{border:0;background:none;color:var(--on-sky);font:20px var(--display);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow);padding:10px 8px;margin:0 -8px;border-radius:12px}.link:active{transform:translateY(2px)}.link[hidden]{display:inline-block;visibility:hidden}.dots{display:flex;gap:8px;justify-content:center;align-items:center}.dots button{width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:999px;background:#ffffff59;transition:width .25s,background .25s;box-shadow:0 2px 0 var(--drop)}.dots button[aria-current=step]{width:30px;background:#ffc21f}.onb .scroll{gap:24px}.slide-in-r{animation:inR .34s cubic-bezier(.3,1.3,.5,1)}.slide-in-l{animation:inL .34s cubic-bezier(.3,1.3,.5,1)}@keyframes inR{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes inL{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}.ob-title{font:40px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:0;color:#fff;text-wrap:balance;-webkit-text-stroke:3px #1B4F8A;paint-order:stroke fill;text-shadow:0 3px 0 #1B4F8A,0 5px 0 #123E70,0 10px 14px rgba(15,45,85,.4)}.ob-body{color:var(--on-sky);font:600 17px/1.4 var(--body);max-width:30ch;margin:14px auto 0;text-wrap:pretty;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.art{position:relative;width:100%;max-width:340px;margin:0 auto;height:clamp(190px,34dvh,290px);flex:none}.art img.f{position:absolute;border-radius:50%;border:4px solid #fff;box-shadow:0 5px 0 var(--drop),0 14px 24px -10px var(--drop);animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mock{position:absolute;inset:0;margin:auto;width:min(250px,82%);height:fit-content;background:var(--panel);border:4px solid var(--panel-rim);border-radius:26px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 6px 0 var(--drop),0 18px 30px -12px var(--drop);transform:rotate(-3deg)}.mock img{width:78px;height:78px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 0 var(--drop)}.mock .g{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.mock .g span{font:15px var(--display);letter-spacing:.02em;text-transform:uppercase;padding:9px 4px 11px;border-radius:14px;border:2px solid #fff;color:#3b2670;background:linear-gradient(#fff,#ece6fc);box-shadow:inset 0 -4px #d2c6f2;text-align:center}.mock .g .ok{color:#fff;background:linear-gradient(#9bee63,#3bb52b);box-shadow:inset 0 -4px #279320;text-shadow:0 2px 0 #1F7A18}.chip{position:absolute;font:17px var(--display);text-transform:uppercase;letter-spacing:.02em;color:#fff;padding:7px 14px 9px;border-radius:999px;border:3px solid #fff;background:linear-gradient(#ffdd6b,#ff9510);box-shadow:inset 0 -4px #d86a00,0 4px 0 var(--drop);text-shadow:0 2px 0 #B85800;rotate:6deg}.pill{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 16px 11px 10px;border-radius:999px;color:#3b2670;background:linear-gradient(#fff,#ece6fc);border:3px solid #fff;box-shadow:inset 0 -5px #d2c6f2,0 5px 0 var(--drop),0 14px 22px -10px var(--drop);animation:float 5s ease-in-out infinite}.pill:nth-child(2){animation-delay:-1.2s}.pill:nth-child(3){animation-delay:-2.4s}.pill:nth-child(4){animation-delay:-3.6s}.pill b{font:21px var(--display);text-transform:uppercase;letter-spacing:.02em}.pill small{font:700 14px var(--body);color:#7c6aae}.pill .mini img{width:28px;height:28px}.bar{display:flex;align-items:center;gap:12px;height:50px;flex:none}.icon{--b1:#7EDBFF;--b2:#2DB2F6;--b3:#1E9BE8;--edge:#0F72C6;flex:none;width:46px;height:46px;border:3px solid #fff;border-radius:16px;background:linear-gradient(180deg,var(--b1),var(--b2) 55%,var(--b3));color:#fff;display:grid;place-items:center;box-shadow:inset 0 -4px 0 var(--edge),0 4px 0 var(--drop)}.icon svg{filter:drop-shadow(0 2px 0 #0E63AD)}.icon:active{transform:translateY(3px);box-shadow:inset 0 -2px 0 var(--edge),0 1px 0 var(--drop)}.rail{flex:1;display:flex;gap:3px;height:20px;padding:3px;border:3px solid #fff;border-radius:999px;background:#0f2d5547;box-shadow:0 3px 0 var(--drop)}.rail.dense{gap:1px}.rail i{flex:1;border-radius:999px;background:transparent;transition:background .25s}.rail i.ok{background:linear-gradient(#9bee63,#3bb52b)}.rail i.no{background:linear-gradient(#ff9b8a,#e5462f)}.rail i.now{background:linear-gradient(#ffe27a,#ffa41f)}.meta{display:flex;justify-content:space-between;font:18px var(--display);letter-spacing:.03em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow);flex:none;padding:6px 2px 0}.meta b{font-weight:400;color:#ffe066}.meta{gap:10px;white-space:nowrap}.meta-l{display:flex;min-width:0}.meta-sec{overflow:hidden;text-overflow:ellipsis}.meta .hot b{color:#ffb321}.q{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 14px}.flagbox{position:relative;flex:1;min-height:110px;width:100%;display:grid;place-items:center;container-type:size;isolation:isolate}.flag{width:min(58vw,30dvh,240px);width:min(100cqw - 24px,100cqh - 24px,250px);aspect-ratio:1;border-radius:50%;display:block;border:6px solid #fff;box-shadow:0 6px 0 var(--drop),0 18px 28px -10px var(--drop)}.flag.pop{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{0%{transform:scale(.6) rotate(-10deg);opacity:0}to{transform:none;opacity:1}}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:none}.opt{--b1:#FFFFFF;--b2:#F7F4FF;--b3:#ECE6FC;--edge:#D2C6F2;--tx:transparent;position:relative;min-height:72px;padding:10px 10px 14px;border-radius:22px;border:3px solid #fff;color:#3b2670;background:linear-gradient(180deg,var(--b1),var(--b2) 55%,var(--b3));font:19px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;text-wrap:balance;box-shadow:inset 0 -6px 0 var(--edge),0 4px 0 var(--drop),0 10px 16px -8px var(--drop);transition:transform .08s,box-shadow .08s}.opt:after{content:"";position:absolute;left:12%;right:12%;top:4px;height:30%;border-radius:999px;background:linear-gradient(#ffffffb3,#fff0);pointer-events:none}.opt:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 -3px 0 var(--edge),0 1px 0 var(--drop)}.opt:disabled{cursor:default}.opt .k{position:absolute;left:8px;top:7px;font:700 11px var(--body);color:#7c6aae;border:2px solid #D2C6F2;border-radius:7px;width:20px;height:20px;display:grid;place-items:center;text-transform:none}.opt.right{--b1:#9BEE63;--b2:#52CC38;--b3:#3BB52B;--edge:#279320;color:#fff;text-shadow:0 2px 0 #1F7A18;animation:bounce .4s cubic-bezier(.3,1.6,.5,1)}.opt.wrong{--b1:#FF9B8A;--b2:#F2604B;--b3:#E5462F;--edge:#BC2D18;color:#fff;text-shadow:0 2px 0 #A0260F;animation:shake .35s}.opt.dim{opacity:.55;transform:scale(.97)}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes shake{0%,to{translate:0}25%{translate:-6px}75%{translate:6px}}.fb{position:absolute;left:0;right:0;bottom:6px;z-index:2;text-align:center;animation:toast .35s cubic-bezier(.3,1.5,.5,1);min-height:66px;border-radius:22px;padding:10px 16px;background:var(--panel);border:3px solid var(--panel-rim);color:var(--muted);display:flex;flex-direction:column;justify-content:center;font:600 15px/1.3 var(--body);box-shadow:0 4px 0 var(--drop)}.fb strong{font:24px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.fb[hidden]{display:none}@keyframes toast{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}.fb.good{background:linear-gradient(#dffbcf,#c3f2aa);border-color:#fff;color:#2b6a1f}.fb.good strong{color:#279320}.fb.bad{background:linear-gradient(#ffe1da,#ffc9be);border-color:#fff;color:#8a2a18}.fb.bad strong{color:#d23a22}.kbd{display:inline}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:none;padding:0 24px 18vh;cursor:pointer;font:inherit;color:inherit}.splash-logo{width:min(78vw,320px);height:auto;filter:drop-shadow(0 10px 18px rgba(10,60,120,.35));animation:splashPop .8s cubic-bezier(.2,1.5,.4,1) both,splashFloat 3s .8s ease-in-out infinite alternate}.splash-tag{font:22px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow);animation:st-in .5s .45s both}@keyframes splashPop{0%{opacity:0;transform:scale(.5) rotate(-6deg)}70%{opacity:1;transform:scale(1.08) rotate(1deg)}to{transform:none}}@keyframes splashFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}body[data-route=fact] .bank{display:none}.fact-scr-in{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px;width:100%;border:0;background:none;padding:clamp(40px,9vh,90px) 22px calc(var(--safe-b,0px) + clamp(40px,8vh,80px));font:inherit;color:inherit;cursor:pointer;text-align:left}.fact-quote{width:100%;max-width:420px;animation:st-in .5s both}.fact-text{margin:0;font:clamp(26px,7.6vw,32px)/1.16 var(--display);color:#fff;text-shadow:0 3px 0 var(--sky-shadow),0 0 14px var(--sky-glow)}.fact-by{margin:12px 0 0;text-align:right;font:clamp(20px,5.6vw,24px) var(--display);color:#cff0ff;text-shadow:0 2px 0 var(--sky-shadow)}.win{position:relative;width:min(76vw,300px);aspect-ratio:290/370;border-radius:50%/44%;flex:none;background:linear-gradient(160deg,#6cc4ff,#3c9cf0 60%,#2f8be0);box-shadow:inset 0 10px 18px #ffffff59,inset 0 -14px 24px #0a327859,0 18px 34px #0a327840;animation:st-in .55s .1s both}.win:before{content:"";position:absolute;left:14%;top:9%;width:10%;height:4%;border-radius:10px;background:#ffffff8c;transform:rotate(-35deg)}.win-view{position:absolute;inset:13% 14%;border-radius:50%/44%;overflow:hidden;background:linear-gradient(#35b7f5,#8fdfff 70%,#cff3ff);box-shadow:inset 0 0 0 5px #2c7fcf,inset 0 6px 14px #0a327873}.win-shade{position:absolute;left:0;right:0;top:0;height:13%;background:linear-gradient(#3c9cf0,#2f86d6);box-shadow:0 4px 8px #0a327859}.win-shade:after{content:"";position:absolute;left:30%;right:30%;bottom:18%;height:6px;border-radius:4px;background:#1f6fbf}.wv-sun{position:absolute;right:14%;top:20%;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff6c2,#ffe070 60%,#ffe07000 72%)}.wv-hills{position:absolute;left:0;bottom:0;width:100%;height:36%}.wv-cloud{position:absolute;height:14%;aspect-ratio:2.6;border-radius:999px;background:#fff;opacity:.95;animation:cloudBy 7s linear infinite}.wv-cloud:before,.wv-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.wv-cloud:before{width:48%;aspect-ratio:1;left:14%;bottom:30%}.wv-cloud:after{width:36%;aspect-ratio:1;right:16%;bottom:36%}.wv-cloud.c1{top:24%;animation-delay:-1s}.wv-cloud.c2{top:40%;height:10%;animation-duration:9s;animation-delay:-5s;opacity:.8}.wv-cloud.c3{top:14%;height:9%;animation-duration:11s;animation-delay:-8s;opacity:.7}.wv-cloud.fg{height:22%;bottom:-6%;animation-duration:4.5s;background:#f1faff}.wv-cloud.fg:before,.wv-cloud.fg:after{background:#f1faff}.wv-cloud.f1{animation-delay:-1s}.wv-cloud.f2{animation-delay:-3.2s;height:18%}@keyframes cloudBy{0%{left:110%}to{left:-80%}}.balloon{position:absolute;left:50%;top:22%;width:44%;margin-left:-22%;display:flex;flex-direction:column;align-items:center;animation:bob 2.6s ease-in-out infinite alternate}.bl-flag{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 6px 12px #0a32784d;position:relative}.bl-flag img{width:100%;height:100%;object-fit:cover;display:block}.bl-flag:after{content:"";position:absolute;left:16%;top:10%;width:30%;height:22%;border-radius:50%;background:#ffffff73;transform:rotate(-30deg)}.bl-ropes{width:48%;height:auto;margin-top:-2px}.bl-basket{width:26%;aspect-ratio:1.4;margin-top:-2px;border-radius:4px 4px 8px 8px;background:linear-gradient(#c98a4b,#9c6130);box-shadow:inset 0 3px #e0a868}@keyframes bob{0%{transform:translateY(-6px) rotate(-2deg)}to{transform:translateY(8px) rotate(2deg)}}.load-bar{width:min(100%,320px);height:26px;border-radius:14px;padding:3px;background:#0f5bb0;border:3px solid #8FD3FF;box-shadow:0 4px 0 var(--drop);flex:none}.load-bar i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(#8be35a,#52cc38 55%,#3bb52b);box-shadow:inset 0 -3px #279320;animation:loadFill linear forwards}@keyframes loadFill{to{width:100%}}@media(prefers-reduced-motion:reduce){.wv-cloud,.balloon{animation:none}.wv-cloud.c1{left:10%}.wv-cloud.c2{left:55%}.wv-cloud.c3{display:none}.wv-cloud.f1{left:-10%}.wv-cloud.f2{left:50%}}.explore-deck{overflow:hidden}.deck{flex:1;min-height:0;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:clamp(24px,4.5vh,44px) calc((100% - min(72vw,310px))/2) 18px;outline:none;overscroll-behavior-x:contain}.deck::-webkit-scrollbar{display:none}.ccard{--c1:#FFC15E;--c2:#FF9A2E;--edge:#D86A00;position:relative;flex:none;width:min(72vw,310px);max-height:600px;align-self:stretch;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;padding:56px 18px 22px;border-radius:30px;border:4px solid rgba(255,255,255,.92);overflow:hidden;color:#fff;background:repeating-conic-gradient(from 45deg,rgba(255,255,255,.07) 0 25%,transparent 0 50%) 0 0/36px 36px,linear-gradient(160deg,var(--c1),var(--c2));box-shadow:inset 0 -8px 0 var(--edge),0 10px 0 var(--drop),0 18px 30px -12px #0a326e73;transform:scale(.9);opacity:.75;transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s}.ccard.on{transform:none;opacity:1}.cc-africa{--btn-ink:#9A4A00;--c1:#FFC15E;--c2:#FF9A2E;--edge:#D86A00}.cc-asia{--btn-ink:#A61F1F;--c1:#FF8A80;--c2:#EF4F4F;--edge:#B52F2F}.cc-europe{--btn-ink:#14509C;--c1:#6FC0FF;--c2:#2F86E8;--edge:#1B5FB5}.cc-north-america{--btn-ink:#4B2596;--c1:#B48CFF;--c2:#8656EA;--edge:#5B31B3}.cc-south-america{--btn-ink:#2C6A18;--c1:#9EE06A;--c2:#56B83A;--edge:#3A8B24}.cc-oceania{--btn-ink:#0A5F5E;--c1:#5EE0D6;--c2:#1FAFB0;--edge:#12807F}.cc-chip{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:14px;background:#00000024;font:18px var(--display)}.cc-chip svg{width:18px;height:18px}.cc-map{position:relative;flex:1;min-height:0;width:100%;display:grid;place-items:center}.cc-map:before{content:"";position:absolute;width:min(100%,250px);aspect-ratio:1;border-radius:50%;background:radial-gradient(rgba(255,255,255,.28),rgba(255,255,255,.06) 62%,transparent 70%)}.cc-map svg{position:relative;width:118%;height:100%;max-height:280px;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent);mask-image:radial-gradient(closest-side,#000 62%,transparent);filter:drop-shadow(0 5px 0 rgba(0,0,0,.14))}.cc-map .o{fill:#fff3}.cc-map .l{fill:#fff}.cc-name{margin:14px 0 0;font:34px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;text-align:center;text-shadow:0 3px 0 var(--edge);text-wrap:balance}.cc-count{margin:6px 0 18px;font:600 17px var(--body);opacity:.95}.cc-btn{flex:none;display:grid;place-items:center;width:100%;max-width:250px;height:54px;border-radius:27px;background:#fff;color:var(--btn-ink,var(--edge));text-decoration:none;font:22px var(--display);box-shadow:inset 0 -4px #0000001f,0 4px #0000001f}.cc-btn:active{transform:translateY(3px);box-shadow:inset 0 -2px #0000001f}.deck-foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 calc(var(--safe-b) + clamp(18px,4vh,40px))}.deck-dots{display:flex;gap:8px}.deck-dots button{width:10px;height:10px;padding:0;border-radius:6px;border:2px solid #fff;background:#ffffff59;transition:width .25s,background .25s;cursor:pointer}.deck-dots button[aria-selected=true]{width:26px;background:#ffd23f}.deck-hint{margin:0;font:600 14px var(--body);color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow)}@media(max-height:680px){.ccard{padding-top:48px}.cc-name{font-size:28px}.cc-count{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.ccard{transition:none}}.set-card{display:flex;flex-direction:column;gap:12px;text-align:left}.set-note{margin:0;font:600 15px/1.4 var(--body);color:var(--muted)}.set-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.btn.small-btn{width:100%;height:52px;font-size:21px;border-radius:18px}.btn.ghost-white{--b1:#FFFFFF;--b2:#F7F4FF;--b3:#ECE6FC;--edge:#D2C6F2;--tx:transparent;color:var(--edge-ink,#3B2670);text-shadow:none}.set-status{margin:0;min-height:1.2em;font:700 14px var(--body);color:#279320}.set-status.bad{color:#c2341f}.link-danger{align-self:center;border:0;background:none;padding:6px 10px;font:700 15px var(--body);color:#d8432c;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.set-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:16px 18px;border-radius:20px;background:var(--panel);border:3px solid var(--panel-rim);color:var(--ink);text-decoration:none;font:20px var(--display);text-transform:uppercase;letter-spacing:.02em;box-shadow:inset 0 -5px 0 var(--line),0 4px 0 var(--drop)}.set-row .chev{font-size:26px;color:var(--muted)}.version-note{margin:14px 0 0;text-align:center;font:600 14px var(--body);color:var(--on-sky);opacity:.85}.about .card p{margin:0 0 10px;font:600 15px/1.5 var(--body);color:var(--ink)}.about .card p.muted{color:var(--muted);font-size:14px}.about-list{margin:0 0 10px;padding-left:20px;display:flex;flex-direction:column;gap:8px;font:600 15px/1.45 var(--body);color:var(--ink);text-align:left}.about-list.small{font-size:14px}.about-list b{font-weight:700}.about .card{text-align:left}.confirm-sheet{gap:12px;padding-top:26px}.confirm-actions{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:10px}.update-bar{width:max-content;position:fixed;left:50%;bottom:calc(var(--safe-b) + 16px);transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:20px;background:#1e3a5f;color:#fff;font:700 15px var(--body);box-shadow:0 8px 24px #0000004d;animation:st-in .3s both;max-width:calc(100% - 32px)}.update-bar button{border:0;border-radius:14px;padding:10px 14px;background:#52cc38;color:#fff;font:18px var(--display);cursor:pointer;box-shadow:inset 0 -3px #279320}.big{font:104px/1 var(--display);font-variant-numeric:tabular-nums;margin-top:10px;color:#ffd23f;-webkit-text-stroke:5px #A33F00;paint-order:stroke fill;text-shadow:0 3px 0 #FF8A00,0 6px 0 #D86200,0 9px 0 #A33F00,0 16px 18px rgba(15,45,85,.45)}.big small{font-size:44px;color:#fff;-webkit-text-stroke:4px #1B4F8A;text-shadow:0 3px 0 #1B4F8A,0 6px 10px rgba(15,45,85,.4)}.results .eyebrow{font:20px var(--display);letter-spacing:.04em}.verdict{margin:10px auto 0;color:var(--on-sky);font:600 17px/1.35 var(--body);max-width:28ch;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.missed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;text-align:center}.missed div{display:flex;flex-direction:column;align-items:center;gap:5px;font:16px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em}.missed img{width:58px;height:58px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 0 var(--drop)}.missed span{color:var(--muted);font:600 12px/1.25 var(--body);text-transform:none;letter-spacing:0}.results .card{text-align:center}.sheet-wrap{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0a234673;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease-out}.sheet{width:100%;max-width:480px;background:var(--panel);border:4px solid var(--panel-rim);border-bottom:0;border-radius:34px 34px 0 0;color:var(--ink);padding:10px calc(var(--safe-r) + 18px) calc(var(--safe-b) + 18px) calc(var(--safe-l) + 18px);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 -10px 30px -10px #0a234673;animation:up .34s cubic-bezier(.3,1.3,.5,1)}.sheet-wrap.out{animation:fade .18s reverse forwards}.sheet-wrap.out .sheet{animation:up .18s reverse forwards}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.sheet-grab{width:44px;height:5px;border-radius:999px;background:var(--line);margin-bottom:6px}.sheet-flags img{width:40px;height:40px;margin-left:-12px;border-width:3px;box-shadow:0 3px 0 var(--drop)}.sheet-title{margin:4px 0 0;font:34px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:#ffb321;-webkit-text-stroke:3px #A33F00;paint-order:stroke fill;text-shadow:0 3px 0 #D86200,0 5px 0 #A33F00}.sheet-sub{margin:0;color:var(--muted);font:600 16px var(--body)}.sheet-sub b{color:#279320;font-weight:700}.sheet-opts{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:8px}.play-sheet{max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;padding-top:8px}.pm-body{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.pm-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.pm-head .sheet-title{flex:1;min-width:0;margin:0;text-align:center}.pm-icon{flex:none}.pm-list .region>span:first-child{min-width:0}@media(max-width:359px){.pm-list .region:not(.wide) .chev{display:none}.pm-list .region b{font-size:18px}}.pm-icon{width:42px;height:42px;border-radius:14px;border:0;display:grid;place-items:center;background:var(--well);color:var(--muted)}.pm-icon.ghost{background:none}.pm-icon svg{width:20px;height:20px}.pm-icon:active{transform:translateY(2px)}.pm-list{width:100%;margin-top:22px;text-align:left;gap:14px}.play-sheet{padding-left:calc(var(--safe-l) + 22px);padding-right:calc(var(--safe-r) + 22px);padding-bottom:calc(var(--safe-b) + 32px)}.play-sheet .pm-body{gap:12px}.play-sheet .sheet-sub{margin-top:4px}.play-sheet .sheet-title{text-transform:none;font-size:clamp(26px,7.5vw,32px)}.sheet-cancel{color:var(--muted);text-shadow:none;margin-top:2px}.home .scroll{padding-bottom:calc(var(--safe-b) + 24px)}@media(hover:none),(pointer:coarse){.opt .k,.kbd{display:none}}@media(max-height:640px){.opt{min-height:60px;font-size:17px}.btn{height:56px;font-size:23px}.fb{min-height:58px;padding:8px 14px}.q{padding:6px 0 10px}.logo .l1{font-size:60px}.logo .l2{font-size:44px}.strip img{width:46px;height:46px}.ob-title{font-size:34px}.big{font-size:88px}}@media(max-width:429px){.region:not(.wide) .mini{display:none}}@media(max-width:359px){.meta{font-size:15px}.region .mini{display:none}.ob-title{font-size:32px}.logo .l1{font-size:58px}.opt{font-size:16px}}.scroll>*,.dock>*{flex-shrink:0}.btn{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[tabindex="-1"]:focus{outline:none}a{color:inherit}.view{flex:1;min-height:0;display:flex;flex-direction:column}.app.has-nav .dock{padding-bottom:12px}.btn{text-decoration:none}.nav{flex:none;display:flex;gap:6px;margin:0 calc(-16px - var(--safe-r)) 0 calc(-16px - var(--safe-l));padding:8px calc(12px + var(--safe-r)) calc(var(--safe-b) + 8px) calc(12px + var(--safe-l));background:var(--panel);border-top:4px solid var(--panel-rim);border-radius:28px 28px 0 0;box-shadow:0 -8px 24px -12px var(--drop)}.nav[hidden]{display:none}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;border-radius:18px;color:var(--muted);font:15px var(--display);letter-spacing:.03em;text-transform:uppercase;text-decoration:none}.nav a svg{width:24px;height:24px}.nav a[aria-current=page]{color:#fff;background:linear-gradient(#ffdd6b,#ff9510);box-shadow:inset 0 -4px #d86a00;text-shadow:0 2px 0 #B85800}.nav a:focus-visible{outline:3px solid #FFB321;outline-offset:2px}.nav-logo{display:none}.page-title{margin:0;font:40px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;color:#fff;text-wrap:balance;-webkit-text-stroke:3px #1B4F8A;paint-order:stroke fill;text-shadow:0 3px 0 #1B4F8A,0 5px 0 #123E70,0 10px 14px rgba(15,45,85,.35)}.page-head{padding-top:6px}.sub.left{text-align:left;margin:8px 0 0;max-width:none}.section-h{margin:6px 2px -8px;font:700 13px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.opt-note{font-weight:600;letter-spacing:.04em;text-transform:none;opacity:.8}.group{display:flex;flex-direction:column;gap:16px}.notice{margin:0;padding:10px 14px;border-radius:16px;border:2px dashed rgba(255,255,255,.7);background:#0f2d5540;color:#fff;font:600 14px/1.35 var(--body)}.empty{margin:0;color:var(--on-sky);font:600 16px var(--body);text-align:center;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo.sm{text-align:left;line-height:.84}.logo.sm:before{display:none}.logo.sm .l1{font-size:42px;-webkit-text-stroke:3px var(--stroke)}.logo.sm .l2{font-size:31px;-webkit-text-stroke:3px var(--stroke);margin-top:2px}.streak-chip{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:6px 16px 8px;border-radius:999px;border:3px solid #fff;background:linear-gradient(#fff,#ece6fc);box-shadow:inset 0 -4px #d2c6f2,0 3px 0 var(--drop);color:#3b2670;font:24px var(--display);text-decoration:none}.btn.big{height:70px;font-size:30px}.modes{display:grid;gap:10px}.region.mode{justify-content:flex-start;gap:14px;min-height:80px;padding:12px 14px 14px}.mode-txt{flex:1;min-width:0}.region.mode small{font:600 14px/1.3 var(--body)}.mode-ic{position:relative;flex:none;width:52px;height:52px;border-radius:50%;border:3px solid #fff;overflow:hidden;display:grid;place-items:center;background:linear-gradient(#7edbff,#1e9be8);box-shadow:0 3px 0 var(--drop)}.mode-ic img{width:100%;height:100%;display:block}.mode-ic.pin svg{width:28px;height:28px;filter:drop-shadow(0 2px 0 #0E63AD)}.mode-ic.duo{overflow:visible;background:none;border:0;box-shadow:none}.mode-ic.duo>img{border-radius:50%;border:3px solid #fff;box-shadow:0 3px 0 var(--drop)}.mode-ic.duo .mini-pin{position:absolute;right:-8px;bottom:-6px;width:30px;height:30px;border-width:2px}.mode-ic.duo .mini-pin svg{width:17px;height:17px}.chev{margin-left:auto;font:30px/1 var(--display);color:#7c6aae}.region.choice[aria-checked=true]{--b1:#FFDD6B;--b2:#FFAE24;--b3:#FF9510;--edge:#D86A00;color:#fff}.region.choice[aria-checked=true] b{text-shadow:0 2px 0 #B85800}.region.choice[aria-checked=true] small{color:#fff6dc}.home-grid{display:grid;gap:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3,.card-title{margin:0;font:24px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.pct{font:22px var(--display);color:#e07a00}.big-num{margin:0;font:600 16px var(--body);color:var(--muted)}.big-num b{font:42px/1 var(--display);color:var(--ink);margin-right:2px}.muted{margin:0;color:var(--muted);font:600 14px/1.35 var(--body)}.meter{height:20px;padding:3px;border-radius:999px;background:var(--well);box-shadow:inset 0 2px #0f2d5514}.meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(#9bee63,#3bb52b);box-shadow:inset 0 -3px #279320}.daily-card .card-head{justify-content:flex-start}.cal{flex:none;width:52px;height:52px;border-radius:16px;border:3px solid #fff;display:grid;place-items:center;background:linear-gradient(#ffdd6b,#ff9510);box-shadow:inset 0 -4px #d86a00,0 3px 0 var(--drop)}.cal svg{width:28px;height:28px}.daily-done{margin:0;font:22px var(--display);color:#279320;text-transform:uppercase;letter-spacing:.02em}.daily-done b{color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{min-height:46px;padding:8px 16px 10px;border-radius:999px;border:3px solid #fff;background:linear-gradient(#fff,#ece6fc);color:#3b2670;box-shadow:inset 0 -4px #d2c6f2,0 3px 0 var(--drop);font:17px var(--display);letter-spacing:.02em;text-transform:uppercase}.chip-btn[aria-checked=true]{color:#fff;background:linear-gradient(#7edbff,#2db2f6 55%,#1e9be8);box-shadow:inset 0 -4px #0f72c6,0 3px 0 var(--drop);text-shadow:0 2px 0 #0E63AD}.chip-btn:active{transform:translateY(2px)}.count{flex:none;min-width:48px;text-align:right;font:22px var(--display);color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}h1.q-eyebrow{margin:1em 0}.q-eyebrow{text-align:center;text-transform:none;font:700 17px/1.3 var(--body);letter-spacing:.01em}.q.q-capital .q-eyebrow{font-size:18px}.q-country{display:block;margin-top:6px;font:40px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em;color:#ffb321;-webkit-text-stroke:3px #A33F00;paint-order:stroke fill;text-shadow:0 3px 0 #D86200,0 5px 0 #A33F00}.q.q-capital .flag{width:min(100cqw - 24px,100cqh - 24px,150px)}.opt .mark{position:absolute;right:8px;top:7px;width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;font:17px var(--display);text-shadow:none}.opt.right .mark{color:#279320}.opt.wrong .mark{color:#d23a22}.opt-t{display:block;padding:0 18px}.streak-scr{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:12px 16px 8px;min-height:0}.st-bubble{position:relative;margin:0 0 22px;max-width:340px;padding:16px 22px;border-radius:26px;background:var(--panel);border:3px solid var(--panel-rim);color:var(--ink);font:24px/1.15 var(--display);text-align:center;box-shadow:0 5px 0 var(--drop);animation:st-in .45s cubic-bezier(.2,1.4,.4,1) both}.st-bubble:after{content:"";position:absolute;left:50%;bottom:-13px;width:22px;height:22px;margin-left:-11px;background:var(--panel);border-right:3px solid var(--panel-rim);border-bottom:3px solid var(--panel-rim);border-bottom-right-radius:6px;transform:rotate(45deg)}.st-hero{position:relative;width:260px;height:190px;display:grid;place-items:end center}.st-podium{position:absolute;bottom:0;left:50%;width:250px;height:66px;margin-left:-125px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#ffffffbf,#ffffff59 60%,#ffffff2e);box-shadow:inset 0 -8px #0a468c2e,0 8px 18px #0a3c7838}.st-flame{position:relative;height:170px;width:auto;margin-bottom:26px;filter:drop-shadow(0 0 22px rgba(255,170,40,.75)) drop-shadow(0 6px 0 rgba(150,40,0,.25));transform-origin:50% 100%;animation:st-flame 1.6s ease-in-out infinite alternate,st-in .5s .1s cubic-bezier(.2,1.5,.4,1) both}.st-num{margin-top:-30px;font:124px/1 var(--display);font-variant-numeric:tabular-nums;color:#ffd23f;position:relative;-webkit-text-stroke:6px #C2410C;paint-order:stroke fill;text-shadow:0 4px 0 #FF8A00,0 8px 0 #C2410C,0 16px 18px rgba(15,45,85,.4)}.st-num.pop{animation:st-pop .55s cubic-bezier(.2,1.6,.4,1)}.st-label{margin:2px 0 18px;font:28px var(--display);color:#ffd23f;-webkit-text-stroke:2px #B4430A;paint-order:stroke fill;text-shadow:0 3px 0 rgba(120,40,0,.45)}.st-week{list-style:none;margin:0;padding:12px 8px 14px;width:100%;max-width:400px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;border-radius:24px;background:#fff3;border:2px solid rgba(255,255,255,.4);box-shadow:inset 0 -4px #0a468c26}.st-day{display:flex;flex-direction:column;align-items:center;gap:6px;font:17px var(--display);color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow)}.st-day i{width:min(42px,10vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#3bb52b}.st-day i svg{width:62%;height:62%;filter:drop-shadow(0 2px 0 rgba(20,90,20,.35))}.st-day.done i,.st-day.today.lit i{background:linear-gradient(#ffe27a,#ffae24 60%,#ff9510);border:3px solid #fff;box-shadow:inset 0 -4px #d86a00,0 3px 0 var(--drop)}.st-day.today i{background:#0a3c7847;box-shadow:inset 0 3px #0a326e40}.st-day.today i svg{opacity:0;transform:scale(.3)}.st-day.today.lit i svg{opacity:1;transform:none;transition:transform .45s cubic-bezier(.2,1.8,.4,1),opacity .2s}.st-day.today.lit i{animation:st-pop .5s cubic-bezier(.2,1.6,.4,1)}.st-day.future i,.st-day.miss i{background:#0a3c7847;box-shadow:inset 0 3px #0a326e40}.st-day.miss span{opacity:.6}@keyframes st-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes st-in{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:none}}@keyframes st-flame{0%{transform:scaleY(1) rotate(-2deg)}to{transform:scaleY(1.05) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.st-flame,.st-bubble,.st-num.pop,.st-day.today.lit i{animation:none}}@media(max-height:700px){.st-hero{height:150px}.st-flame{height:130px}.st-num{font-size:88px}.st-bubble{font-size:20px;margin-bottom:14px}}.results-h{display:block;margin:0;font:20px var(--display);letter-spacing:.04em}.pct-line{margin:8px 0 0;font:24px var(--display);color:var(--on-sky);text-transform:uppercase;letter-spacing:.03em;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 6px;border-radius:20px;background:var(--panel);border:3px solid var(--panel-rim);box-shadow:0 4px 0 var(--drop);color:var(--ink);text-align:center}.stat b{font:30px/1 var(--display)}.stat b i{font-style:normal;font-size:17px;color:var(--muted)}.stat span{font:600 13px/1.25 var(--body);color:var(--muted)}.list-rows,.country-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.country-row{min-width:0}@media(max-width:400px){.country-row .status{padding:4px 8px;font-size:12px}.country-row{gap:10px;padding-left:10px;padding-right:10px}}.country-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:9px 12px 11px;border-radius:18px;border:3px solid #fff;text-decoration:none;background:linear-gradient(#fff,#f4f0ff);box-shadow:inset 0 -4px #d2c6f2,0 3px 0 var(--drop);color:#3b2670;text-align:left}.country-row:active{transform:translateY(2px)}.country-row[hidden],.group[hidden]{display:none}.country-row img,.country-row .flag-missing{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 0 var(--drop);font-size:8px}.country-row .txt{flex:1;min-width:0;display:flex;flex-direction:column}.country-row b{font:700 17px/1.2 var(--body)}.country-row small{font:600 13px/1.3 var(--body);color:#7c6aae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-row .chev{font-size:26px}.status{flex:none;padding:5px 10px;border-radius:999px;background:#efeafd;color:#6a58a0;font:700 13px var(--body);white-space:nowrap}.status.ok{background:#ddf7cc;color:#1f7a18}.card .status{align-self:center}.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.region.cont-tile{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;min-height:118px;text-decoration:none;padding:12px 14px 16px}.ct-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.ct-top b{font-size:20px}.ct-top .pct{font-size:18px}.region.cont-tile .meter{margin-top:auto;height:16px;padding:2px}.search{width:100%;height:54px;padding:0 18px 0 48px;border-radius:999px;border:3px solid #fff;color:#3b2670;font:600 17px var(--body);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%237C6AAE' stroke-width='2.6' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 16px center;box-shadow:0 4px 0 var(--drop);-webkit-appearance:none;appearance:none}.search::placeholder{color:#9b8cc8}.search:focus-visible{outline:3px solid #FFB321;outline-offset:2px}.group-h{margin:8px 2px 0;font:700 13px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.bar-label{flex:1;text-align:center;font:20px var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--on-sky);text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}a.icon{text-decoration:none}.screen.has-bg{position:relative;animation:none}.country-bg{position:fixed;inset:0;z-index:0;background-color:var(--bg-sky);background-repeat:no-repeat;background-size:100% 100%,auto 87%;background-position:0 0,center bottom;animation:st-in .5s both}.screen.has-bg>*:not(.country-bg){position:relative;z-index:1}.has-bg .detail-head{gap:8px;padding-bottom:max(150px,20vh)}.has-bg .detail-flag{width:min(24vw,92px);border-width:4px}.has-bg .page-title{font-size:34px}:root[data-theme=dark] .country-bg{filter:brightness(.7) saturate(.9)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .country-bg{filter:brightness(.7) saturate(.9)}}.scroll.detail{padding-bottom:calc(var(--safe-b) + 36px)}.detail-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.detail-head>*:not(.lm-hero){position:relative;z-index:1}.lm-hero{position:relative;z-index:0;width:calc(100% + 24px);max-width:440px;height:clamp(250px,38vh,320px);margin:-10px -12px -46px;animation:st-in .5s both}.lm-svg{display:block;width:100%;height:100%;fill:var(--lm-fill)}.lm-svg .s{fill:var(--lm-soft)}.lm-svg .b{fill:var(--lm-bright)}.lm-svg .h{fill:var(--lm-shade)}.lm-svg .c{fill:var(--lm-cut)}.lm-svg .l{fill:none;stroke:var(--lm-fill);stroke-linecap:round;stroke-linejoin:round}.lm-hero~.detail-flag{width:min(30vw,120px);border-width:5px}.qf .card-title{margin-bottom:6px}.qf-list{display:flex;flex-direction:column}.qf-row{display:grid;grid-template-columns:28px 104px minmax(0,1fr);align-items:center;gap:6px;padding:10px 0;border-top:2px solid var(--line)}.qf-list .qf-row:first-child{border-top:0}.qf-ic{font-size:19px;line-height:1;text-align:center}.qf-label{font:600 14px var(--body);color:var(--muted)}.qf-val{font:700 15px/1.3 var(--body);color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.qf-val small{font:600 13px var(--body);color:var(--muted)}.qf-flag{flex:none;width:24px;height:24px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--line)}.qf-flag img{width:100%;height:100%;object-fit:cover;display:block}.qf-more{margin-top:8px;border-top:2px solid var(--line)}.qf-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 2px 6px;font:20px var(--display);color:var(--ink);text-transform:uppercase;letter-spacing:.02em}.qf-more summary::-webkit-details-marker{display:none}.qf-chev{font:28px/1 var(--display);color:var(--muted);transition:transform .2s}.qf-more[open] .qf-chev{transform:rotate(90deg)}.qf-more[open] .qf-list{animation:st-in .3s both}@media(max-width:359px){.qf-row{grid-template-columns:24px 88px minmax(0,1fr)}}.lm-name{margin:-4px 0 0;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:999px;background:#0a3c7847;border:2px solid rgba(255,255,255,.5);font:700 14px var(--body);color:#fff}.lm-name svg{width:16px;height:16px;fill:#ffd23f;display:block}.detail-flag{width:min(44vw,180px);aspect-ratio:1;border-radius:50%;border:6px solid #fff;box-shadow:0 6px 0 var(--drop),0 18px 28px -10px var(--drop)}.info{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0}.info dt{color:var(--muted);font:600 15px var(--body)}.info dd{margin:0;color:var(--ink);font:700 16px var(--body)}.learn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:2px solid var(--line)}.learn-row span:first-child{display:flex;flex-direction:column}.learn-row b{font:20px var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}.learn-row small{font:600 13px var(--body);color:var(--muted)}.card-title+.learn-row{border-top:0;padding-top:0}.cont-row{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);padding:4px 0}.cr-top{display:flex;justify-content:space-between;font:600 15px var(--body)}.cr-top b{font:19px var(--display);text-transform:uppercase;letter-spacing:.02em}.cont-row .meter{height:14px;padding:2px}.flag-missing{display:grid;place-items:center;background:var(--well);color:var(--muted);font:700 13px var(--body);text-align:center}@media(max-width:359px){.stats3{gap:6px}.stat b{font-size:24px}.btn.big{font-size:26px}.page-title{font-size:34px}}@media(min-width:900px){.app{max-width:1180px;display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:32px;padding:24px 28px 0}.app:not(.has-nav){grid-template-columns:minmax(0,1fr)}.nav{grid-column:1;grid-row:1;flex-direction:column;align-self:start;gap:8px;margin:0;padding:22px 14px;border:4px solid var(--panel-rim);border-radius:30px}.view{grid-column:2;grid-row:1;height:calc(100dvh - 24px)}.app:not(.has-nav) .view{grid-column:1}.nav-logo{display:block;margin:0 0 14px 8px}.nav a{flex:none;flex-direction:row;justify-content:flex-start;gap:14px;min-height:54px;padding:10px 16px;font-size:19px}.home .topline .logo,.screen:not(.play):not(.results):not(.onb) .topline .logo{display:none}.topline{justify-content:flex-end}.home-grid{grid-template-columns:1fr 1fr;align-items:start}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.country-list{grid-template-columns:1fr 1fr}.stats3.two{grid-template-columns:repeat(3,1fr)}.screen.play,.screen.results,.screen.onb{width:100%;max-width:620px;margin:0 auto}.btn.big{max-width:420px}.page-title{font-size:48px}}.avatar{--av:#FFD166;position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#fff8 0,transparent 55%),var(--av);border:4px solid #fff;box-shadow:inset 0 -5px #0000001f,0 4px 0 var(--drop)}.av-e{font-size:36px;line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18))}.avatar.sm{width:44px;height:44px;border-width:3px}.avatar.sm .av-e{font-size:24px}.avatar.lg{width:76px;height:76px}.avatar.lg .av-e{font-size:42px}.profile-row{display:flex;align-items:center;gap:12px}.profile-row .name-col{flex:1;min-width:0}.name-note{margin:6px 0 0;padding-left:14px;font-size:13px;line-height:1.3}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 10px;border-radius:24px;background:var(--panel);border:4px solid var(--panel-rim);box-shadow:0 5px 0 var(--drop)}.avatar-opt{position:relative;display:grid;place-items:center;padding:0;border:0;background:none}.avatar-opt .avatar{width:min(64px,17vw);height:min(64px,17vw)}.avatar-opt .av-e{font-size:min(34px,9vw)}.avatar-opt:active .avatar{transform:translateY(2px)}.av-check{position:absolute;right:calc(50% - min(38px,11vw));bottom:-2px;width:26px;height:26px;border-radius:50%;display:none;place-items:center;background:linear-gradient(#9bee63,#3bb52b);border:3px solid #fff;color:#fff;font:15px/1 var(--display);box-shadow:0 2px 0 var(--drop)}.avatar-opt[aria-checked=true] .av-check{display:grid}.avatar-opt[aria-checked=true] .avatar{border-color:#52cc38;box-shadow:0 0 0 3px #fff,0 4px 0 var(--drop)}.avatar-opt:focus-visible{outline:none}.avatar-opt:focus-visible .avatar{outline:3px solid #FFB321;outline-offset:3px}.name-field{position:relative}.name-input{padding-left:20px;padding-right:96px;background-image:none}.saved-tick{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:700 14px var(--body);color:#279320}.small-note{margin-top:-8px;font-size:14px}.hub-greet{margin:auto auto 0;padding-top:16px;display:flex;align-items:center;gap:10px;text-decoration:none;text-align:center;color:var(--on-sky);font:24px var(--display);letter-spacing:.02em;text-shadow:0 2px 0 var(--sky-shadow),0 0 12px var(--sky-glow)}.hub-greet+.hub-bottom{margin-top:14px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.region.theme-opt{flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:150px;padding:14px 8px 16px;text-align:center}.theme-opt b{font-size:19px}.theme-opt small{font:600 12px/1.25 var(--body)}.theme-swatch{width:58px;height:58px;border-radius:18px;border:3px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 3px 0 var(--drop)}.theme-swatch svg{width:30px;height:30px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.theme-swatch.light{background:linear-gradient(180deg,#2ca6fe,#4ee2fe)}.theme-swatch.dark{background:linear-gradient(180deg,#06142e,#1a4478)}.theme-swatch.system{background:linear-gradient(135deg,#2ca6fe 0 50%,#0b2248 50% 100%)}.home .hub{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:4px}.hub-top{display:flex;align-items:center;justify-content:space-between}.hub-squares{display:flex;gap:10px}.sq-btn{width:54px;height:54px;border-radius:18px;border:3px solid #fff;display:grid;place-items:center;text-decoration:none;background:linear-gradient(180deg,#7edbff,#2db2f6 55%,#1e9be8);box-shadow:inset 0 -5px #0f72c6,0 4px 0 var(--drop)}.sq-btn svg{width:28px;height:28px;filter:drop-shadow(0 2px 0 #0E63AD)}.sq-btn:active,.hub-pill:active{transform:translateY(3px)}.hub-pill{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 8px;border-radius:999px;text-decoration:none;background:#0f2d558c;border:3px solid rgba(255,255,255,.9);color:#fff;font:26px var(--display);box-shadow:0 4px 0 var(--drop)}.hub-pill .pill-ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:linear-gradient(#ffe27a,#ffa41f);box-shadow:inset 0 -3px #d86a00}.flame{width:auto;height:28px;display:block;filter:drop-shadow(0 2px 0 rgba(120,30,0,.35))}.flame.off{filter:grayscale(1) brightness(1.15) opacity(.85)}.hub-pill .flame{margin-left:4px}.stat-flame{display:flex;align-items:center;gap:4px}.stat-flame .flame{height:23px}.hub-pill b{font-weight:400}.hub-pill i{font-style:normal;font-size:18px;opacity:.8}.hub-pill.small{height:44px;font-size:22px;align-self:center}.hub-mid{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;align-items:start;gap:2px;margin:clamp(36px,6vh,64px) -6px 0}.hub-side{display:flex;flex-direction:column;gap:22px}.hub-btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border:0;background:none;width:88px}.hub-circle{width:78px;height:78px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#7edbff,#2db2f6 55%,#1e9be8);box-shadow:inset 0 -6px #0000002e,0 5px 0 var(--drop),0 12px 20px -8px var(--drop)}.hub-circle svg{width:40px;height:40px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.hub-circle.orange{background:linear-gradient(180deg,#ffdd6b,#ffae24 55%,#ff9510)}.hub-circle.green{background:linear-gradient(180deg,#9bee63,#52cc38 55%,#3bb52b)}.hub-circle.flag-circle img{width:100%;height:100%;display:block}.hub-label{margin-top:-12px;position:relative;min-width:72px;padding:4px 10px 5px;border-radius:12px;background:#1e3a5f;border:2px solid rgba(255,255,255,.85);color:#fff;font:16px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 3px 0 var(--drop)}.hub-badge{position:absolute;top:-2px;right:2px;min-width:26px;height:26px;padding:0 6px;border-radius:999px;background:#f2604b;border:3px solid #fff;color:#fff;font:15px/20px var(--display);text-align:center;box-shadow:0 2px 0 var(--drop)}.hub-btn:active .hub-circle{transform:translateY(3px)}.dunia-logo{margin:12px -6px 0;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:0;pointer-events:none}.dunia-logo img{display:block;width:82%;max-width:270px;height:auto;filter:drop-shadow(0 8px 14px rgba(10,50,110,.3))}.aye-logo{margin:18px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:400;position:relative;isolation:isolate}.aye-logo:before{content:"";position:absolute;inset:-40px -20px;z-index:-1;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.2) 0 8deg,transparent 8deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);mask:radial-gradient(closest-side,#000 30%,transparent 100%)}.aye{font:clamp(54px,17vw,92px)/.95 var(--display);color:#5ccbff;-webkit-text-stroke:5px #0F4C95;paint-order:stroke fill;letter-spacing:.01em;text-shadow:0 3px 0 #2B8FE3,0 6px 0 #1F74C9,0 9px 0 #175CA8,0 11px 0 #0F4C95,0 18px 20px rgba(15,45,85,.45)}.ribbon{margin-top:14px;max-width:100%;padding:6px 12px 8px;font-size:clamp(12px,3.6vw,18px)!important;border-radius:12px;background:linear-gradient(#ff7a59,#e0452b);border:3px solid #fff;color:#ffe27a;font:18px/1 var(--display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -4px #b5321d,0 4px 0 var(--drop);text-shadow:0 2px 0 #9C2A16;rotate:-3deg}.hub-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:calc(var(--safe-b) + clamp(60px,11vh,100px))}.btn.play-cta{width:min(100%,260px);height:72px;font-size:38px;border-width:4px;border-radius:22px;--tx:#B85800;letter-spacing:.02em}.btn.play-cta:after{border-radius:14px}@media(max-width:359px){.hub-mid{grid-template-columns:74px minmax(0,1fr) 74px}.hub-btn{width:74px}.hub-circle{width:66px;height:66px}.hub-circle svg{width:34px;height:34px}.hub-label{font-size:14px;min-width:62px}}@media(min-width:900px){.screen.home{width:100%;max-width:520px;margin:0 auto}.app{max-width:980px;grid-template-columns:minmax(0,1fr)}.view{grid-column:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}