:root{--sky-top: #4cc9f0;--sky-mid: #90e0ef;--sky-low: #caf0f8;--panel: rgba(20, 26, 43, .72);--panel-solid: #141a2b;--panel-hi: #1b2236;--glass: rgba(255, 255, 255, .14);--glass-line: rgba(255, 255, 255, .28);--line: #283150;--text: #ffffff;--text-ink: #1b2236;--text-muted: #cfe3f5;--text-muted-ink: #5a6b86;--cyan: #38e1ff;--cyan-deep: #0496c7;--pink: #ff5b9c;--gold: #ffd166;--purple: #9b8cff;--lime: #b4f06a;--green: #06d6a0;--orange: #fb8500;--danger: #ff5b6e;--fs-score: 44px;--fs-title: 24px;--fs-h2: 18px;--fs-body: 14px;--fs-label: 12px;--fs-micro: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-num: "SF Mono", ui-monospace, "Roboto Mono", monospace;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-xxl: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 28px;--r-pill: 999px;--sh-card: 0 6px 20px rgba(11, 15, 26, .28), inset 0 1px 0 rgba(255,255,255,.18);--sh-btn: 0 6px 0 rgba(0,0,0,.18), 0 8px 18px rgba(0,0,0,.25);--sh-btn-press: 0 2px 0 rgba(0,0,0,.18), 0 3px 8px rgba(0,0,0,.25);--sh-overlay: 0 20px 60px rgba(0,0,0,.5);--sh-glow-cyan: 0 0 18px rgba(56,225,255,.55);--sh-glow-gold: 0 0 18px rgba(255,209,102,.6);--z-bg: 0;--z-content: 10;--z-hud: 20;--z-nav: 30;--z-overlay: 40;--z-toast: 50;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tg-top: 0px;--tg-bottom: 0px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none}body{background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 45%,var(--sky-low) 100%)}.app{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:560px;margin:0 auto;overflow:hidden}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--sp-lg) + var(--safe-top) + var(--tg-top)) var(--sp-lg) var(--sp-lg);padding-bottom:calc(96px + var(--safe-bottom) + var(--tg-bottom))}.screen.no-pad{padding:0}.screen-anim{animation:screenIn .32s cubic-bezier(.22,1,.36,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.card{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-line);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:var(--sp-md);box-shadow:var(--sh-card)}.hud-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:var(--r-md);box-shadow:var(--sh-card)}.title{font-size:var(--fs-title);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--sp-xs)}.h2{font-size:var(--fs-h2);font-weight:700}.muted{color:var(--text-muted);font-size:var(--fs-body);line-height:1.4}.muted-ink{color:var(--text-muted-ink)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;border:none;border-radius:var(--r-md);font-size:16px;font-weight:800;letter-spacing:.01em;cursor:pointer;margin-top:var(--sp-md);color:#04263a;box-shadow:var(--sh-btn);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;touch-action:manipulation}.btn:active{transform:translateY(4px);box-shadow:var(--sh-btn-press)}.btn-primary{background:linear-gradient(180deg,#6fe7ff,var(--cyan))}.btn-primary:active{filter:brightness(1.05)}.btn-gold{background:linear-gradient(180deg,#ffe08a,var(--gold))}.btn-pink{background:linear-gradient(180deg,#ff86bb,var(--pink));color:#3a0420}.btn-green{background:linear-gradient(180deg,#4ff0c4,var(--green))}.btn-ghost{background:var(--glass);color:var(--text);border:1px solid var(--glass-line);box-shadow:none}.btn-ghost:active{transform:translateY(2px);background:#ffffff38}.btn-sm{width:auto;padding:10px 16px;font-size:14px;margin-top:0}.btn-block{width:100%}.row{display:flex;align-items:center;gap:var(--sp-md)}.col{display:flex;flex-direction:column}.spread{justify-content:space-between}.center-x{justify-content:center}.gap-sm{gap:var(--sp-sm)}.mt-sm{margin-top:var(--sp-sm)}.text-center{text-align:center}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:800}.pill-gold{background:#ffd16638;color:var(--gold)}.pill-cyan{background:#38e1ff38;color:var(--cyan)}.pill-purple{background:#9b8cff38;color:var(--purple)}.pill-green{background:#06d6a038;color:var(--green)}.stars{color:var(--gold);font-weight:800}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--sp-md);text-align:center;padding:var(--sp-xl)}.big{font-size:52px;font-weight:900;letter-spacing:-.03em}.grad{background:linear-gradient(100deg,var(--cyan),var(--purple) 60%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.score-num{font-family:var(--font-num);font-weight:900;font-variant-numeric:tabular-nums}.nav{position:relative;z-index:var(--z-nav);display:flex;justify-content:space-around;align-items:flex-end;gap:2px;padding:8px 10px calc(8px + var(--safe-bottom) + var(--tg-bottom));background:linear-gradient(180deg,#141a2bdb,#0b0f1af5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--glass-line);box-shadow:0 -8px 24px #0000004d}.nav-btn{flex:1;position:relative;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--fs-micro);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:var(--r-md);transition:transform .12s ease,color .15s ease;touch-action:manipulation}.nav-btn:active{transform:scale(.9)}.nav-ico{font-size:22px;line-height:1;filter:grayscale(.4) opacity(.8);transition:filter .15s ease,transform .15s ease}.nav-label{letter-spacing:.02em}.nav-btn.active{color:var(--cyan)}.nav-btn.active .nav-ico{filter:none;transform:translateY(-1px) scale(1.05)}.nav-btn.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:3px;background:var(--cyan);box-shadow:var(--sh-glow-cyan)}.nav-play .nav-ico{width:52px;height:52px;margin-top:-22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:linear-gradient(180deg,#6fe7ff,var(--cyan-deep));box-shadow:0 6px 16px #0496c780,inset 0 2px #fff6;filter:none;border:3px solid rgba(11,15,26,.9)}.nav-play.active .nav-ico{animation:playPulse 1.6s ease-in-out infinite}.nav-play.active:after{display:none}@keyframes playPulse{0%,to{box-shadow:0 6px 16px #0496c780,inset 0 2px #fff6}50%{box-shadow:0 6px 26px #38e1ffd9,inset 0 2px #ffffff80}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;background:#070a129e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease;padding:var(--sp-xl)}.modal-card{width:100%;max-width:360px;background:linear-gradient(180deg,var(--panel-hi),var(--panel-solid));border:1px solid var(--glass-line);border-radius:var(--r-xl);padding:var(--sp-xl);box-shadow:var(--sh-overlay);text-align:center;animation:popIn .28s cubic-bezier(.34,1.56,.64,1)}.modal-title{font-size:var(--fs-title);font-weight:900;margin-bottom:var(--sp-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:none}}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-md);background:linear-gradient(180deg,var(--sky-top),var(--sky-mid) 55%,var(--sky-low));overflow:hidden}.loading-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 18%,rgba(255,224,102,.9),transparent 22%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.7),transparent 12%),radial-gradient(circle at 40% 22%,rgba(255,255,255,.55),transparent 9%);animation:drift 16s linear infinite}@keyframes drift{0%{background-position:0 0}to{background-position:40px 0}}.loading-stack{position:relative;height:120px;width:90px;display:flex;flex-direction:column-reverse;align-items:center;gap:4px}.lblk{width:64px;height:22px;border-radius:5px;box-shadow:inset 0 2px #fff6,0 2px 4px #0003;opacity:0;animation:blockDrop 1.8s ease-in-out infinite}.lblk.b1{background:var(--gold);animation-delay:0s}.lblk.b2{background:var(--orange);animation-delay:.25s;width:60px}.lblk.b3{background:var(--pink);animation-delay:.5s;width:56px}.lblk.b4{background:var(--purple);animation-delay:.75s;width:52px}@keyframes blockDrop{0%{opacity:0;transform:translateY(-40px)}15%,70%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.loading-logo{font-size:40px;z-index:1}.loading-bar{width:200px;height:12px;border-radius:var(--r-pill);background:#0b0f1a40;overflow:hidden;border:1px solid var(--glass-line);z-index:1}.loading-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));transition:width .3s ease;box-shadow:var(--sh-glow-cyan)}.loading .muted{color:var(--text-ink);z-index:1;font-weight:700}.game-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;z-index:var(--z-bg)}.play-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hud-top{position:absolute;z-index:var(--z-hud);top:calc(var(--safe-top) + var(--tg-top) + 8px);left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-avatar{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:var(--r-pill)}.hud-avatar .av{width:34px;height:34px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;box-shadow:inset 0 1px #fff6}.hud-avatar .lvl{font-size:var(--fs-micro);color:var(--text-muted);font-weight:800}.hud-avatar .nm{font-size:var(--fs-label);font-weight:800}.hud-score{flex:1;text-align:center;padding:6px 14px}.hud-score .s{font-family:var(--font-num);font-size:38px;font-weight:900;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.hud-score .lbl{font-size:var(--fs-micro);letter-spacing:.18em;color:var(--text-muted);font-weight:800;text-transform:uppercase}.hud-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hud-chip{display:flex;align-items:center;gap:5px;padding:6px 11px;border-radius:var(--r-pill);font-weight:800;font-size:var(--fs-label)}.icon-btn{width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--glass-line);background:var(--glass);color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card)}.icon-btn:active{transform:scale(.92)}.hud-energy{position:absolute;z-index:var(--z-hud);top:calc(var(--safe-top) + var(--tg-top) + 70px);left:14px;right:14px;height:8px;border-radius:var(--r-pill);background:#0b0f1a47;overflow:hidden;border:1px solid var(--glass-line)}.hud-energy .fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:var(--r-pill);transition:width .25s ease}.mode-card{text-align:center}.mode-emoji{font-size:42px}.tabs{display:flex;gap:6px;margin-bottom:var(--sp-md);background:var(--glass);padding:4px;border-radius:var(--r-md);border:1px solid var(--glass-line)}.tab{flex:1;padding:9px;text-align:center;border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-label);font-weight:800;cursor:pointer;transition:all .15s ease}.tab.active{background:linear-gradient(180deg,#6fe7ff,var(--cyan));color:#04263a;box-shadow:0 2px 8px #38e1ff66}.lb-item{display:flex;align-items:center;gap:10px;padding:11px 8px;border-radius:var(--r-md);margin-bottom:4px;background:#ffffff0d}.lb-rank{width:30px;text-align:center;font-weight:900;font-size:15px}.lb-rank.r1{color:var(--gold)}.lb-rank.r2{color:#cfd8e3}.lb-rank.r3{color:#e8a06b}.lb-medal{font-size:18px;width:30px;text-align:center}.lb-name{flex:1;font-weight:700}.lb-score{font-family:var(--font-num);color:var(--cyan);font-weight:800}.lb-self{background:#38e1ff24;border:1px solid rgba(56,225,255,.3)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.shop-card{background:var(--panel);border:1px solid var(--glass-line);border-radius:var(--r-lg);padding:var(--sp-md);box-shadow:var(--sh-card);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.shop-card .thumb{height:78px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:40px;background:linear-gradient(135deg,#9b8cff66,#38e1ff4d)}.shop-card .nm{font-weight:800;font-size:var(--fs-body)}.shop-card .ds{font-size:var(--fs-micro);color:var(--text-muted);line-height:1.3;flex:1}.shop-badge{position:absolute;top:8px;right:8px}.profile-hero{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-md)}.profile-av{width:64px;height:64px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;box-shadow:var(--sh-card)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.stat{background:#ffffff0f;border-radius:var(--r-md);padding:var(--sp-md);text-align:center}.stat .v{font-family:var(--font-num);font-size:22px;font-weight:900}.stat .k{font-size:var(--fs-micro);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.progress{height:10px;border-radius:var(--r-pill);background:#0b0f1a47;overflow:hidden;border:1px solid var(--glass-line);margin-top:6px}.progress .fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:var(--r-pill)}.result-score{font-family:var(--font-num);font-size:60px;font-weight:900;line-height:1}.result-row{display:flex;justify-content:space-around;margin:var(--sp-md) 0}.result-row .v{font-family:var(--font-num);font-size:20px;font-weight:900}.result-row .k{font-size:var(--fs-micro);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}@media (max-width: 360px){.big{font-size:42px}.hud-score .s{font-size:32px}}