:root{
  --bg:#070a12;--panel:#0d1220;--panel2:#121a2b;--line:#202b42;--text:#f4f7ff;--muted:#8793aa;
  --cyan:#35d8ff;--blue:#5a7cff;--green:#52f2a3;--red:#ff5b75;--yellow:#ffc857;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none}body{min-height:100%;background:radial-gradient(circle at 50% 0,#152241 0,transparent 34rem),var(--bg)}button{font:inherit}.app{max-width:760px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom))}.hero{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 16px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--cyan),var(--blue));font-weight:1000;font-size:23px;box-shadow:0 0 28px #35d8ff38}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.22em;color:var(--cyan)}h1{font-size:22px;line-height:1;margin:4px 0 0;letter-spacing:.03em}.balance-pill{padding:8px 11px;border:1px solid var(--line);border-radius:13px;background:#0c1220cc;text-align:right;white-space:nowrap}.balance-pill span{display:block;font-size:9px;color:var(--muted)}.balance-pill strong{font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.stats-grid article{padding:11px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#12192a,#0c111e);min-width:0}.stats-grid span,.stats-grid small{display:block;color:var(--muted);font-size:10px}.stats-grid strong{display:block;font-size:20px;line-height:1.2;margin:3px 0}.game-shell{border:1px solid #26334d;border-radius:22px;padding:10px;background:linear-gradient(180deg,#0e1526,#090d18);box-shadow:0 18px 60px #0008}.game-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:3px 4px 10px}.score-box,.timer-box{display:flex;flex-direction:column}.timer-box{text-align:right}.score-box span,.timer-box span{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.16em}.score-box strong,.timer-box strong{font-size:24px}.lives{display:flex;gap:5px}.life{width:18px;height:16px;position:relative;filter:drop-shadow(0 0 7px #ff5b7570)}.life:before,.life:after{content:"";position:absolute;width:10px;height:15px;background:var(--red);border-radius:10px 10px 0 0;transform:rotate(-45deg);transform-origin:0 100%;left:9px}.life:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.life.lost{opacity:.16;filter:none}.arena{position:relative;height:470px;overflow:hidden;border:1px solid #1b2d49;border-radius:17px;background:linear-gradient(180deg,#0c1730 0%,#08101d 65%,#07111b 100%);touch-action:none;user-select:none}.arena:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -5%,#3ca7ff2d,transparent 45%),linear-gradient(90deg,transparent 49.6%,#7cb7ff09 50%,transparent 50.4%);pointer-events:none}.grid-glow{position:absolute;left:-20%;right:-20%;bottom:-20px;height:180px;background:repeating-linear-gradient(90deg,#3c75c616 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,#3c75c614 0 1px,transparent 1px 38px);transform:perspective(260px) rotateX(55deg);transform-origin:bottom;pointer-events:none}.start-panel{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(180deg,#08101bd9,#070b14f4)}.start-panel.hidden{display:none}.orb{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#8cf0ff,var(--cyan) 28%,#4f69ff 75%,#273271);font-size:50px;font-weight:200;box-shadow:0 0 70px #35d8ff64;margin-bottom:22px}.start-panel h2{font-size:24px;margin:0 0 9px}.start-panel p{max-width:330px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.55}.primary{min-height:48px;border:0;border-radius:14px;padding:0 28px;background:linear-gradient(135deg,var(--cyan),#5878ff);color:#03101b;font-weight:1000;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 30px #35d8ff2b}.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.status{font-size:11px;color:#d7e3f7;margin-top:12px;max-width:360px;padding:7px 10px;border:1px solid #263752;border-radius:9px;background:#0b1322;line-height:1.35}.status[data-state="ok"]{color:#93f7c1;border-color:#214b3b;background:#0b1b17}.status[data-state="error"]{color:#ff9cac;border-color:#5a2632;background:#211018}.status[data-state="wait"]{color:#b8c7de}.build-tag{margin-top:7px;font-size:9px;letter-spacing:.12em;color:#52627b}.basket{position:absolute;z-index:10;bottom:15px;left:50%;width:98px;height:42px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.basket-core{position:absolute;inset:8px 0 0;border:2px solid var(--cyan);border-top:0;border-radius:5px 5px 18px 18px;background:linear-gradient(180deg,#35d8ff18,#35d8ff32);box-shadow:0 0 22px #35d8ff42,inset 0 0 20px #35d8ff1d}.basket:before{content:"";position:absolute;top:5px;left:8px;right:8px;height:3px;border-radius:10px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.basket span{position:relative;margin-top:13px;font-size:9px;font-weight:1000;letter-spacing:.18em;color:#b7f5ff}.falling{position:absolute;top:0;z-index:7;width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;place-items:center;border-radius:15px;border:1px solid #ffffff22;background:#111a2bbd;backdrop-filter:blur(6px);font-size:22px;will-change:transform;pointer-events:none}.falling.good{box-shadow:0 0 20px #4fffc129;border-color:#4fffc13f}.falling.bad{box-shadow:0 0 20px #ff5b7529;border-color:#ff5b7549}.falling.caught{animation:pop .17s ease-out forwards}@keyframes pop{to{transform:scale(1.45);opacity:0}}.float-score{position:absolute;z-index:15;font-size:15px;font-weight:1000;pointer-events:none;animation:scoreFly .65s ease-out forwards}.float-score.plus{color:var(--green)}.float-score.minus{color:var(--red)}@keyframes scoreFly{to{transform:translateY(-40px);opacity:0}}.hint{text-align:center;color:var(--muted);font-size:10px;padding:10px 0 1px}.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.legend-item{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#0d1321}.legend-item b{font-size:19px}.legend-item span{font-size:9px;color:var(--muted);line-height:1.3}.legend-item strong{font-size:10px;color:var(--text)}.legend-item.danger{border-color:#492333}.leaderboard-card{border:1px solid var(--line);border-radius:17px;background:#0c111e;padding:13px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:900;letter-spacing:.12em}.section-title small{color:var(--muted);font-weight:500;letter-spacing:0}.leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px 4px;border-top:1px solid #1a2437;font-size:12px}.leader-row:first-child{border-top:0}.leader-row .place{color:var(--cyan);font-weight:900}.leader-row .points{font-weight:900}.muted{color:var(--muted);font-size:11px}.modal{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#03050bcf;backdrop-filter:blur(10px)}.modal.hidden{display:none}.modal-card{width:min(100%,390px);padding:26px;border:1px solid #2b3c5d;border-radius:24px;text-align:center;background:linear-gradient(180deg,#141d31,#0b101d);box-shadow:0 24px 90px #000}.result-badge{font-size:10px;letter-spacing:.2em;color:var(--cyan);font-weight:900}.result-score{font-size:76px;line-height:1;font-weight:1000;margin:10px 0 0;background:linear-gradient(180deg,#fff,#6fe4ff);-webkit-background-clip:text;color:transparent}.result-label{color:var(--muted);font-size:12px;margin-bottom:22px}.reward-line{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.reward-line strong{color:var(--green)}.reward-line.subdued strong{color:var(--text)}.modal-card p{color:var(--muted);font-size:11px;line-height:1.5}.modal-card .primary{width:100%;margin-top:8px}@media(max-width:430px){.app{padding-left:9px;padding-right:9px}.hero{align-items:flex-start}.balance-pill span{display:none}.stats-grid article{padding:9px}.arena{height:430px}.legend{grid-template-columns:repeat(2,1fr)}h1{font-size:19px}.brand-mark{width:38px;height:38px}.result-score{font-size:64px}}@media(max-width:345px){.balance-pill{padding:8px}.stats-grid{gap:5px}.stats-grid strong{font-size:17px}.arena{height:400px}.start-panel{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}