@import"https://fonts.googleapis.com/css2?family=Bungee&family=Roboto+Mono:wght@400;600;700&display=swap";:root{--aim-swing-range: 40deg}.kicker-viewport{position:relative;width:100%;height:100%;overflow:hidden}.kicker-field{position:absolute;top:0;right:0;bottom:0;left:0}.kicker-aim-indicator{position:absolute;bottom:0;left:50%;transform-origin:50% 120px;filter:drop-shadow(0 0 10px rgba(0,255,255,.8))}.kicker-power-meter{width:3rem;height:24rem;background:#000000b3;border-radius:.75rem}.start-screen{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);color:#f8fafc;font-family:Roboto Mono,system-ui,sans-serif;width:100%;margin:0 auto;position:relative;z-index:1}.start-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.8rem,2vw,1.25rem);padding:clamp(.9rem,1.8vh,1.2rem) clamp(1.2rem,2.5vw,1.8rem);background:linear-gradient(135deg,#090e1af0,#0f172aeb);border:1px solid rgba(51,65,85,.8);border-bottom:3px solid #dc2626;border-radius:1.1rem;box-shadow:0 18px 40px #000000a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%}.start-header__brand{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.start-header__eyebrow{font-family:Bungee,cursive;text-transform:uppercase;letter-spacing:1px;font-size:.65rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fef08a;padding:.3rem .75rem;border-radius:.5rem;border:1px solid rgba(254,240,138,.35);white-space:nowrap}.start-header__title{margin:0;font-family:Bungee,cursive;font-size:clamp(1.25rem,2.4vw,1.75rem);letter-spacing:1px;text-transform:uppercase;color:#f8fafc;line-height:1.1}.start-header__stats{display:flex;gap:.65rem;margin-left:auto;flex-wrap:wrap}.start-header__stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .85rem;border-radius:.75rem;background:#020617bf;border:1px solid rgba(51,65,85,.85);min-width:82px}.start-header__stat-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;white-space:nowrap}.start-header__stat-value{font-family:Bungee,cursive;font-size:1.05rem;color:#facc15;white-space:nowrap}.start-header__challenge{display:none}.start-header__actions{display:flex;gap:.5rem;flex-wrap:wrap}.start-header__action-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:.75rem;border:1px solid rgba(71,85,105,.7);background:#0f172acc;color:#e2e8f0;font-family:Bungee,cursive;font-size:.65rem;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:all .15s ease}.start-header__action-btn:hover{background:#1e293bf2;border-color:#38bdf8;transform:translateY(-1px)}.start-header__action-icon{width:18px;height:18px;display:grid;place-items:center}.start-body{display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:1fr}.start-modes{padding:clamp(1.2rem,2.2vw,1.75rem);border-radius:1.25rem;background:linear-gradient(155deg,#0f172aeb,#090e1af2);border:1px solid rgba(51,65,85,.8);box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;gap:1.25rem}.start-modes__header h2{margin:0 0 .3rem;font-family:Bungee,cursive;font-size:clamp(1.3rem,2.4vw,1.65rem);letter-spacing:1px;text-transform:uppercase;color:#f8fafc}.start-modes__header p{margin:0;font-size:.85rem;color:#94a3b8}.start-modes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.mode-card{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.25rem;border-radius:1.1rem;background:linear-gradient(160deg,#1e293ba6,#0f172ae6);border:1px solid rgba(71,85,105,.65);box-shadow:0 12px 28px #0006;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mode-card:hover{transform:translateY(-3px);border-color:#facc15a6;box-shadow:0 18px 36px #0000008c,0 0 24px #facc1526}.mode-card__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:.75rem;background:#020617cc;border:1px solid rgba(71,85,105,.7)}.mode-card__title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.mode-card__title-row h3{margin:0;font-family:Bungee,cursive;font-size:1.1rem;letter-spacing:.6px;text-transform:uppercase;color:#f8fafc}.mode-card__badge{font-family:Bungee,cursive;font-size:.62rem;text-transform:uppercase;letter-spacing:1px;padding:.2rem .55rem;border-radius:.45rem;background:#10b98133;border:1px solid rgba(52,211,153,.45);color:#6ee7b7}.mode-card__caption{margin:.2rem 0;font-size:.75rem;font-weight:700;color:#38bdf8;text-transform:uppercase;letter-spacing:.5px}.mode-card__description{margin:0;font-size:.8rem;color:#cbd5e1;line-height:1.5}.mode-card__action{margin-top:auto;padding:.7rem 1.2rem;border-radius:.75rem;border:1px solid rgba(254,240,138,.4);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#f8fafc;font-family:Bungee,cursive;font-size:.82rem;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #dc262659}.mode-card__action:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 12px 26px #dc26268c}.start-sidebar{display:flex;flex-direction:column;gap:1rem}.start-challenge-card,.start-leaderboard{padding:1.15rem;border-radius:1.15rem;background:linear-gradient(155deg,#0f172aeb,#090e1af2);border:1px solid rgba(51,65,85,.8);box-shadow:0 16px 36px #00000080}.start-challenge-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.start-challenge-card__label{font-family:Bungee,cursive;font-size:.75rem;letter-spacing:1.2px;text-transform:uppercase;color:#4ade80}.start-challenge-card__link{border:none;background:transparent;color:#94a3b8;font-family:Roboto Mono,monospace;font-size:.72rem;text-transform:uppercase;cursor:pointer}.start-challenge-card__body h3{margin:0 0 .35rem;font-family:Bungee,cursive;font-size:1rem;color:#f8fafc}.start-challenge-card__body p{margin:0 0 .75rem;font-size:.8rem;color:#cbd5e1;line-height:1.45}.start-challenge-card__meta{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:#facc15}.start-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.start-section-header h2{margin:0;font-family:Bungee,cursive;font-size:1.05rem;letter-spacing:1px;color:#f8fafc}.start-section-header span{font-size:.72rem;color:#94a3b8}.leaderboard-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.leaderboard-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:.75rem;background:#020617b3;border:1px solid rgba(51,65,85,.7)}.leaderboard-item--top{border-color:#facc1599;background:#facc151a}.leaderboard-item__rank{font-family:Bungee,cursive;font-size:.95rem;color:#facc15}.leaderboard-item__player{font-size:.85rem;color:#f8fafc}.leaderboard-item__score{font-family:Bungee,cursive;font-size:.95rem;color:#38bdf8}@media (max-width: 640px){.start-header{position:relative;padding:.75rem .85rem;gap:.65rem}.start-header__title{font-size:1.05rem}.start-header__eyebrow{font-size:.55rem;padding:.2rem .5rem}.start-header__stats{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.start-header__stat{min-width:0;padding:.35rem .25rem}.start-header__stat-label{font-size:.5rem}.start-header__stat-value{font-size:.82rem}.start-header__actions{width:100%;gap:.35rem}.start-header__action-btn{flex:1 1 auto;justify-content:center;padding:.42rem .55rem;font-size:.58rem}.start-modes{padding:.85rem;gap:.85rem}.mode-card{padding:.9rem;gap:.55rem}}@media (min-width: 768px){.start-body{grid-template-columns:1.35fr .85fr}}html,body,#root{height:100%}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#0f172a,#050b16 55%,#02040a);background-attachment:fixed;color:#f8fafc;font-family:Roboto Mono,system-ui,sans-serif}.app-cosmos{position:relative;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(.35rem,1vh,.75rem) clamp(.5rem,1.5vw,1.1rem);overflow:hidden;box-sizing:border-box}.app-cosmos.start-screen-mode{overflow-y:auto;padding:clamp(.75rem,1.8vh,1.4rem) clamp(.75rem,2vw,1.4rem)}.app-cosmos:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 18% 8%,rgba(56,189,248,.16),transparent 42%),radial-gradient(circle at 82% 8%,rgba(56,189,248,.16),transparent 42%),radial-gradient(circle at 50% 85%,rgba(22,163,74,.18),transparent 55%);filter:blur(60px);z-index:0;pointer-events:none}.start-screen-stage{width:100%;max-width:1380px;margin:0 auto;position:relative;z-index:1}.app-stage{width:100%;max-width:1520px;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;gap:clamp(.35rem,.8vh,.6rem)}.sparkle-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.sparkle-layer span{position:absolute;width:var(--sparkle-size, 12px);height:var(--sparkle-size, 12px);background:radial-gradient(circle,rgba(224,242,254,.85) 0%,rgba(56,189,248,.2) 55%,transparent 70%);border-radius:9999px;box-shadow:0 0 14px #bae6fd8c;opacity:0;animation:sparkleTwinkle var(--twinkle-speed, 6s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s)}.broadcast-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem;padding:clamp(.3rem,.7vh,.5rem) clamp(.6rem,1.2vw,.9rem);border-radius:.85rem;background:#090e1ae0;border:1px solid rgba(51,65,85,.75);box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;z-index:10}.broadcast-topbar__brand{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.broadcast-topbar__home-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:.65rem;background:linear-gradient(135deg,#b91c1ce6,#7f1d1df2);border:1px solid rgba(248,113,113,.45);color:#f8fafc;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #dc262659}.broadcast-topbar__home-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #dc262680}.broadcast-topbar__live-dot{width:7px;height:7px;border-radius:9999px;background:#facc15;box-shadow:0 0 8px #facc15}.broadcast-topbar__title{font-family:Bungee,cursive;font-size:clamp(.78rem,1vw,.9rem);letter-spacing:1px}.broadcast-topbar__modes{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem;border-radius:.65rem;background:#0f172ad9;border:1px solid rgba(51,65,85,.7)}.broadcast-mode-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:.5rem;border:none;background:transparent;color:#cbd5e1cc;font-family:Bungee,cursive;font-size:clamp(.62rem,.8vw,.7rem);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all .15s ease;white-space:nowrap}.broadcast-mode-pill:hover:not(.active){color:#f8fafc;background:#ffffff0f}.broadcast-mode-pill.active{background:#10b98133;color:#f8fafc;border:1px solid rgba(52,211,153,.45);box-shadow:0 0 14px #10b98140}.broadcast-topbar__stats{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.broadcast-stat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:.65rem;background:#0f172ad9;border:1px solid rgba(51,65,85,.75);font-family:Bungee,cursive;white-space:nowrap}.broadcast-stat-chip__label{font-size:.56rem;color:#94a3b8e6;letter-spacing:.5px;text-transform:uppercase}.broadcast-stat-chip__val{font-size:clamp(.68rem,.85vw,.78rem)}.arcade-content{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%}.arcade-panel{position:relative;border-radius:1.25rem;padding:clamp(.75rem,1.8vh,1.5rem) clamp(1rem,2.2vw,2rem);border:2px solid rgba(71,85,105,.65);box-shadow:0 0 50px #000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:880px;max-height:100%;overflow-y:auto;margin:auto;display:flex;flex-direction:column;box-sizing:border-box}.arcade-panel .panel-content{position:relative;z-index:1}.arcade-panel.over-panel{background:transparent;border-color:#ef4444}.arcade-panel.win-panel{background:transparent;border-color:#34d399}.panel-title{margin:0;font-family:Bungee,cursive;font-size:clamp(1.35rem,3vh,2.25rem);line-height:1.1;color:#f8fafc;text-transform:uppercase;text-shadow:0 6px 20px rgba(0,0,0,.6);letter-spacing:1.2px}.panel-title span{display:block;margin-top:.2rem;font-size:.42em;letter-spacing:2.5px;color:#facc15}.panel-description{margin-top:.5rem;font-size:clamp(.78rem,1.4vh,.92rem);line-height:1.45;color:#cbd5e1e6;font-family:Roboto Mono,monospace}.result-values{display:flex;flex-wrap:wrap;gap:.85rem;margin:clamp(.6rem,1.5vh,1.2rem) 0;font-family:Bungee,cursive;font-size:clamp(1.25rem,2.4vh,1.75rem);color:#f8fafc}.result-values>span{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .95rem;border-radius:.85rem;background:#0f172acc;border:1px solid rgba(71,85,105,.65)}.result-values span .result-label{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:#94a3b8}.glow-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;font-family:Bungee,cursive;font-size:clamp(.88rem,1.8vh,1.1rem);padding:clamp(.55rem,1.2vh,.8rem) clamp(1.25rem,2.2vw,2.2rem);border-radius:.85rem;border:1px solid rgba(255,255,255,.25);color:#090d16;cursor:pointer;background:linear-gradient(120deg,var(--glow-start, #10b981),var(--glow-end, #facc15));box-shadow:0 12px 26px #00000073,0 0 20px var(--glow-shadow, rgba(16, 185, 129, .6));transition:transform .15s ease,box-shadow .15s ease}.glow-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000008c,0 0 26px var(--glow-shadow, rgba(16, 185, 129, .85))}.button-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:9999px;background:#0f172ad9}.panel-footer{margin-top:clamp(.6rem,1.4vh,1.1rem);padding-top:.6rem;border-top:1px solid rgba(71,85,105,.4);font-size:.75rem;color:#94a3b8e6;font-family:Roboto Mono,monospace;display:flex;gap:.75rem;flex-wrap:wrap}.score-celebration{display:inline-flex;align-items:center;gap:.6rem;font-family:Bungee,cursive;font-size:.95rem;padding:.55rem 1rem;border-radius:.75rem;background:#facc1526;border:1px solid rgba(250,204,21,.5);color:#fde047}.practice-mode-wrapper{display:flex;flex-direction:column;width:100%;max-width:1024px;height:100%;min-height:540px;border-radius:1.25rem;overflow:hidden;border:2px solid rgba(51,65,85,.8);background:#030712;box-shadow:0 25px 60px #000c}.practice-mode-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#0f172aeb;border-bottom:1px solid rgba(51,65,85,.75);z-index:30}.practice-exit-button{padding:.45rem 1rem;border-radius:.6rem;border:1px solid rgba(148,163,184,.4);background:#1e293be6;color:#f8fafc;font-family:Bungee,cursive;font-size:.75rem;letter-spacing:.8px;cursor:pointer;transition:all .15s ease}.practice-exit-button:hover{background:#dc2626d9;border-color:#f8717199}.practice-mode-stage{position:relative;flex:1;width:100%;overflow:hidden}.practice-hints{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:30;padding:.45rem 1rem;border-radius:9999px;background:#090e1ad9;border:1px solid rgba(71,85,105,.7);color:#cbd5e1;font-size:.8rem;pointer-events:none}.practice-hints span{font-family:Bungee,cursive;color:#facc15}@media (max-width: 1023px){.app-cosmos{padding:.25rem .35rem}.app-cosmos.playing-mode{padding:0}.app-cosmos.playing-mode .app-stage{gap:0;max-width:100%}.broadcast-topbar{padding:.25rem .45rem;gap:.3rem;flex-wrap:nowrap}.broadcast-topbar.broadcast-topbar--playing,.broadcast-topbar__modes{display:none}.broadcast-topbar__home-btn{padding:.25rem .55rem;gap:.35rem}.broadcast-topbar__title{font-size:.72rem;white-space:nowrap}.broadcast-topbar__stats{gap:.25rem;flex-wrap:nowrap}.broadcast-stat-chip{padding:.22rem .45rem;font-size:.65rem}.broadcast-stat-chip.hidden{display:none!important}}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.75)}50%{opacity:.9;transform:scale(1.1)}}