@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2)format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2)format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2)format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-devanagari-700-normal-D37Te3iF.woff2)format("woff2"),url(/assets/baloo-2-devanagari-700-normal-CEIF4sJg.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-vietnamese-700-normal-h4tlcePq.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-700-normal-DoF59Mjc.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-devanagari-800-normal-BURIY0wZ.woff2)format("woff2"),url(/assets/baloo-2-devanagari-800-normal-YLp1oUqR.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(/assets/baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-vietnamese-700-normal-Dm7RZTvf.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-700-normal-BvUTSFNY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-ext-700-normal-BhgEo64M.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-700-normal-C0vCoZIV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky-1:#2b78d0;--sky-2:#7cbdee;--white:#fff;--paper-2:#eef2f8;--ink:#2b2730;--tomato:#e2352b;--tomato-2:#b8241c;--mustard:#f8c22e;--teal:#2f6fd1;--teal-2:#2457a8;--navy:#23407a;--navy-2:#1a3060;--mint:#6cc24a;--pink:#f7a8c6;--sky:#8fd0f5;--news:#d9dde5;--good:#2e9e44;--bad:#d6342a;--bad-2:#a8241c;--bg:var(--sky-1);--on-bg:var(--white);--panel:var(--white);--tile:var(--paper-2);--line:#2b273024;--text:var(--ink);--muted:#6b6470;--accent-ink:var(--teal);--font:"Nunito", system-ui, sans-serif;--font-display:"Baloo 2", "Nunito", system-ui, sans-serif;--font-tech:"Barlow Semi Condensed", system-ui, sans-serif;--cutout:0 0 0 4px var(--white), 0 6px 0 4px #0000001a, 0 10px 22px #0000002e;--cutout-sm:0 0 0 3px var(--white), 0 4px 0 3px #0000001a, 0 6px 12px #00000029;--radius:22px;--radius-sm:14px;--select-line:var(--teal);--select-bg:#2f6fd11f;--on-accent:var(--white);--disabled-text:#a39daa;--scrim:#141e3c8c;--hud-bg:#fff;--hud-tile:#e6eaf2;--hud-text:#2b2730;--hud-dim:#6b6470;--hud-good:#2e9e44;--hud-bad:#d6342a;--hud-warn:#c98600;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:0;width:1em;height:1em}button{font-family:inherit}html{background:var(--bg);height:100%}html,.gate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cellipse cx='80' cy='112' rx='44' ry='22' fill='%234a9d5c'/%3E%3Cellipse cx='15' cy='108' rx='48' ry='24' fill='%235fb36c'/%3E%3C/svg%3E"), linear-gradient(var(--sky-1), var(--sky-2));background-size:100% 100%,auto;background-attachment:fixed}body{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);color:var(--on-bg);font:600 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;background:0 0;grid-template:"bar""screen"minmax(0,1fr)/minmax(0,1fr);margin:0;display:grid;overflow:hidden}input,code{-webkit-user-select:text;user-select:text}main{grid-area:screen}body.in-game{grid-template:"screen"minmax(0,1fr)/minmax(0,1fr)}body.in-game .appbar{display:none}@keyframes rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes pop{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shout{0%{opacity:0;scale:.3}40%{opacity:1;scale:1.15}60%,to{opacity:1;scale:1}}@keyframes drain{0%{width:100%}to{width:0}}.display{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.05}.btn{--c1:var(--teal);--c2:var(--teal-2);min-height:48px;font:800 16px/1.15 var(--font);text-align:center;color:var(--on-accent);background:var(--c1);box-shadow:inset 0 -3px 0 var(--c2);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:6px 22px;transition:translate 60ms;display:inline-flex;position:relative}@media (hover:hover){.btn:hover{filter:brightness(1.08)}.btn.ghost:hover,.btn.ghost-dark:hover{filter:brightness(.94)}}.btn:active{box-shadow:inset 0 -1px 0 var(--c2);translate:0 2px}.btn[aria-busy=true]{pointer-events:none}.btn[aria-busy=true]:before{content:"";border:2.5px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin}@keyframes spin{to{rotate:1turn}}.btn svg{font-size:20px}.btn.primary,.btn.blue{--c1:var(--teal);--c2:var(--teal-2)}.btn.red{--c1:var(--bad);--c2:var(--bad-2)}.btn.purple{--c1:var(--navy);--c2:var(--navy-2)}.btn.ghost,.btn.ghost-dark{--c1:var(--tile);--c2:#d6dbe6;color:var(--ink)}.btn:disabled{--c1:var(--tile);--c2:#d6dbe6;color:var(--disabled-text);cursor:default;filter:none;translate:none}.btn.small{min-height:40px;padding:0 16px;font-size:15px}.btn.round,.btn.icon{width:48px;padding:0}.btn.round.small{width:40px;min-height:40px;font-size:20px}.btn.big{min-height:54px;padding:0 32px;font-size:18px}.btn.wide{width:100%}.btn.muted{color:var(--muted)}.btn.muted:after{content:"";background:currentColor;border-radius:2px;width:22px;height:3px;position:absolute;rotate:-45deg}.appbar{z-index:10;background:var(--white);grid-area:bar;position:relative;box-shadow:0 4px #0000000f,0 6px 18px #00000024}.appbar-inner{align-items:center;gap:20px;max-width:1036px;min-height:68px;margin:0 auto;padding:10px 28px;display:flex}.brand{cursor:pointer;background:0 0;border:0;flex:none;padding:0}.logo{font:800 31px/1 var(--font-display);gap:.04em;display:inline-flex}.logo span{color:var(--tomato);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);display:inline-block}.logo span:nth-child(odd){translate:0 1px;rotate:-4deg}.logo span:nth-child(2n){translate:0 -1px;rotate:3deg}.logo span:nth-child(n+6){color:var(--mustard)}.logo span:nth-child(n+6):nth-child(2n){color:var(--sky)}.logo span:nth-child(6){margin-left:.08em}.tabbar{gap:6px;display:flex}.tabbar button{min-height:42px;color:var(--muted);font:800 16px/1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:flex}.tabbar button svg{font-size:22px}@media (hover:hover){.tabbar button:hover{color:var(--ink);background:var(--tile)}}.tabbar button.active{color:var(--white);background:var(--teal);box-shadow:inset 0 -3px 0 var(--teal-2)}.trainer{min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:0 auto;align-items:center;gap:10px;margin-left:auto;padding:4px 12px 4px 4px;display:flex}@media (hover:hover){.trainer:hover{background:var(--tile)}}.trainer-icon{background:var(--tile);width:40px;height:40px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.trainer-text{min-width:0;display:grid}.trainer-text b{color:var(--ink);font-size:15px;font-weight:800;line-height:1.2}.status{color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status.connecting{color:var(--hud-warn);animation:1s infinite pulse}.status.connected{color:var(--good)}.trainer:has(.status.connected) .trainer-icon{color:var(--white);background:var(--good)}.appbar-tools{border-left:2px solid var(--tile);gap:8px;padding-left:14px;display:flex}.appbar .btn.icon{width:40px;min-height:40px}@media (display-mode:standalone),(display-mode:fullscreen){#fullscreen{display:none}}.warning{--c1:var(--mustard);color:var(--ink);margin:0;padding:14px 18px;font-weight:600}main{overscroll-behavior:contain;align-content:start;gap:24px;min-height:0;padding:32px max(28px,50% - 490px) 48px;animation:.25s ease-out rise;display:grid;overflow-y:auto}.section-head{gap:8px;display:grid}.section-head h1{margin:0;font-size:38px;font-weight:800}main>.section-head,main>.hint,.section-head .hint{color:var(--white);text-shadow:0 1px 2px #0a1e4673,0 2px #0a1e4633}.section-head h2{margin:0;font-size:24px}.hint{font:700 16px/1.4 var(--font);margin:0}.panel{color:var(--text);padding:22px}.panel h2{margin:0 0 14px;font-size:24px;font-weight:800}#view-menu{align-content:safe center;gap:32px;padding-bottom:12vh}.start-head{text-align:center;justify-items:center;gap:8px;display:grid}.start-head h1{color:var(--white);text-shadow:0 3px #0a1e4640;margin:0;font-size:46px;font-weight:800}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.start-card{flex-direction:column;align-items:flex-start;gap:12px;padding:28px;display:flex}.start-card h2{margin:0;font-size:28px;font-weight:800}.start-card p{color:var(--muted);flex:1;margin:0 0 6px;font-size:16px}.start-icon{width:56px;height:56px;color:var(--white);background:var(--tomato);border-radius:50%;place-items:center;font-size:26px;display:grid}.start-icon.join{background:var(--teal)}.join-form{gap:10px;width:100%;display:flex}.join-form input{width:0;min-width:0;height:54px;font:700 24px/1 var(--font-tech);letter-spacing:.3em;text-align:center;text-transform:uppercase;color:var(--ink);background:var(--white);border:2px solid #d6dbe6;border-radius:999px;flex:1;padding:0 16px}.join-form input::placeholder{color:#b6bdcb}.join-form input:focus{border-color:var(--teal);outline:none}body.in-game{background:#3a1410}html:has(body.in-game){background:#3a1410}.game-view{padding:0 0 env(safe-area-inset-bottom);color:var(--white);background:0 0;grid-template-rows:minmax(0,1fr);gap:0;position:relative;overflow:hidden}.game-head{z-index:2;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));position:absolute}.game-head h1{display:none}.game-head .btn.round{--c1:var(--white);--c2:#d6dbe6;color:var(--ink);width:40px;min-height:40px}.session-exit{margin-left:auto;display:none!important}.game-head .session-exit{min-height:60px;box-shadow:var(--cutout-sm);border-radius:999px;gap:10px;padding:0 24px 0 20px;font-size:17px}.game-head .session-exit svg{font-size:22px}.in-room .session-exit{display:inline-flex!important}.arena{min-height:0;display:grid;container-type:size}.stage{background:#3a1410;width:100%;height:100%;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stage{--u:min(1cqw, 1.7778cqh);--hud-shadow:0 max(2px, calc(.3 * var(--u))) 0 #00000024, 0 max(4px, calc(.6 * var(--u))) max(8px, calc(1.4 * var(--u))) #00000038;container-type:inline-size}.hud{top:calc(1.4 * var(--u));justify-items:center;gap:calc(.6 * var(--u));max-width:calc(56 * var(--u));color:var(--hud-text);font-family:var(--font-tech);pointer-events:none;display:grid;position:absolute;left:50%;translate:-50%}.hud-strip{gap:calc(2.4 * var(--u));padding:calc(.6 * var(--u)) calc(2 * var(--u)) calc(1.2 * var(--u));border-radius:max(8px, calc(1.2 * var(--u)));background:var(--hud-bg);box-shadow:var(--hud-shadow);display:flex;position:relative}.cell{white-space:nowrap;align-items:baseline;gap:.3em;display:flex}.cell b{font:700 clamp(16px, calc(2.9 * var(--u)), 40px)/1 var(--font-tech);font-variant-numeric:tabular-nums}.cell span{font:600 clamp(9px, calc(1.15 * var(--u)), 15px)/1 var(--font-tech);letter-spacing:.06em;text-transform:uppercase;color:var(--hud-dim)}.progress{left:calc(1.2 * var(--u));right:calc(1.2 * var(--u));bottom:calc(.45 * var(--u));height:max(3px, calc(.4 * var(--u)));background:var(--hud-tile);border-radius:2px;position:absolute;overflow:hidden}.progress span{background:var(--hud-warn);width:0;height:100%;transition:width .25s linear;display:block}.hud-power{align-items:center;gap:calc(1.6 * var(--u));padding:calc(.5 * var(--u)) calc(1.8 * var(--u)) calc(.5 * var(--u)) calc(.5 * var(--u));border-radius:max(10px, calc(1.4 * var(--u)));background:var(--hud-bg);box-shadow:var(--hud-shadow);display:flex}.instr{justify-items:center;gap:calc(.25 * var(--u));min-width:calc(13 * var(--u));padding:calc(.6 * var(--u)) calc(1.2 * var(--u));border-radius:max(6px, calc(.9 * var(--u)));text-align:center;color:var(--ink);background:#e6f0fc;display:grid}.instr small{font:600 clamp(9px, calc(1.05 * var(--u)), 14px)/1.2 var(--font-tech);letter-spacing:.06em;text-transform:uppercase;color:var(--hud-dim)}.instr b{font:700 clamp(16px, calc(2.7 * var(--u)), 36px)/1.05 var(--font-tech);font-variant-numeric:tabular-nums;white-space:nowrap}.readout{align-items:baseline;gap:.15em;display:flex}.readout b{font:700 clamp(40px, calc(8.4 * var(--u)), 112px)/.95 var(--font-tech);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--hud-text)}.readout span{font:600 clamp(14px, calc(2.1 * var(--u)), 28px)/1 var(--font-tech);color:var(--hud-dim)}.readout.in b,.readout.ok b{color:var(--hud-good)}.readout.out b,.readout.high b{color:var(--hud-bad)}.readout.low b{color:var(--hud-warn)}.side{gap:calc(.5 * var(--u));display:grid}.side span{align-items:baseline;gap:.3em;display:flex}.side b{font:700 clamp(15px, calc(2.5 * var(--u)), 34px)/1 var(--font-tech);font-variant-numeric:tabular-nums}.side i{font:600 clamp(10px, calc(1.15 * var(--u)), 16px)/1 var(--font-tech);text-transform:uppercase;color:var(--hud-dim);font-style:normal}.side .hr i{color:var(--hud-bad)}.gauge{width:clamp(90px, calc(14 * var(--u)), 200px);height:clamp(7px, calc(1 * var(--u)), 13px);background:#cfd7e6;border-radius:2px;position:relative;overflow:hidden}.gauge i{background:var(--good);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.gauge.low i{background:var(--bad)}.gauge s{width:clamp(3px, calc(.4 * var(--u)), 5px);background:var(--ink);margin-left:-2px;position:absolute;top:0;bottom:0}.shout{font:800 clamp(56px, 11vw, 140px)/1 var(--font-display);color:var(--white);-webkit-text-stroke:clamp(3px, .5vw, 7px) var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#view-ride .shout{align-items:end;padding-bottom:8%}.next-game{width:min(580px,100% - 32px);color:var(--ink);background:var(--white);border-top:8px solid var(--z);pointer-events:none;border-radius:20px;gap:6px;padding:16px 20px 18px;animation:.3s ease-out pop;display:grid;position:absolute;top:27%;left:50%;translate:-50%;box-shadow:0 12px 32px #0000004d}.next-game header{justify-content:space-between;align-items:center;gap:12px;display:flex}.next-game .ribbon{--c1:var(--navy)}.next-game header b{font:700 clamp(15px, 1.6vw, 20px)/1 var(--font-tech);font-variant-numeric:tabular-nums;color:var(--muted)}.next-game h2{font:800 clamp(26px, 3.6vw, 42px)/1.1 var(--font-display);margin:2px 0 0}.next-game p{margin:0;font-size:clamp(16px,1.7vw,21px);line-height:1.4}.next-game footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-size:clamp(14px,1.4vw,17px);font-weight:700;display:flex}@media (height<=500px){.next-game{border-top-width:6px;gap:2px;width:min(440px,100% - 32px);padding:10px 14px 12px;top:30%}.next-game h2{font-size:22px}.next-game p{font-size:14px}.next-game footer{font-size:13px}}.shout.long{text-align:center;padding:0 8%;font-size:clamp(32px,5.5vw,72px)}.shout.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) both shout}.shout.good{color:#8fe36b}.shout.bad{color:#ff7a6b}.overlay{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:24px 20px;display:grid;position:absolute;inset:0;overflow:auto}.overlay.global{z-index:40;position:fixed}.modal{--c1:var(--tomato);width:min(520px,100%);color:var(--ink);animation:.3s cubic-bezier(.2,1.5,.4,1) pop;position:relative;overflow:hidden}.modal.blue{--c1:var(--navy)}.modal.purple{--c1:var(--pink)}.modal.pink{--c1:var(--mustard)}.modal.primary{--c1:var(--teal)}.modal.yellow{--c1:var(--sky)}.modal:before{content:"";background:var(--c1);height:8px;position:absolute;inset:0 0 auto}.modal-close{z-index:1;width:40px;min-height:40px;position:absolute;top:20px;right:20px}.modal-head{text-align:left;justify-items:start;gap:10px;padding:30px 28px 0;display:grid}.modal-head h2{color:var(--ink);margin:0;font-size:30px;font-weight:800;line-height:1.1}.ribbon{font:800 11px/1.2 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--white);background:var(--c1);border-radius:999px;padding:4px 10px}.modal.purple .ribbon,.modal.pink .ribbon,.modal.yellow .ribbon{color:var(--ink)}.modal-body{text-align:left;color:var(--ink);gap:18px;padding:18px 28px 28px;font-size:16px;line-height:1.55;display:grid}.modal-body p{color:var(--text);margin:0}.modal-body b{color:var(--ink)}.modal-body .small{color:var(--muted);margin-top:-6px;font-size:14px}.modal-body h3{font:800 18px/1.2 var(--font-display);color:var(--ink);margin:4px 0 -8px}.ftp-note{color:var(--muted);margin:0}.ftp-note b{color:var(--text)}.link-btn{font:inherit;color:var(--accent-ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}.modal-body>.btn{justify-self:end}.health-list{gap:8px;margin:0;padding-left:20px;display:grid}.gate .login-terms{font-size:13px}.results-timer{background:var(--tile);border-radius:999px;width:100%;height:8px;display:block;overflow:hidden}.results-timer:after{content:"";background:var(--tomato);height:100%;animation:7s linear both drain;display:block}.in-room .tabbar [data-view=menu],.room-tab{display:none!important}.in-room .room-tab{display:flex!important}.avatar{width:34px;height:34px;font:600 20px/1 var(--font);color:#fff;background:var(--pc);border-radius:50%;flex:none;place-items:center;display:inline-grid}.room-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;display:grid}.room-invite{gap:6px;min-width:0;display:grid}.room-invite .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.room-code-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.room-code-row b{letter-spacing:.12em;color:var(--tomato);margin-right:6px;font-size:44px;line-height:1}.room-code-row .btn svg{font-size:17px}.room-go{justify-items:center;gap:8px;min-width:240px;display:grid}.room-go .btn{width:100%}.link-btn.quiet{color:var(--muted);font-size:14px}@media (hover:hover){.link-btn.quiet:hover{color:var(--bad)}}.room-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.room-side{gap:24px;min-width:0;display:grid}.remote-panel{text-align:center;justify-items:center;gap:10px;display:grid}.remote-panel h2{margin:0;font-size:20px}.remote-panel .remote-qr{width:min(200px,100%)}.players{gap:10px;margin:0;padding:0;list-style:none;display:grid}.players li{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:grid}.players li.me{border-color:var(--select-line);background:var(--select-bg)}.pname{min-width:0;line-height:1.25;display:grid}.pname b,.pname small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pname small{color:var(--muted);font-size:13px}.tstatus{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.tstatus:before{content:"";background:#c3c9d6;border-radius:50%;width:9px;height:9px}.tstatus.on{color:var(--good)}.tstatus.on:before{background:var(--good)}.tstatus.off{color:var(--bad)}.tstatus.off:before{background:var(--bad)}.points{font:700 15px/1 var(--font-tech);color:var(--ink)}.panel-title{align-items:baseline;gap:10px;display:flex}.panel-title span{font:700 15px/1 var(--font-tech);color:var(--muted)}.players-foot{color:var(--muted);margin:12px 0 0;font-size:14px}.players-foot b{color:var(--ink);white-space:nowrap}.program-tabs{flex-wrap:wrap;gap:8px;display:flex}.program-tabs button{min-height:42px;font:800 15px/1 var(--font);color:var(--ink);background:var(--tile);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;box-shadow:inset 0 -3px #d6dbe6}.program-tabs button small{color:var(--muted);font-weight:700}@media (hover:hover){.program-tabs button:hover:not(:disabled){filter:brightness(.97)}}.program-tabs button.selected{color:var(--white);background:var(--teal);box-shadow:inset 0 -3px 0 var(--teal-2)}.program-tabs button.selected small{color:#fffc}.program-tabs button:disabled{cursor:default}.program-tabs button:disabled:not(.selected){opacity:.5}#program-guest{text-align:left;margin-top:10px}.program-preview{border-top:2px solid var(--tile);gap:12px;margin-top:20px;padding-top:20px;display:grid}.pp-focus{font:800 11px/1.4 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-2);background:var(--select-bg);border-radius:999px;margin-right:6px;padding:3px 10px;display:inline-block}.pp-desc{color:var(--muted);margin:0}.pp-profile{background:var(--tile);border-radius:12px;align-items:flex-end;gap:2px;height:110px;margin-top:6px;padding:24px 8px 0;display:flex}.pp-profile i{background:var(--z);border-radius:4px 4px 0 0;min-width:4px;position:relative}.pp-profile i.game{min-width:12px}.pp-profile i.game:after{content:attr(data-n);font:800 11px/1 var(--font);color:var(--muted);font-style:normal;position:absolute;bottom:100%;left:50%;translate:-50% -3px}.pp-axis{font:600 12px/1 var(--font-tech);color:var(--muted);justify-content:space-between;margin-top:-6px;display:flex}.program-preview h4{font:800 15px/1 var(--font);margin:6px 0 0}.pp-games{counter-reset:game;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pp-games li{counter-increment:game;background:var(--tile);border-radius:999px;padding:5px 12px 5px 6px;font-size:14px;font-weight:700}.pp-games li:before{content:counter(game);background:var(--z);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-size:12px;display:inline-grid}.pp-random{color:var(--muted);margin:0}.room-wait{color:var(--muted);text-align:center;margin:0;font-size:14px;font-weight:700}.room-wait:empty{display:none}.room-note{text-align:center;color:var(--muted);margin:8px 0 0;font-size:13px}.board,.plan{top:calc(1.4 * var(--u));width:calc(21 * var(--u));padding:calc(.6 * var(--u));border-radius:max(8px, calc(1.2 * var(--u)));color:var(--hud-text);background:var(--hud-bg);box-shadow:var(--hud-shadow);font:600 clamp(10px, calc(1.2 * var(--u)), 16px)/1.25 var(--font-tech);pointer-events:none;margin:0;position:absolute}.board{right:calc(1.4 * var(--u));gap:calc(.3 * var(--u));list-style:none;display:grid}.board li{align-items:center;gap:calc(.6 * var(--u));padding:calc(.35 * var(--u)) calc(.5 * var(--u));border-radius:calc(.7 * var(--u));background:var(--hud-tile);display:flex}.board li.me{background:var(--teal);color:var(--white)}.board i{width:1.4em;color:var(--hud-dim);text-align:center;font-style:normal;font-weight:700}.board li.me i{color:var(--white)}.board .avatar{width:1.9em;height:1.9em;font-size:1.1em}.board span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.board b{font-variant-numeric:tabular-nums;font-weight:800}.board em{color:var(--hud-good);font-style:normal;font-weight:700}.board li.me em{color:var(--white)}.plan{left:calc(1.4 * var(--u));gap:calc(.5 * var(--u));display:grid}.plan header{gap:calc(.1 * var(--u));padding:0 calc(.3 * var(--u)) calc(1.1 * var(--u));display:grid;position:relative}.plan header b{font:700 1.3em/1.1 var(--font-tech);text-transform:uppercase;letter-spacing:.03em}.plan header small{color:var(--hud-dim);font-size:1em}.plan header .progress{left:calc(.3 * var(--u));right:calc(.3 * var(--u));bottom:calc(.2 * var(--u))}.plan ol{gap:calc(.3 * var(--u));margin:0;padding:0;list-style:none;display:grid}.plan li{padding:calc(.35 * var(--u)) calc(.6 * var(--u));border-radius:calc(.6 * var(--u));text-overflow:ellipsis;white-space:nowrap;color:var(--ink);background:var(--z);font-weight:700;position:relative;overflow:hidden}.plan li.done{opacity:.35}.plan li.now{box-shadow:0 0 0 max(2px, calc(.2 * var(--u))) var(--teal);padding-right:1.6em}.plan li.now:after{content:"◀";position:absolute;right:.5em}.z1{--z:#b9c8f2}.z2{--z:var(--sky)}.z3{--z:var(--mint)}.z4{--z:var(--mustard)}.z5{--z:#f08a5d}.z6{--z:#f07a6a}.plan-count{padding:0 calc(.3 * var(--u));color:var(--hud-dim)}.name-field{text-align:left;width:100%;color:var(--text);gap:8px;display:grid}.name-field input{width:100%;height:52px;font:600 17px/1 var(--font);color:var(--text);background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:0 16px}.name-field input:focus{border-color:var(--teal);outline:none}.ranking{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.ranking li{border:2px solid var(--line);text-align:left;color:var(--text);border-radius:14px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;animation:.3s ease-out both rise;display:grid}.ranking li:nth-child(2){animation-delay:60ms}.ranking li:nth-child(3){animation-delay:.12s}.ranking li:nth-child(n+4){animation-delay:.18s}.ranking li.me{border-color:var(--select-line);background:var(--select-bg)}.ranking .place{width:34px;height:34px;font:400 17px/1 var(--font-display);color:var(--muted);background:var(--panel);border-radius:50%;place-items:center;display:grid}.ranking .p1,.ranking .p2,.ranking .p3{color:var(--ink);box-shadow:var(--cutout-sm);border-radius:50%}.ranking .p1{background:var(--mustard)}.ranking .p2{background:var(--news)}.ranking .p3{background:#e9a27a}.ranking .value{font-variant-numeric:tabular-nums;font-weight:800}.ranking .plus{color:var(--white);background:var(--good);border-radius:999px;padding:3px 8px;font-size:14px;font-weight:700}.ranking .plus.zero{color:var(--muted);background:var(--panel)}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;display:grid}.podium-step{text-align:center;justify-items:center;gap:4px;min-width:0;animation:.4s ease-out both rise;display:grid}.podium-step b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.podium-step small{font:700 13px/1 var(--font-tech);color:var(--muted)}.podium-step i{width:100%;font:800 26px/1 var(--font-display);color:var(--ink);background:var(--news);border-radius:12px 12px 4px 4px;place-items:center;margin-top:4px;font-style:normal;display:grid}.podium-step.p1 i{background:var(--mustard);height:86px}.podium-step.p2 i{height:62px}.podium-step.p3 i{background:#e9a27a;height:44px}.podium-step.p1{animation-delay:.25s}.podium-step.p3{animation-delay:.1s}.podium-step.p1 .avatar{width:46px;height:46px;font-size:26px}.podium-step.me b{color:var(--teal)}.awards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.awards:empty,#summary-list:empty{display:none}.awards li{align-items:center;gap:10px;display:flex}.awards li>span:last-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.awards em{font:800 12px/1.3 var(--font);letter-spacing:.02em;color:var(--ink);background:var(--mustard);border-radius:999px;padding:3px 10px;font-style:normal}.awards em:before{content:"🏆";margin-right:4px}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;width:100%;display:grid}.summary-stats div{border:2px solid var(--line);border-radius:14px;justify-items:center;gap:2px;padding:10px 4px;display:grid}.summary-stats small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.summary-stats b{font:700 28px/1.1 var(--font-tech);font-variant-numeric:tabular-nums}.summary-stats span{color:var(--muted);font-size:12px}.shifter{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:20;color:var(--hud-text);background:var(--hud-bg);box-shadow:var(--cutout-sm);border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed}.shifter button{width:48px;height:48px;color:var(--white);background:var(--tomato);box-shadow:inset 0 -3px 0 var(--tomato-2);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:24px;transition:translate 60ms,box-shadow 60ms;display:grid}.shifter #shift-down{background:var(--teal);box-shadow:inset 0 -3px 0 var(--teal-2)}.shifter .shift-remote{color:var(--ink);background:var(--tile);margin-right:4px;box-shadow:inset 0 -3px #d6dbe6}.shifter button:active{translate:0 2px}.shifter button:disabled{opacity:.35;cursor:default;translate:none}.shifter.off .shifter-value b{font-size:14px}.shifter-value{justify-items:center;min-width:64px;display:grid}.shifter-value small{font:600 12px/1.2 var(--font-tech);letter-spacing:.08em;text-transform:uppercase;color:var(--hud-dim)}.shifter-value b{font:700 28px/1 var(--font-tech);font-variant-numeric:tabular-nums}.toast{left:50%;top:calc(24px + env(safe-area-inset-top));z-index:60;color:var(--ink);padding:12px 20px;position:fixed;translate:-50%}.toast.pop{animation:.2s ease-out pop}.achievement-pop{left:50%;top:calc(16px + env(safe-area-inset-top));z-index:110;background:var(--white);border:3px solid var(--mustard);width:max-content;max-width:calc(100vw - 32px);color:var(--ink);border-radius:18px;align-items:center;gap:12px;padding:12px 20px 12px 14px;animation:.25s ease-out pop;display:flex;position:fixed;translate:-50%;box-shadow:0 10px 30px #00000040}.achievement-pop .medal{font-size:34px}.achievement-pop span{display:grid}.achievement-pop small{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.achievement-pop b{font-family:var(--font-display);font-size:20px;line-height:1.1}.zone-gauge span{background:var(--good);opacity:.6;position:absolute;top:0;bottom:0}.heat-gauge span{background:var(--bad);position:absolute;top:0;bottom:0;left:0}.confetti{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;inset:0}.muted{color:var(--muted);margin:0;font-size:15px}.stack{gap:24px;display:grid}.gate{z-index:50;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background-color:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.gate-card{text-align:center;justify-items:center;gap:16px;width:min(440px,100%);display:grid}.gate-logo{width:96px;height:96px;box-shadow:var(--cutout);border-radius:50%}.gate-brand{margin:4px 0 0}.gate-brand .logo{font-size:48px}.gate-brand .logo span{-webkit-text-stroke-width:9px;text-shadow:0 5px 0 var(--ink)}.gate-tagline{font:700 17px/1.4 var(--font);margin:0}.gate .muted{color:var(--on-bg);opacity:.9}.gate .trainer-step,.gate .setup-form,.gate .login-form{border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:var(--cutout);padding:22px}.gate .trainer-step .muted,.gate .setup-form .muted,.gate .login-form .muted{color:var(--muted)}.gate .login-form .warning{border-radius:14px;font-size:15px}.gate-invite.gone{border-color:var(--line);background:var(--panel);color:var(--muted)}.gate-invite{border:2px solid var(--select-line);background:var(--select-bg);width:100%;color:var(--text);border-radius:14px;margin:0;padding:12px 16px}.gate .login-form{justify-content:center;width:100%}.gate .login-form input{flex-basis:100%}.setup-form{text-align:left;gap:16px;width:100%;display:grid}.trainer-step{justify-items:center;gap:14px;width:100%;display:grid}.trainer-step h2{margin:0;font-size:22px}.gate:not(.landing) [data-landing]{display:none}.gate:not(.landing) .landing-hero{display:contents}.gate:not(.landing) .gate-card{grid-area:auto}.gate.landing{padding:0 16px max(48px, env(safe-area-inset-bottom));display:block}.gate.landing .gate-card>:is(.gate-logo,.gate-brand,.gate-tagline){display:none}.gate.landing .gate-card{text-align:left;justify-items:stretch;width:100%}.gate.landing .login-form .btn{flex:1}.landing-bar,.landing-hero,.landing-section,.landing-cta{width:min(1080px,100%);margin-inline:auto}.landing-bar{padding:max(16px, env(safe-area-inset-top)) 0 8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.landing-bar .btn,.landing-cta .btn{text-decoration:none}.landing-hero{grid-template:"copy stage""card stage"1fr/minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:24px 40px;padding-top:32px;display:grid}.hero-copy{color:var(--on-bg);grid-area:copy}.hero-copy h1{text-shadow:0 3px #0000002e;margin:0 0 14px;font-size:clamp(34px,4.6vw,54px);line-height:1.05}.hero-copy p{font:600 18px/1.5 var(--font);margin:0}.hero-stage{aspect-ratio:16/9;border-radius:var(--radius);width:100%;box-shadow:var(--cutout);grid-area:stage;display:block}.landing-hero .gate-card{grid-area:card}.landing-section{color:var(--on-bg);margin-top:72px}.landing-section h2,.landing-cta h2{text-shadow:0 3px #0000002e;margin:0 0 10px;font-size:clamp(28px,3.4vw,38px)}.landing-lead{max-width:680px;font:600 17px/1.5 var(--font);margin:0 0 24px}.landing-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.landing-steps li,.landing-card,.landing-faq>div{border-radius:var(--radius);color:var(--ink);background:var(--white);box-shadow:var(--cutout);padding:20px 22px}.landing-steps li{counter-increment:step;gap:6px;display:grid}.landing-steps li:before{content:counter(step);width:40px;height:40px;font:800 22px/1 var(--font-display);color:var(--white);background:var(--tomato);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.landing-steps b,.landing-card h3,.landing-faq dt{font:800 19px/1.25 var(--font-display)}.landing-steps span,.landing-card p,.landing-faq dd{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.landing-games,.landing-programs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.landing-programs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.landing-clip{aspect-ratio:16/9;background:var(--tile);object-fit:cover;border-radius:12px;width:100%;margin-bottom:6px;display:block}.landing-games .landing-card{grid-template-rows:auto auto 1fr auto}.landing-card{box-shadow:inset 0 10px 0 var(--z,var(--teal)), var(--cutout);grid-template-rows:auto 1fr auto;gap:8px;padding-top:30px;display:grid}.landing-card h3{margin:0}.landing-card h3 small{font:700 13px/1 var(--font);color:var(--muted);margin-left:6px}.landing-card>small{font:700 13px/1.2 var(--font-tech);letter-spacing:.04em;text-transform:uppercase;background:var(--paper-2);border-radius:999px;justify-self:start;padding:4px 10px}.landing-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.landing-features .landing-card{grid-template-rows:auto 1fr}small.effort{align-items:center;gap:8px;display:inline-flex}small.effort:after{content:"";background:linear-gradient(90deg, var(--z) calc(var(--level) * 20%), transparent 0), repeating-linear-gradient(90deg, #d6dbe6 0 8px, transparent 8px 9.5px);border-radius:2px;width:46px;height:8px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 9.5px);mask:repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 9.5px)}.landing-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 0;display:grid}.landing-faq dt{margin-bottom:6px}.switch-row small a{color:var(--teal-2);font-weight:700}.ranking .pname small{color:var(--muted);margin-left:6px;font-size:.8em}.remote-pair{justify-items:center}.remote-pair>p{justify-self:stretch}.remote-pair>.remote-status,.remote-pair>.btn{justify-self:center}.remote-qr{border-radius:var(--radius-sm);background:var(--white);width:min(240px,70vw);box-shadow:var(--cutout-sm);padding:10px}.remote-qr svg{width:100%;height:auto;display:block}.remote-status{color:var(--muted);margin:0;font-weight:800}.remote-status.on,#remote-open.on{color:var(--good)}.remote-page{height:100dvh;padding:env(safe-area-inset-top) 16px max(16px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);display:grid}.remote-head{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.remote-head .logo{font-size:24px}.remote-conn{opacity:.9;text-align:right;font-size:14px;font-weight:700}.remote-conn.on{color:#b9f5a0}.remote{grid-area:auto;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:14px;padding:0;animation:none;display:grid;overflow:visible}.remote-btn{border-radius:var(--radius);font:800 28px/1 var(--font-display);color:var(--white);box-shadow:var(--cutout);touch-action:manipulation;border:0;place-content:center;gap:4px;display:grid}.remote-btn span:first-child{font-size:40px}.remote-btn.harder{background:var(--tomato)}.remote-btn.easier{background:var(--teal)}.remote-btn{transition:translate 80ms,box-shadow 80ms,filter 80ms;position:relative;overflow:hidden}.remote-btn.pressed{filter:brightness(1.12);box-shadow:0 0 0 4px var(--white), 0 1px 0 4px #0000001a, 0 3px 8px #0000002e;translate:0 5px}.remote-btn:after{content:"";border-radius:inherit;background:var(--white);opacity:0;pointer-events:none;position:absolute;inset:0}.remote-btn.fired:after{animation:.35s ease-out remote-flash}.remote-btn:disabled{opacity:.4;filter:none;translate:none}@keyframes remote-flash{0%{opacity:.5}to{opacity:0}}.remote-card{border-radius:var(--radius);color:var(--ink);background:var(--white);box-shadow:var(--cutout);justify-items:center;gap:2px;padding:14px;display:grid}.remote-card small{font:700 13px/1.2 var(--font-tech);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.remote-card>b{font:700 44px/1 var(--font-tech);font-variant-numeric:tabular-nums}.remote-card>b.bump{animation:.4s cubic-bezier(.2,1.6,.4,1) remote-bump}.remote-card>b.harder{color:var(--tomato)}.remote-card>b.easier{color:var(--teal)}@keyframes remote-bump{0%{scale:1.4}to{scale:1}}.remote-live{color:var(--muted);font:600 15px/1.2 var(--font-tech);gap:18px;display:flex}.remote-live b{color:var(--ink);font-size:20px}.legal-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:32px 0 8px;font-size:14px;display:flex}.legal-links a{color:var(--on-bg);opacity:.85;font-weight:700}.legal-page{-webkit-user-select:text;user-select:text;height:auto;min-height:100dvh;padding:0 16px 48px;display:block;overflow:visible}main.legal{border-radius:var(--radius);width:min(760px,100%);color:var(--ink);background:var(--white);box-shadow:var(--cutout);margin:24px auto 0;padding:clamp(22px,4vw,40px);animation:none;display:block;overflow:visible}.legal h1{margin:0 0 12px;font-size:clamp(30px,4vw,40px)}.legal h2{font:800 20px/1.3 var(--font-display);margin:28px 0 6px}.legal p{margin:0 0 10px;line-height:1.6}.legal a{color:var(--teal-2)}.legal-stand{color:var(--muted);font-size:14px;margin-top:28px!important}html[lang=de] [data-lang=en],html:not([lang=de]) [data-lang=de]{display:none!important}.legal-note{background:var(--tile);border-radius:12px;padding:10px 14px;font-size:14px}.legal-nav{flex-wrap:wrap;gap:20px;display:flex;margin-top:8px!important}.landing-bar .logo{text-decoration:none}.landing-cta{text-align:center;color:var(--on-bg);justify-items:center;gap:16px;margin-top:72px;display:grid}@media (width<=820px){.landing-hero{grid-template:"copy""stage""card"/minmax(0,1fr);padding-top:12px}.landing-steps,.landing-faq{grid-template-columns:minmax(0,1fr)}.landing-section,.landing-cta{margin-top:56px}}.trainer-step .status{justify-content:center;font-size:16px}.modal-body .trainer-dialog-status{font-size:20px}.setup-form h2{text-align:center;margin:0;font-size:22px}.login-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.login-form p{flex-basis:100%}.login-form input{height:48px;font:600 17px/1 var(--font);color:var(--text);background:var(--panel);border:2px solid var(--line);border-radius:14px;flex:220px;padding:0 16px}.login-form input:focus{border-color:var(--teal);outline:none}#login-code{letter-spacing:.3em;text-align:center;flex:0 180px}.settings{gap:18px;display:grid}.settings h2{margin:0}.setting,.account-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.setting>span,.account-foot>span{min-width:0;display:grid}.account-foot b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.setting .row,.account-foot .row{gap:10px;display:flex}.btn.ghost.danger{color:var(--bad)}.strava{gap:14px;display:grid}.strava-head{align-items:center;gap:14px;display:flex}.strava-head h2{margin:0}.strava-logo{color:#fff;background:#fc4c02;border-radius:12px;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.strava .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn.strava-btn{--c1:#fc4c02;--c2:#c93c00}.activities{gap:10px;margin:0;padding:0;list-style:none;display:grid}.activities:empty{display:none}.activities li{border:2px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.activities b{font-weight:600}.activities small{color:var(--muted);grid-column:1;font-size:13px}.activities .sync{grid-area:1/2/span 2;font-size:13px;font-weight:600}.activities a.sync{color:#fc4c02;text-decoration:none}.activities .sync.failed{color:var(--bad)}.activities button.sync{color:#fc4c02;border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:6px 10px;font-family:inherit}.achievements{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.achievements li{border:2px solid var(--line);opacity:.55;filter:grayscale();border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.achievements li.on{opacity:1;filter:none;border-color:var(--mustard);background:#f8c22e1f}.achievements .medal{font-size:26px}.achievements li>span:last-child{display:grid}.achievements b{font-weight:700}.achievements small{color:var(--muted);font-size:13px}.profile{gap:16px;display:grid}.profile-head{align-items:center;gap:16px;display:flex}.profile-head h2{margin:0}.avatar.profile-avatar{--pc:var(--mustard);width:64px;height:64px;font-size:34px}.profile-numbers{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.unit-input{align-items:center;gap:8px;display:flex}.unit-input span{color:var(--muted);font-weight:600}.ftp-hint{font-size:13px}.wkg{color:var(--accent-ink);margin:0;font-weight:600}.icon-picker{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;display:grid}.icon-picker button{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;height:46px;font-size:24px}.icon-picker button.selected{border-color:var(--select-line);background:var(--select-bg)}.switch-row{cursor:pointer;align-items:flex-start;gap:14px;display:flex}.switch-row input{width:24px;height:24px;accent-color:var(--teal);flex:none;margin:2px 0 0}.switch-row span{gap:4px;display:grid}.switch-row small,.summary-sync{font-size:14px}.summary-sync:empty{display:none}.panel,.modal,.toast{border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:var(--cutout)}.warning{background:var(--c1);box-shadow:var(--cutout-sm);border-radius:999px}.players li,.ranking li,.activities li,.summary-stats div,.icon-picker button{border-radius:var(--radius-sm);background:var(--tile);border:0}.name-field input,.login-form input,.unit-input input{background:var(--white);font-family:var(--font);border:2px solid #d6dbe6;border-radius:999px;box-shadow:inset 0 2px #0000000d}.name-field input:focus,.login-form input:focus,.unit-input input:focus{border-color:var(--teal);outline:none}.icon-picker button.selected,.players li.me,.ranking li.me{background:var(--select-bg);box-shadow:inset 0 0 0 2px var(--teal)}@media (width<=900px){.appbar-inner{gap:10px;min-height:58px;padding:8px 12px}.logo{font-size:24px}.logo span{-webkit-text-stroke-width:5px}.tabbar button{padding:0 12px}.tabbar button span,.trainer-text{display:none}.trainer-icon{width:36px;height:36px;font-size:18px}.appbar-tools{gap:6px;padding-left:8px}.appbar .btn.icon{width:36px;min-height:36px}main{padding:22px 14px 32px}.start-grid{grid-template-columns:minmax(0,1fr)}#view-menu{padding-bottom:32px}.start-head h1{font-size:36px}.room-head{grid-template-columns:minmax(0,1fr)}.room-go{min-width:0}.room-grid{grid-template-columns:1fr}}@media (width<=520px){.logo{font-size:20px}.logo span{-webkit-text-stroke-width:4px}.appbar-tools{border-left:0;padding-left:0}#remote-open,.remote-panel{display:none}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-body>.btn{justify-self:stretch}.program-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.program-tabs button{white-space:nowrap;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:8px 14px;font-size:14px}}@media (orientation:portrait) and (width<=900px){.game-view{grid-template-rows:auto minmax(0,1fr);overflow-y:auto}.arena{align-content:safe center;gap:14px;display:grid;container-type:normal}.arena:after{content:"Handy quer halten für das volle Bild";color:var(--muted);justify-self:center;font-size:13px}.game-head{padding:8px 12px 0;position:static}.stage{flex-direction:column;width:100%;height:auto;display:flex}.stage canvas{aspect-ratio:16/9;height:auto}.hud{background:var(--ink);order:-1;max-width:none;padding:8px;position:static;translate:none}.board,.plan{width:auto;box-shadow:none;border-width:0;border-radius:0;font-size:13px;position:static}.plan{order:1}}@media (orientation:landscape) and (height<=520px){.shifter button{width:38px;height:38px;font-size:20px}.shifter-value{min-width:54px}.shifter-value b{font-size:20px}.game-head .btn.round{width:36px;min-height:36px}.game-head .session-exit{width:50px;min-height:50px;margin-left:0;padding:0}.session-exit span,.plan li:nth-child(n+5),.plan-count{display:none}.modal-head{padding:12px 16px}.modal-head h2{font-size:22px}.modal-body{gap:10px;padding:12px 16px 14px}.modal-body>p:first-child{display:none}.btn.big{min-height:46px}}
