*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#050816}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 18%,rgba(255,63,183,.26),transparent 30%),radial-gradient(circle at 82% 18%,rgba(36,200,255,.24),transparent 34%),radial-gradient(circle at 50% 90%,rgba(37,99,235,.18),transparent 36%),linear-gradient(135deg,#040617,#071526 58%,#020617);color:#f8fafc;overflow-x:hidden}body.is-game-screen{overflow:hidden;overscroll-behavior:none}button{font:inherit}button:disabled{opacity:.42;cursor:not-allowed;transform:none!important}.app{min-height:100dvh;width:min(1480px,calc(100% - 28px));margin:0 auto;padding:22px 0 46px}.app.game-mode{width:100%;padding:0}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left}.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#14b8ff,#ff3fb7);box-shadow:0 0 28px #24c8ff4d}.brand strong,.brand small{display:block}.brand strong{font-size:18px;line-height:1}.brand small{color:#94a3b8;font-size:12px}.top-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-nav>button,.top-nav [data-tc-button=true]{flex-shrink:0}.top-nav button{border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:9px 13px;background:#0f172a94;color:#dbeafe;cursor:pointer}.screen{min-height:calc(100dvh - 92px);padding:44px 0}.narrow-screen{width:min(760px,100%);margin:0 auto}.center-screen{display:grid;place-items:center;text-align:center;align-content:center;gap:20px}.home-screen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:40px}.hero-card{max-width:850px}.eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:18px;padding:8px 14px;border:1px solid rgba(56,189,248,.48);border-radius:999px;background:#0ea5e91f;color:#7dd3fc;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-card h1,.screen-heading h2,.center-screen h2{margin:0;letter-spacing:-.07em;color:#f8fafc}.hero-card h1{max-width:900px;font-size:clamp(48px,8vw,116px);line-height:.9;text-shadow:0 0 34px rgba(56,189,248,.2)}.hero-card p{max-width:720px;margin:24px 0 0;color:#cbd5e1;font-size:clamp(18px,2.2vw,24px);line-height:1.55}.hero-actions{margin-top:32px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.connect-hint{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#94a3b8}.hero-stats{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:12px}.hero-stats div{padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:#0f172a8a}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:24px}.hero-stats span{margin-top:4px;color:#94a3b8;font-size:13px}.puck-orbit{position:relative;width:min(440px,84vw);aspect-ratio:1;margin:0 auto;border-radius:999px;background:radial-gradient(circle,rgba(36,200,255,.22),transparent 58%),#0f172a29}.puck-orbit-ring{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:2px solid rgba(56,189,248,.26);border-radius:999px;box-shadow:0 0 50px #24c8ff3d,inset 0 0 60px #ff3fb71a}.puck-orbit-disc{position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:999px;background:linear-gradient(135deg,#fff,#7dd3fc);box-shadow:0 0 34px #7dd3fc8c,0 0 70px #ff3fb73d;animation:floatPuck 2.8s ease-in-out infinite}@keyframes floatPuck{0%,to{transform:translate3d(-8px,10px,0) scale(1)}50%{transform:translate3d(12px,-10px,0) scale(1.04)}}.screen-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.screen-heading h2,.center-screen h2{font-size:clamp(36px,5vw,70px);line-height:.95}.profile-layout{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.glass-card{border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:22px;background:linear-gradient(180deg,#0f172ad1,#0f172a9e),#0f172aad;box-shadow:0 20px 70px #00000047,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-main{display:grid;grid-template-columns:72px 1fr 1fr;gap:16px;align-items:center}.avatar-orb{width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#1d4ed8,#14b8ff 45%,#ff3fb7);font-size:30px;box-shadow:0 0 40px #24c8ff3d}.label,.balance-line span,.prize-card span,.queue-card span,.mini-details span,.dev-grid span,.result-grid span{display:block;color:#94a3b8;font-size:13px;font-weight:700}.profile-main strong,.balance-line strong,.prize-card strong,.queue-card strong,.mini-details strong,.dev-grid strong,.result-grid strong{display:block;margin-top:5px;color:#f8fafc;overflow-wrap:anywhere}.balance-card strong{display:block;margin-top:8px;color:#86efac;font-size:34px;line-height:1}.balance-card.locked strong{color:#fbbf24}.balance-card p{margin:12px 0 0;color:#94a3b8}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1 / -1}.empty-state{border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:28px;background:#0f172ab3}.empty-state h3{margin:0;font-size:30px}.empty-state p{color:#cbd5e1}.empty-state.danger{border-color:#f8717166}.flow-card{display:grid;gap:18px}.amount-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.amount{min-height:60px;border:1px solid rgba(59,130,246,.56);border-radius:18px;background:#1e293bc7;color:#e0f2fe;font-weight:900;cursor:pointer}.amount.active{border-color:#fb923ceb;background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;box-shadow:0 0 36px #f9731647}.primary,.secondary,.ghost,.danger-button{min-height:48px;border-radius:16px;padding:12px 18px;font-weight:900;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.primary{border:0;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 14px 44px #2563eb42}.secondary{border:1px solid rgba(148,163,184,.28);background:#0f172acc}.ghost{border:1px solid rgba(148,163,184,.16);background:transparent;color:#cbd5e1}.danger-button{border:1px solid rgba(248,113,113,.36);background:#7f1d1d6b}.primary.xl,.secondary.xl,.ghost.xl{min-height:60px;font-size:18px}.primary:hover,.secondary:hover,.ghost:hover,.danger-button:hover,.amount:hover{transform:translateY(-1px)}.flow-status{margin:0;color:#cbd5e1;line-height:1.5}.mini-details{display:grid;gap:10px}.mini-details div,.prize-card div,.queue-card div,.result-grid div{padding:14px;border:1px solid rgba(56,189,248,.16);border-radius:18px;background:#0206176b}.balance-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(56,189,248,.18);border-radius:18px;background:#02061757}.balance-line strong{color:#86efac;font-size:24px}.notice{padding:14px;border:1px solid rgba(251,191,36,.28);border-radius:18px;background:#78350f2e;color:#fde68a;line-height:1.5}.prize-card,.queue-card,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prize-card strong,.queue-card strong{font-size:20px}.matchmaking-orb{position:relative;width:170px;height:170px}.matchmaking-orb div{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid rgba(56,189,248,.36);animation:pulseRing 1.8s ease-out infinite}.matchmaking-orb div:nth-child(2){animation-delay:.45s;border-color:#ff3fb752}.matchmaking-orb div:nth-child(3){animation-delay:.9s}@keyframes pulseRing{0%{transform:scale(.38);opacity:1}to{transform:scale(1);opacity:0}}.green{color:#86efac!important}.red{color:#fca5a5!important}.game-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 18% 12%,rgba(255,63,183,.16),transparent 30%),radial-gradient(circle at 85% 20%,rgba(36,200,255,.18),transparent 34%),#020617;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.game-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;align-items:center;width:min(1100px,100%);margin:0 auto}.game-hud.bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.game-hud div{min-height:56px;padding:10px 14px;border:1px solid rgba(56,189,248,.16);border-radius:18px;background:#0f172aad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-hud span,.game-hud strong{display:block}.game-hud span{color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase}.game-hud strong{margin-top:3px;color:#fff;font-size:18px}.game-stage{min-height:0;display:grid;place-items:center}.game-container{width:min(100%,1200px);height:min(100%,calc(100dvh - 158px));min-height:280px;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.game-container canvas{border-radius:24px;box-shadow:0 0 60px #38bdf82e,0 0 90px #ff3fb714;touch-action:none;-webkit-user-select:none;user-select:none}.rotate-hint{display:none;width:min(100%,520px);margin:0 auto;padding:10px 14px;border:1px solid rgba(251,191,36,.28);border-radius:16px;background:#78350f2e;color:#fde68a;text-align:center;font-size:13px}.result-screen{min-height:calc(100dvh - 92px)}.result-card{width:min(560px,100%);padding:30px;border:1px solid rgba(148,163,184,.22);border-radius:32px;background:radial-gradient(circle at 20% 20%,rgba(255,63,183,.2),transparent 34%),radial-gradient(circle at 80% 25%,rgba(36,200,255,.18),transparent 34%),#0f172ae0;box-shadow:0 28px 90px #0006}.result-title{font-size:clamp(46px,9vw,78px);line-height:.9;font-weight:1000;letter-spacing:-.08em}.result-title.win{color:#86efac;text-shadow:0 0 30px rgba(134,239,172,.35)}.result-title.lose{color:#fca5a5;text-shadow:0 0 30px rgba(252,165,165,.35)}.result-score{margin:22px 0;color:#fff;font-size:70px;line-height:1;font-weight:1000}.result-actions{margin-top:18px;display:grid;gap:10px}.dev-strip{margin:26px 0 0;border:1px solid rgba(148,163,184,.12);border-radius:18px;background:#02061747;color:#94a3b8}.dev-strip summary{cursor:pointer;padding:12px 14px}.dev-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 12px 12px}.dev-grid div{padding:10px;border-radius:14px;background:#0206176b}@media(max-width:1120px){.home-screen{grid-template-columns:1fr}.puck-orbit{display:none}.profile-layout{grid-template-columns:1fr 1fr}.profile-main,.action-grid{grid-column:1 / -1}.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app{width:min(100% - 20px,1480px);padding-top:10px}.app-header{position:static;align-items:flex-start}.top-nav{gap:6px}.top-nav button{padding:8px 10px;font-size:13px}.screen{min-height:auto;padding:28px 0 36px}.hero-card h1{font-size:clamp(44px,15vw,78px)}.hero-card p{font-size:17px}.hero-stats,.profile-layout,.amount-grid,.prize-card,.queue-card,.result-grid,.action-grid{grid-template-columns:1fr}.screen-heading{align-items:flex-start;flex-direction:column}.profile-main{grid-template-columns:1fr}.game-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.game-hud.bottom{grid-template-columns:1fr auto}.game-hud div{min-height:48px;padding:8px 10px}.game-hud strong{font-size:15px}.hide-mobile{display:none}.game-container{height:calc(100dvh - 150px)}.rotate-hint{display:block}.danger-button{min-height:48px}}@media(max-height:560px)and (orientation:landscape){.game-hud div{min-height:42px;padding:6px 10px}.game-hud span{font-size:10px}.game-hud strong{font-size:14px}.game-container{height:calc(100dvh - 108px)}.rotate-hint{display:none}}