:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}:root{--bg-main:#06142e;--bg-panel:#0a255899;--bg-panel-strong:#06142ee6;--moana-cyan:#00f2fe;--moana-coral:#ff758c;--text-main:#fff;--text-muted:#7dd3fc;--text-soft:#ffffffb3;--border-glass:#ff758c57;--border-glow:#ff758c33;--action-gradient:linear-gradient(135deg, #4ae8f4 0%, #1bd7ea 52%, #13cfe6 100%);--action-gradient-soft:linear-gradient(135deg, #4ae8f438 0%, #13cfe614 100%);--panel-gradient:linear-gradient(180deg, #253e70e0 0%, #0e224dd6 100%);--panel-gradient-soft:linear-gradient(135deg, #4976b838 0%, #112e610a 58%, #ff758c14 100%)}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 18% 12%,#4ae8f429 0%,#0000 26%),radial-gradient(circle at 84% 78%,#ff758c21 0%,#0000 24%),radial-gradient(circle at 50% 0,#113f67 0%,#0000 70%),linear-gradient(#07152c 0%,#041023 100%);margin:0;font-family:Avenir Next,Segoe UI,sans-serif;overflow-x:hidden}#root{min-height:100svh}body:before,body:after{content:"";pointer-events:none;filter:blur(70px);opacity:.22;z-index:0;border-radius:999px;width:380px;height:380px;position:fixed;inset:auto}body:before{background:#00f2fea6;top:-80px;left:-100px}body:after{background:#ff758c73;bottom:120px;right:-120px}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-scene{isolation:isolate;justify-content:center;align-items:stretch;min-height:100svh;padding:24px 16px;display:flex;position:relative}.mobile-scene:before{content:"";filter:blur(32px);opacity:.9;pointer-events:none;z-index:0;background:radial-gradient(circle,#00f2fe2e 0%,#00f2fe00 68%);border-radius:999px;width:min(88vw,560px);height:min(88vw,560px);position:absolute}.mobile-surface{z-index:1;background:radial-gradient(circle at 18% 12%,#4ae8f424 0%,#0000 24%),radial-gradient(circle at 84% 78%,#ff758c1c 0%,#0000 24%),linear-gradient(#07152c 0%,#041023 100%);border:1px solid #ffffff14;border-radius:32px;width:min(100%,430px);min-height:calc(100svh - 48px);position:relative;overflow:clip;box-shadow:0 26px 70px #00000057,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d}.app-shell{isolation:isolate;flex-direction:column;min-height:100%;padding:20px 20px 0;display:flex;position:relative}.app-shell.is-wipeout-active .live-session-panel,.app-shell.is-wipeout-active .replay-panel{border-color:#ff758c85;box-shadow:0 18px 38px #00000047,0 0 34px #ff758c33}.app-content{flex-direction:column;flex:1;padding-bottom:100px;display:flex;overflow:visible}.page-transition{animation:.28s pageFadeSlide}.page-toolbar-shell{z-index:12;pointer-events:none;padding-bottom:8px;position:sticky;top:clamp(10px,2vw,20px)}.page-back-button{color:var(--text-main);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff17,#ffffff08),#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:clamp(6px,1vw,10px);width:fit-content;padding:clamp(10px,1.6vw,12px) clamp(14px,2.4vw,18px);font-size:clamp(.86rem,1.3vw,.94rem);font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 10px 22px #0000001f}.page-back-button:hover{border-color:#00f2fe38;transform:translateY(-2px)scale(1.015);box-shadow:0 10px 20px #00000029,0 0 20px #00f2fe14}.page-back-button:active{transform:translate(0,0)scale(.985)}.app-bottom-dock{z-index:100;background:linear-gradient(#0000,#06142e 20%);margin-top:auto;padding:10px 16px 14px;position:sticky;bottom:0}.glass-panel{background:var(--panel-gradient-soft), var(--panel-gradient);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:0 8px 32px 0 #0000004d, 0 0 18px var(--border-glow);border-radius:20px;padding:20px;transition:transform .28s,box-shadow .28s,border-color .28s,background-color .28s}.glass-panel:hover{border-color:#ff758c8c;transform:translateY(-3px);box-shadow:0 16px 36px #00000047,0 0 30px #ff758c33}.app-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.session-kicker{letter-spacing:.16em;color:var(--text-muted);margin:0 0 6px;font-size:.8rem}.app-title{letter-spacing:-.06em;color:var(--text-main);text-shadow:0 0 18px #ffffff24,0 0 28px #00f2fe2e;margin:0;font-size:clamp(2rem,5vw,2.6rem);font-weight:900}.level-pill{letter-spacing:.04em;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;margin-top:10px;padding:8px 14px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 14px #ffffff0a}.level-pill-beginner,.level-pill-pro{color:#b8fbff;border-color:#00f2fe52;box-shadow:inset 0 0 14px #00f2fe14,0 0 18px #00f2fe24}.signal-pill{color:var(--text-soft);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.signal-pill.is-connected{color:#b8fbff;border-color:#00f2fe47;box-shadow:0 0 18px #00f2fe1f}.signal-pill.is-error,.signal-pill.is-alert{color:#ffd5dd;border-color:#ff758c52;box-shadow:0 0 18px #ff758c29}.header-stats{align-items:stretch;gap:12px;display:flex}.header-meta-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.score-card,.combo-pill{text-align:right;min-width:92px;padding:14px 16px;position:relative;overflow:hidden}.score-card:before,.combo-pill:before,.home-hero:before{content:"";opacity:.6;pointer-events:none;background:linear-gradient(135deg,#ffffff24,#0000 45%);position:absolute;inset:0}.combo-pill.is-hot{border-color:#ff758c73;box-shadow:0 0 24px #ff758c29,inset 0 0 16px #ff758c14}.stat-label{color:var(--text-muted);letter-spacing:.12em;font-size:.75rem}.stat-value{font-size:1.35rem;font-weight:800}.score-card-hydration{min-width:130px}.hydration-form{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.hydration-input{width:58px;color:var(--text-main);text-align:center;background:#081228b8;border:1px solid #ffffff1f;border-radius:12px;padding:8px 10px;font-size:.9rem;font-weight:700}.hydration-input:focus{border-color:#00f2fe57;outline:none;box-shadow:0 0 0 3px #00f2fe1a}.hydration-button{color:#06142e;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#6cebf5f0,#47d5f3eb);border:none;border-radius:12px;padding:8px 12px;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s}.hydration-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #00f2fe2e}.hydration-button:disabled{opacity:.7;cursor:wait}.hydration-feedback{color:var(--text-muted);margin-top:8px;font-size:.68rem;line-height:1.35}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.water-container{background:#0006;border:3px solid #fff3;border-radius:25px;width:150px;height:220px;transition:transform .3s;position:relative;overflow:hidden}.tank-muscle-badge{z-index:5;letter-spacing:.12em;text-transform:uppercase;color:#dcf5ffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06142e94;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.tank-muscle-graphic{z-index:3;opacity:.95;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:38px 14px 26px}.tank-muscle-graphic:before{content:"";filter:blur(10px);opacity:.75;background:radial-gradient(circle,#cde7ff2e 0%,#6ebcff1a 42%,#07152e00 78%);border-radius:999px;width:82px;height:126px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tank-body-reference{object-fit:contain;object-position:center;opacity:.96;filter:brightness(1.22)contrast(1.28)saturate(.85)drop-shadow(0 0 10px #ffffff24);mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 34%,#000000db 52%,#00000047 72%,#0000 88%);mask-image:radial-gradient(circle,#000 34%,#000000db 52%,#00000047 72%,#0000 88%)}.tank-muscle-overlay{position:absolute;inset:0}.tank-highlight{opacity:0;filter:blur(2px);background:radial-gradient(circle,#00f2fec7 0%,#00f2fe38 55%,#00f2fe00 100%);border-radius:999px;transition:opacity .32s;position:absolute}.tank-highlight-chest{width:64px;height:28px;top:42px;left:28px}.tank-highlight-back{width:68px;height:34px;top:46px;left:26px}.tank-highlight-quad-left,.tank-highlight-quad-right{width:22px;height:52px;top:92px}.tank-highlight-quad-left{left:36px}.tank-highlight-quad-right{left:62px}.tank-muscle-graphic--quads .tank-highlight-quad-left,.tank-muscle-graphic--quads .tank-highlight-quad-right,.tank-muscle-graphic--chest .tank-highlight-chest,.tank-muscle-graphic--back .tank-highlight-back{opacity:1}.water-fill{background:linear-gradient(180deg, var(--moana-cyan) 0%, #005bc5 100%);z-index:2;width:100%;transition:height 1.2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.water-fill:before,.water-fill:after{content:"";background:var(--bg-main);border-radius:40%;width:300px;height:300px;position:absolute;top:-285px;left:-50%}.water-fill:before{opacity:1;animation:7s linear infinite wave}.water-fill:after{opacity:.5;border-radius:35%;animation:12s linear infinite wave}.main-content{width:100%;max-width:100%;margin:0 auto;padding-bottom:120px}.gym-layout,.home-layout,.social-layout{flex-direction:column;gap:16px;display:flex}.landing-screen{justify-content:center;align-items:flex-start;min-height:100%;padding:56px 18px 28px;display:flex;position:relative;overflow:hidden}.landing-ambient{filter:blur(86px);opacity:.3;pointer-events:none;border-radius:999px;width:420px;height:420px;position:absolute}.landing-ambient-cyan{background:#00f2fe99;animation:16s ease-in-out infinite loginDrift;top:-110px;left:-90px}.landing-ambient-coral{background:#ff758c6b;animation:20s ease-in-out infinite reverse loginDrift;bottom:-80px;right:-120px}.landing-grid-lines{opacity:.36;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 34%,#0000 82%);mask-image:radial-gradient(circle,#000 34%,#0000 82%)}.landing-shell{z-index:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;width:100%;display:grid;position:relative}.landing-copy-block{padding-right:0}.landing-chip{color:#b8fbff;letter-spacing:.14em;text-transform:uppercase;background:#00f2fe14;border:1px solid #00f2fe38;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.landing-title{letter-spacing:-.08em;text-wrap:balance;margin:0 0 14px;font-size:clamp(2.2rem,7vw,3.4rem);line-height:.96}.landing-title-compact{max-width:10ch;font-size:clamp(1.68rem,4.8vw,2.3rem);line-height:1.02}.landing-copy{max-width:100%;color:var(--text-soft);font-size:.88rem;line-height:1.62}.landing-feature-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.landing-feature-pill{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.landing-live-strip{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.landing-live-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:4px;min-width:128px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.landing-live-chip span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.landing-live-chip strong{font-size:.92rem}.landing-action-row{flex-direction:column;gap:12px;margin-top:26px;display:flex}.landing-primary,.landing-secondary,.landing-tertiary{width:100%;min-width:0}.landing-showcase{border:1px solid #00f2fe29;padding:20px;position:relative;overflow:hidden;box-shadow:0 28px 60px #00000047,0 0 30px #00f2fe1f}.landing-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#00f2fe24,#0000 28%),radial-gradient(circle at 0 100%,#ff758c1f,#0000 26%);position:absolute;inset:0}.landing-gym-stage{background:radial-gradient(circle at top,#00f2fe29,#0000 34%),linear-gradient(#0d1d42f5 0%,#081229fa 100%);border:1px solid #ffffff14;border-radius:24px;height:300px;margin-bottom:20px;position:relative;overflow:hidden}.landing-gym-backdrop{opacity:.6;background:linear-gradient(90deg,#0000 0 16%,#ffffff0a 16% 17%,#0000 17% 33%,#ffffff0a 33% 34%,#0000 34% 50%,#ffffff0a 50% 51%,#0000 51% 67%,#ffffff0a 67% 68%,#0000 68%),linear-gradient(#0000 0%,#ffffff08 76%,#0000 76%);position:absolute;inset:0}.landing-reference-card{background:#090e1aeb;border-radius:22px;justify-content:center;align-items:center;padding:0;animation:4.4s ease-in-out infinite emblemFloat;display:flex;position:absolute;inset:18px;overflow:hidden;box-shadow:0 20px 36px #0003,0 0 28px #00f2fe24}.landing-reference-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.landing-reference-image-base{filter:contrast(1.04)saturate(1.08);animation:6s ease-in-out infinite heroImageDrift}.landing-reference-image-glow{filter:blur(18px)saturate(1.4)brightness(1.08);opacity:.72;mix-blend-mode:screen;animation:4.4s ease-in-out infinite heroImageGlow;transform:scale(1.04)}.landing-reference-spotlight{filter:blur(40px);pointer-events:none;mix-blend-mode:screen;border-radius:999px;width:180px;height:180px;position:absolute}.landing-reference-spotlight-left{background:#00f2fe33;animation:5.4s ease-in-out infinite heroSpotlightLeft;top:16%;left:18%}.landing-reference-spotlight-right{background:#ffffff14;animation:6.2s ease-in-out infinite heroSpotlightRight;top:18%;right:10%}.landing-reference-beam{filter:blur(8px);opacity:.72;pointer-events:none;background:linear-gradient(#0000 0%,#00f2fe14 24%,#00f2fe29 50%,#00f2fe14 76%,#0000 100%);width:38%;animation:5.8s ease-in-out infinite heroBeamDrift;position:absolute;inset:-10% auto -10% 8%;transform:skew(-8deg)}.landing-reference-shimmer{pointer-events:none;background:linear-gradient(110deg,#0000 0% 36%,#ffffff1f 48%,#0000 60% 100%);animation:6.5s ease-in-out infinite heroShimmer;position:absolute;inset:0;transform:translate(-120%)}.landing-gym-pulse{border:1px solid #00f2fe2e;border-radius:999px;width:130px;height:130px;animation:3.4s ease-out infinite pulseWave;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.landing-gym-pulse-2{animation-delay:1.1s}.landing-gym-pulse-3{animation-delay:2.2s}.landing-tracker-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06142eb8;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:4px;min-width:112px;padding:10px 12px;animation:3.4s ease-in-out infinite trackerDrift;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0f,0 14px 26px #0000002e}.landing-tracker-card span{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.68rem}.landing-tracker-card strong{font-size:.96rem}.landing-tracker-card-top{top:34px;right:26px}.landing-tracker-card-bottom{animation-delay:.35s;bottom:58px;left:24px}.landing-showcase-top{flex-direction:column;gap:8px;margin-bottom:18px;display:flex;position:relative}.landing-metric-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.76rem}.landing-metric-value{font-size:1.35rem;line-height:1.25}.landing-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.landing-showcase-card{background:linear-gradient(#ffffff12 0%,#0c1c3ce0 100%);border:1px solid #ff758c38;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 14px 28px #0000002e,0 0 20px #ff758c14}.landing-showcase-card span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.landing-showcase-card strong{font-size:1rem}.landing-coach-stage{background:radial-gradient(circle,#00f2fe24,#0000 34%),linear-gradient(#ffffff0d 0%,#09152e8f 100%);border:1px solid #ffffff14;border-radius:22px;height:210px;margin-bottom:18px;position:relative;overflow:hidden}.landing-trophy-badge{z-index:3;background:#091328e0;border:1px solid #00f2fe2e;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;animation:3.6s ease-in-out infinite trophyFloat;display:inline-flex;position:absolute;top:16px;right:18px;box-shadow:inset 0 1px #ffffff0f,0 12px 24px #0000002e,0 0 20px #00f2fe1a}.landing-trophy-icon{font-size:1rem;line-height:1}.landing-trophy-copy{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:800}.landing-coach-floor{z-index:1;background:linear-gradient(90deg,#ff758c38,#00f2fe33,#ff758c38);border-radius:999px;height:16px;position:absolute;bottom:26px;left:10%;right:10%}.landing-coach-ui-card,.landing-coach-callout{z-index:3;background:#07132bd1;border:1px solid #ffffff14;border-radius:16px;width:fit-content;max-width:165px;padding:10px 12px;position:absolute;box-shadow:inset 0 1px #ffffff0f,0 14px 28px #0000002e}.landing-coach-ui-card{top:18px;left:18px}.landing-coach-ui-card-left{inset:auto auto 18px 18px}.landing-coach-ui-card span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.62rem;display:block}.landing-coach-ui-card strong{font-size:.72rem;line-height:1.3}.landing-equipment-lane{z-index:0;position:absolute;inset:0;overflow:hidden}.landing-equipment-track{background:#ffffff14;border-radius:999px;height:10px;position:absolute;top:64%;left:24px;right:24px;transform:translateY(-50%)}.landing-equipment-track-secondary{background:linear-gradient(90deg,#ff758c24,#00f2fe1a,#ff758c24);height:12px;top:76%;left:42px;right:42px}.landing-equipment{opacity:.88;filter:drop-shadow(0 0 16px #00f2fe29);animation:16s linear infinite equipmentGlide;position:absolute;top:50%;left:-120px;transform:translateY(-50%)}.landing-equipment-dumbbell-1,.landing-equipment-dumbbell-2,.landing-equipment-plate,.landing-equipment-kettlebell,.landing-equipment-barbell-mini,.landing-equipment-bench{left:-120px}.landing-equipment-dumbbell-1,.landing-equipment-dumbbell-2{width:74px;height:28px}.landing-equipment-dumbbell-2{animation-delay:-5.4s;top:34%}.landing-dumbbell-handle{background:linear-gradient(90deg,#cdfcfffa,#6eeff9e6,#cdfcfffa);border-radius:999px;height:8px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%);box-shadow:0 0 12px #00f2fe2e}.landing-dumbbell-plate{background:linear-gradient(#53ecf7fa,#1abadceb);border-radius:8px;width:14px;height:28px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff2e,0 0 14px #00f2fe29}.landing-dumbbell-plate-left-outer{left:0}.landing-dumbbell-plate-left-inner{left:9px}.landing-dumbbell-plate-right-inner{right:9px}.landing-dumbbell-plate-right-outer{right:0}.landing-equipment-barbell-mini{width:98px;height:24px;animation-delay:-9.4s;top:69%}.landing-barbell-mini-bar{background:linear-gradient(90deg,#c6fafff0,#6cebf5d6);border-radius:999px;height:6px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}.landing-barbell-mini-plate{background:linear-gradient(#53ecf7fa,#1abadceb);border-radius:999px;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff2e,0 0 14px #00f2fe29}.landing-barbell-mini-plate-left{left:0}.landing-barbell-mini-plate-right{right:0}.landing-equipment-plate{border-radius:999px;width:28px;height:28px;animation-delay:-7.8s}.landing-plate-core{background:#08162feb;border:3px solid #92f8ffd1;border-radius:999px;position:absolute;inset:5px}.landing-equipment-kettlebell{background:var(--action-gradient);border-radius:12px 12px 14px 14px;width:30px;height:24px;animation-delay:-10.2s}.landing-kettlebell-handle{background:0 0;border:3px solid #92f8ffd1;border-radius:999px 999px 0 0;width:18px;height:10px;position:absolute;top:-8px;left:6px}.landing-equipment-bench{width:74px;height:34px;animation-delay:-12.8s;top:52%}.landing-bench-pad{background:linear-gradient(90deg,#67eff8f5,#33c9e7e0);border-radius:10px;height:12px;position:absolute;top:6px;left:8px;right:8px}.landing-bench-leg{background:#a8f6fceb;border-radius:999px;width:6px;height:18px;position:absolute;bottom:2px}.landing-bench-leg-left{left:20px;transform:rotate(18deg)}.landing-bench-leg-right{right:20px;transform:rotate(-18deg)}.landing-reward-lane{gap:10px;margin-top:18px;display:grid}.landing-reward-pill{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.landing-reward-pill span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem}.landing-reward-pill strong{font-size:.92rem}.login-screen{justify-content:center;align-items:flex-start;min-height:100%;padding:56px 18px 24px;display:flex;position:relative;overflow:hidden}.login-ambient{filter:blur(78px);opacity:.28;pointer-events:none;border-radius:999px;width:380px;height:380px;position:absolute}@keyframes loginDrift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(18px)scale(1.04)}}@keyframes athleteLift{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes barbellFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-14px)}}@keyframes pulseWave{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}30%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%)scale(1.24)}}@keyframes trackerDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes coachFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes emblemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes formflowFloat{0%,to{text-shadow:0 0 18px #ffffff1a,0 0 28px #00f2fe1f;transform:translateY(0)}50%{text-shadow:0 0 20px #ffffff1f,0 0 34px #00f2fe33;transform:translateY(-4px)}}@keyframes formflowShimmer{0%{background-position:0%}to{background-position:200%}}@keyframes heroImageDrift{0%,to{transform:scale(1)translate(0,0)}50%{transform:scale(1.02)translateY(-4px)}}@keyframes heroImageGlow{0%,to{opacity:.62;transform:scale(1.03)}50%{opacity:.84;transform:scale(1.07)}}@keyframes heroSpotlightLeft{0%,to{opacity:.7;transform:translate(0,0)scale(1)}50%{opacity:.92;transform:translate(10px,-8px)scale(1.1)}}@keyframes heroSpotlightRight{0%,to{opacity:.42;transform:translate(0,0)scale(1)}50%{opacity:.58;transform:translate(-8px,6px)scale(1.08)}}@keyframes heroBeamDrift{0%,to{opacity:.56;transform:skew(-8deg)translate(0)}50%{opacity:.82;transform:skew(-8deg)translate(14px)}}@keyframes heroShimmer{0%,to{opacity:0;transform:translate(-120%)}18%{opacity:.7}45%{opacity:0;transform:translate(120%)}}@keyframes trophyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes emblemArmFlex{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(1.2deg)translateY(-1px)}}@keyframes emblemDumbbellRock{0%,to{transform:rotate(0)}50%{transform:rotate(-1.8deg)}}@keyframes silhouetteDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dumbbellCurl{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes duoWomanLift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-1.5deg)}}@keyframes duoManCurl{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(1.4deg)}}@keyframes dumbbellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes rewardBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.08)}}@keyframes equipmentGlide{0%{left:-120px;transform:translateY(-50%)}to{left:calc(100% + 120px);transform:translateY(-50%)}}@keyframes orbitSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pulseCore{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #00f2fe33,0 0 24px #00f2fe38}50%{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 14px #00f2fe05,0 0 36px #00f2fe47}}@keyframes scanSweep{0%{opacity:0;transform:translateY(-120%)}15%{opacity:.9}to{opacity:0;transform:translateY(220%)}}@keyframes nodeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-ambient-cyan{background:#00f2fe9e;animation:14s ease-in-out infinite loginDrift;top:-80px;left:-80px}.login-ambient-coral{background:#ff758c75;animation:18s ease-in-out infinite reverse loginDrift;bottom:-70px;right:-100px}.login-grid-lines{opacity:.35;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 34%,#0000 84%);mask-image:radial-gradient(circle,#000 34%,#0000 84%)}.login-shell{z-index:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:18px;width:100%;display:grid;position:relative}.login-brand{padding:0}.auth-back-button{margin-bottom:clamp(14px,2vw,18px)}.login-hero-stack{margin-bottom:16px}.login-hero-chip{color:#ffd6dd;letter-spacing:.14em;text-transform:uppercase;background:#ff758c14;border:1px solid #ff758c42;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.login-brand-title{color:#0000;background:linear-gradient(120deg,#fff 0%,#dffcff 22%,#7cf5ff 48%,#fff 72% 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(2.2rem,5.8vw,3.2rem);animation:4.4s ease-in-out infinite formflowFloat,5.4s linear infinite formflowShimmer;display:inline-block}.login-hero-heading{letter-spacing:-.07em;text-wrap:balance;max-width:9ch;margin:0;font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1}.login-copy{max-width:100%;color:var(--text-soft);font-size:1rem;line-height:1.7}.login-highlight-grid{grid-template-columns:1fr;gap:10px;margin-top:24px;display:grid}.login-highlight-card{background:linear-gradient(#ffffff12 0%,#0c1c3ce0 100%);border:1px solid #ff758c38;border-radius:18px;flex-direction:column;gap:8px;min-height:118px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 14px 28px #0000002e,0 0 20px #ff758c14}.login-highlight-card strong{font-size:.92rem}.login-highlight-card span{color:var(--text-soft);font-size:.77rem;line-height:1.5}.login-card{background:linear-gradient(160deg, #00f2fe14 0%, #0f1f4214 48%, #ff758c14 100%), var(--panel-gradient-soft), var(--panel-gradient);border:1px solid #00f2fe2e;padding:24px;box-shadow:0 24px 60px #00000047,0 0 28px #00f2fe1f}.login-card-header{margin-bottom:18px}.login-auth-toggle{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;gap:8px;margin-bottom:18px;padding:6px;display:inline-flex}.login-auth-pill{color:#ffffff8f;background:0 0;border:none;border-radius:999px;padding:10px 16px;font-weight:800}.login-auth-pill.is-selected{color:#04243f;background:var(--action-gradient);box-shadow:0 8px 18px #12cfe633,inset 0 1px #fff6}.login-badge{color:#b8fbff;letter-spacing:.14em;text-transform:uppercase;background:#00f2fe14;border:1px solid #00f2fe3d;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.login-title{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.3rem)}.login-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.login-mode-chip{text-align:left;color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.login-mode-chip strong{font-size:.95rem}.login-mode-chip span{color:var(--text-soft);font-size:.76rem;line-height:1.45}.login-mode-chip.is-selected{background:linear-gradient(135deg,#4ae8f42e 0%,#13cfe614 100%);border-color:#00f2fe4d;box-shadow:0 12px 24px #0000002e,0 0 20px #00f2fe1f}.login-field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.login-field span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem}.login-field input{width:100%;color:var(--text-main);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:15px 16px;box-shadow:inset 0 1px #ffffff0a}.login-field input::placeholder{color:#ffffff59}.login-field input:focus{border-color:#00f2fe57;outline:none;box-shadow:0 0 0 3px #00f2fe1f,0 0 18px #00f2fe1a}.login-submit{margin-top:8px}.home-layout{justify-content:center;min-height:calc(100svh - 260px)}.onboarding-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:300;background:#06142eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.onboarding-popup{text-align:center;border:2px solid #00f2fe4d;width:min(100%,420px);box-shadow:0 22px 60px #00000052,0 0 34px #00f2fe1f}.onboarding-copy{margin-bottom:20px}.modal-back-button,.home-back-button{margin-bottom:clamp(12px,1.8vw,16px)}.onboarding-option-stack{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.onboarding-option{text-align:left;color:var(--text-main);background:#ffffff14;border:1px solid #0000;border-radius:16px;flex-direction:column;gap:8px;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.onboarding-option:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0000003d,0 0 22px #ffffff14}.onboarding-option-cyan{background:linear-gradient(135deg,#40e9f438 0%,#12cfe614 100%);border-color:#00f2fe66}.onboarding-option-coral{background:linear-gradient(135deg,#ff758c2e 0%,#ff758c12 100%);border-color:#ff758c61}.onboarding-skip{width:100%}.home-hero{text-align:center;background:radial-gradient(circle at 0 0,#4de7f41f,#0000 28%),linear-gradient(#2b4279f0 0%,#152453f5 100%);border:2px solid #ff758c6b;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 22px 60px #00000047,0 0 36px #ff758c2e}.home-hero-onboarding{max-width:460px;margin:0 auto}.home-title{margin:0 0 12px;font-size:clamp(2rem,5vw,2.6rem)}.home-copy{max-width:520px;color:var(--text-soft);margin:0 auto 24px;line-height:1.6}.home-action-grid,.home-action-stack{gap:14px;margin-bottom:8px;display:grid}.home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.home-class-card{text-align:left;color:var(--text-main);background:#ffffff14;border:1px solid #0000;flex-direction:column;gap:8px;padding:18px;display:flex;transform:translateY(0);box-shadow:inset 0 0 0 1px #ffffff05}.home-class-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 32px #0000003d,0 0 22px #ffffff14}.home-class-card-cyan{background:linear-gradient(135deg,#40e9f438 0%,#12cfe614 100%);border-color:#00f2fe66}.home-class-card-coral{background:linear-gradient(135deg,#ff758c2e 0%,#ff758c12 100%);border-color:#ff758c61}.home-class-title{font-size:1.05rem;font-weight:800}.home-class-copy{color:var(--text-soft);font-size:.85rem;line-height:1.5}.level-switch{background:linear-gradient(#2a3c6aeb 0%,#1c2f5ceb 100%);border:1px solid #ffffff14;border-radius:999px;gap:10px;margin-bottom:22px;padding:8px;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 8px 20px #0000002e}.level-toggle{color:#ffffff85;opacity:.82;background:#ffffff05;border:1px solid #0000;border-radius:999px;padding:10px 18px;font-weight:800}.level-toggle:hover{color:#ffffffc2;opacity:1;background:#ffffff14}.level-toggle.is-selected{color:#04243f;background:var(--action-gradient);opacity:1;border-color:#00f2fe47;box-shadow:0 0 20px #00f2fe24,0 10px 22px #12cfe638,inset 0 1px #ffffff6b}.level-toggle.is-selected.is-pro{color:#04243f;background:var(--action-gradient);border-color:#00f2fe47;box-shadow:0 0 20px #00f2fe24,0 10px 22px #12cfe638,inset 0 1px #ffffff6b}.muscle-selector{flex-wrap:wrap;gap:10px;display:flex}.muscle-chip{color:var(--text-soft);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff05}.muscle-chip:hover{color:var(--text-main);border-color:#00f2fe42;transform:translateY(-2px)}.muscle-chip.is-active{color:var(--bg-main);background:var(--action-gradient);box-shadow:0 0 20px #00f2fe40,0 8px 18px #00f2fe2e}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-title{margin:0 0 6px}.panel-subtitle{color:var(--text-soft)}.panel-side-note,.meta-card{background:#ffffff0d;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:6px;padding:14px;transition:transform .24s,border-color .24s,box-shadow .24s,background-color .24s;display:flex}.panel-side-note:hover,.meta-card:hover{background:#ffffff12;border-color:#ff758c42;transform:translateY(-2px);box-shadow:0 10px 24px #00000029,0 0 20px #ff758c14}.panel-side-note{text-align:left;min-width:132px}.panel-side-note span,.meta-card span{color:var(--text-muted);letter-spacing:.12em;font-size:.75rem}.panel-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.camera-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;min-height:260px;display:flex;position:relative}.water-level-label{z-index:6;text-align:center;width:100%;font-weight:900;position:absolute;top:45%}.camera-shell{filter:drop-shadow(0 0 20px #00f2fe14);position:relative}.camera-banner{text-align:center;width:calc(100% - 24px);color:var(--text-main);background:#ff758ceb;border-radius:999px;padding:6px 8px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.status-banner{text-align:left;border:1px solid #0000;border-radius:14px;margin-top:14px;padding:12px 14px}.status-banner[data-tone=info]{background:#7dd3fc1f;border-color:#7dd3fc2e}.status-banner[data-tone=success]{background:#00f2fe1f;border-color:#00f2fe3d}.status-banner[data-tone=warning]{background:#ff758c1f;border-color:#ff758c3d}.action-stack{flex-direction:column;gap:10px;margin-top:20px;display:flex}button,input{font:inherit}button{transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s,color .2s}button:active{transform:scale(.96)}button:disabled{cursor:not-allowed;opacity:.65}.primary-button,.secondary-button,.ghost-button,.feature-button,.feature-card,.back-button{cursor:pointer;border-radius:12px}.primary-button,.secondary-button{width:100%;padding:15px;font-weight:800}.primary-button{background:var(--action-gradient);color:#06142e;border:none;box-shadow:0 10px 24px #00f2fe38,inset 0 1px #ffffff42}.primary-button.is-disabled{color:var(--text-main);box-shadow:none;background:#444}.secondary-button{border:2px solid var(--moana-cyan);background:var(--action-gradient-soft);color:var(--moana-cyan);box-shadow:inset 0 0 22px #00f2fe0f}.ghost-button,.back-button{color:var(--text-main);background:0 0;border:1px solid #ff758c42;padding:10px 14px;box-shadow:inset 0 0 12px #ffffff08}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.back-button:hover,.feature-button:hover,.feature-card:hover,.nav-button:hover{transform:translateY(-2px)}.primary-button:hover{box-shadow:0 16px 28px #00f2fe3d,0 0 22px #00f2fe2e}.secondary-button:hover{background:#00f2fe17;box-shadow:inset 0 0 28px #00f2fe14,0 0 24px #00f2fe14}.ghost-button:hover,.back-button:hover{background:#ff758c14;border-color:#ff758c85;box-shadow:inset 0 0 12px #ff758c14,0 0 22px #ff758c1f}.compact-button{width:auto;padding-inline:14px;font-size:.85rem}.bottom-nav{border-radius:22px;justify-content:space-around;gap:10px;margin-top:auto;padding:15px;display:flex}.nav-button{color:#7dd3fc9e;opacity:.74;background:0 0;border:none;border-radius:16px;flex:1;padding:10px 8px;font-size:1.05rem;font-weight:700}.nav-button.is-active-main,.nav-button.is-active-home,.nav-button.is-active-social{color:#04243f;text-shadow:none;background:var(--action-gradient);opacity:1;box-shadow:0 10px 18px #12cfe638,inset 0 1px #ffffff6b}.split-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-summary{text-align:right;flex-direction:column;gap:4px;min-width:150px;display:flex}.profile-summary strong{font-size:.95rem}.profile-summary span{color:var(--text-soft);font-size:.74rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px;display:grid}.leaderboard-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.leaderboard-badge{color:#b8fbff;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-podium-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.leaderboard-podium-chip{background:linear-gradient(#ffffff14 0%,#112249e0 100%);border:1px solid #ffffff14;border-radius:16px;padding:14px 12px;box-shadow:inset 0 1px #ffffff0f,0 10px 22px #00000029}.leaderboard-podium-chip-1{border-color:#00f2fe47;box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000002e,0 0 20px #00f2fe24}.leaderboard-podium-chip-2{border-color:#ffffff24}.leaderboard-podium-chip-3{border-color:#ff758c3d}.leaderboard-podium-chip.is-current{box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000002e,0 0 18px #00f2fe2e}.leaderboard-podium-place{background:#ffffff14;border-radius:999px;margin-bottom:8px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.leaderboard-podium-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;display:block}.leaderboard-podium-name{margin-bottom:8px;font-weight:800}.leaderboard-podium-meta{flex-direction:column;gap:2px;display:flex}.leaderboard-podium-meta strong{letter-spacing:-.05em;font-size:1.35rem}.leaderboard-podium-meta span{color:var(--text-soft);font-size:.74rem}.leaderboard-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.leaderboard-row-game{grid-template-columns:64px minmax(0,1fr) auto;position:relative;overflow:hidden}.leaderboard-row-game:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0d,#0000 34%);position:absolute;inset:0}.leaderboard-row.is-current{background:#00f2fe14;border-color:#00f2fe38;box-shadow:0 0 18px #00f2fe1a}.leaderboard-rank-badge{background:linear-gradient(#173668eb 0%,#0c1c3ceb 100%);border:1px solid #00f2fe24;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 1px #ffffff0f}.leaderboard-rank{color:#b8fbff;font-size:1.05rem;font-weight:900}.leaderboard-user,.leaderboard-metrics{flex-direction:column;gap:4px;display:flex}.leaderboard-user-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.leaderboard-user span,.leaderboard-metrics span{color:var(--text-soft);font-size:.78rem}.leaderboard-you-tag{color:#b8fbff;letter-spacing:.12em;background:#00f2fe29;border-radius:999px;padding:4px 8px;font-size:.66rem;font-weight:900;display:inline-flex}.leaderboard-power-track{background:#ffffff14;border-radius:999px;height:10px;margin-top:2px;position:relative;overflow:hidden}.leaderboard-power-fill{border-radius:inherit;background:var(--action-gradient);height:100%;transition:width .45s;box-shadow:0 0 16px #00f2fe3d,inset 0 0 10px #ffffff42}.leaderboard-metrics{align-items:flex-end}.leaderboard-metrics strong{letter-spacing:-.05em;font-size:1.3rem}.feature-button{color:var(--text-main);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border:none;padding:15px;box-shadow:inset 0 0 0 1px #ffffff05}.feature-button:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0a,0 14px 24px #00000029}.feature-card{text-align:left;width:100%;color:var(--text-main);background:#ffffff0d;border:1px solid #0000;padding:20px;box-shadow:inset 0 0 0 1px #ffffff05}.feature-card:hover{box-shadow:0 16px 32px #0003,0 0 26px #ffffff0d}.feature-card-coral{border-color:var(--moana-coral);background:#ff758c1a}.feature-card-cyan{border-color:var(--moana-cyan);background:#00f2fe1a}.card-copy{color:var(--text-soft);margin-top:6px;font-size:.78rem}.live-session-panel.is-wipeout{border-color:#ff758c85}.session-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.session-stat{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.session-stat span{color:var(--text-muted);letter-spacing:.08em;font-size:.74rem}.session-stat strong{font-size:1rem}.replay-panel{overflow:hidden}.replay-chart-shell{margin-top:8px}.replay-chart{grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:6px;height:170px;padding:16px 0 8px;display:grid}.replay-bar{background:var(--action-gradient);border-radius:999px 999px 8px 8px;min-height:14px;box-shadow:0 0 16px #00f2fe1f}.replay-bar.is-kink{background:linear-gradient(#ff8ea2 0%,#ff5b7e 100%);box-shadow:0 0 16px #ff758c29}.replay-caption{color:var(--text-soft);justify-content:space-between;font-size:.74rem;display:flex}.replay-empty{color:var(--text-soft);margin:0}.replay-meta{margin-top:16px}.contest-card{border:2px solid var(--moana-coral)}.contest-media{text-align:center;background:#111;border-radius:15px;justify-content:center;align-items:center;height:200px;margin-bottom:15px;display:flex}.contest-input{width:100%;color:var(--text-main);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:10px;padding:15px}.social-action{margin-top:10px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}@media (width<=640px){.mobile-scene{padding:0}.mobile-scene:before{display:none}.mobile-surface{width:100%;min-height:100svh;box-shadow:none;border:none;border-radius:0}.app-shell,.app-bottom-dock{padding-inline:14px}.app-header,.panel-heading,.split-panel,.header-stats,.leaderboard-header{flex-direction:column;align-items:stretch}.panel-meta,.feature-grid,.home-action-grid,.session-stat-grid,.leaderboard-podium-strip,.login-mode-switch,.login-highlight-grid,.landing-showcase-grid,.landing-shell,.login-shell{grid-template-columns:1fr}.landing-copy-block,.login-brand{padding-right:0}.leaderboard-row{grid-template-columns:1fr}.nav-button{font-size:.92rem}}