:root{--bg-0: #070b14;--bg-1: #0d1526;--ink: #e8eef8;--muted: #8b9bb8;--accent: #5eead4;--accent-2: #ff5a46;--panel: rgba(12, 20, 36, .78);--line: rgba(94, 234, 212, .18);--danger: #ff7a6e;--font-display: "Bebas Neue", Impact, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100%;height:100%}.page{min-height:100%;position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.home-page{display:grid;place-items:center;padding:2rem;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(255,90,70,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 15% 80%,rgba(94,234,212,.12),transparent 50%),linear-gradient(160deg,#05080f,#0c1424 45%,#08101c)}.home-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(94,234,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,black,transparent);pointer-events:none;animation:grid-drift 28s linear infinite}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}.home-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;animation:orb-float 9s ease-in-out infinite}.orb-a{width:56px;height:56px;top:18%;left:12%;background:radial-gradient(circle at 35% 35%,#fff4d6,#ff5a46 55%,transparent 70%);animation-duration:11s}.orb-b{width:34px;height:34px;top:28%;right:14%;background:radial-gradient(circle at 35% 35%,#fff,#ffd166 50%,transparent 70%);animation-duration:8s;animation-delay:-2s}.orb-c{width:44px;height:44px;bottom:22%;left:22%;background:radial-gradient(circle at 35% 35%,#e8fffa,#5eead4 50%,transparent 70%);animation-duration:10s;animation-delay:-4s}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.06)}}.home-content{position:relative;z-index:1;width:min(560px,100%);text-align:center;animation:rise-in .7s ease-out both}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.brand-mark{margin:0;font-family:var(--font-display);font-size:clamp(4.5rem,16vw,7.5rem);letter-spacing:.04em;line-height:.9;color:var(--ink);text-shadow:0 0 40px rgba(94,234,212,.25)}.brand-mark.small{font-size:1.6rem;letter-spacing:.12em;color:var(--accent);text-shadow:none}.home-tagline{margin:1.25rem 0 .5rem;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:600;letter-spacing:.02em}.home-sub{margin:0 0 2rem;color:var(--muted);font-size:1rem}.start-form{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.nick-input{width:100%;padding:.95rem 1.1rem;border-radius:4px;border:1px solid var(--line);background:#060a12a6;color:var(--ink);outline:none;text-align:center;letter-spacing:.04em;transition:border-color .2s,box-shadow .2s}.nick-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5eead426}.btn-lg{padding:.9rem 1.6rem;font-size:1.05rem}.cta-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;border-radius:4px;border:1px solid transparent;cursor:pointer;font-weight:600;letter-spacing:.03em;transition:transform .15s ease,background .15s,border-color .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#041018}.btn-primary:hover{background:#7ff0dc}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.form-error{margin:0;color:var(--danger);font-size:.9rem}.pb-line{margin-top:1.75rem;color:var(--muted);font-size:.95rem}.pb-line strong{color:var(--accent)}.podium{margin-top:1.75rem;padding:1rem 1.25rem;border:1px solid var(--line);background:#080e188c;text-align:left}.podium-title{margin:0 0 .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.podium-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.podium-row{display:flex;align-items:center;gap:.75rem}.podium-rank{width:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.podium-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-weight:700;color:var(--accent)}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1.25rem}.feature-card{display:flex;flex-direction:column;gap:.3rem;padding:.85rem .9rem;border:1px solid rgba(139,155,184,.16);background:#080e1873;text-align:left}.feature-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.feature-text{font-size:.82rem;line-height:1.4;color:var(--muted)}.play-page{height:100%;background:#05080f}.arena{position:relative;height:100%;width:100%;display:flex;flex-direction:column}.arena-hud{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:.85rem 1.25rem;background:linear-gradient(180deg,rgba(5,8,15,.85),transparent);pointer-events:none}.hud-block{display:flex;flex-direction:column;gap:.1rem}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.hud-value{font-size:1.15rem;font-weight:600}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hud-danger{color:var(--danger);animation:pulse-hint .6s ease-in-out infinite}.mute-btn{margin-left:auto;align-self:flex-start;padding:.35rem .75rem;border-radius:4px;border:1px solid var(--line);background:#070b1499;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;pointer-events:auto;transition:color .15s,border-color .15s}.mute-btn:hover{color:var(--accent);border-color:var(--accent)}.hud-hot{color:var(--accent);text-shadow:0 0 12px rgba(94,234,212,.6)}.aim-canvas{flex:1;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.countdown-hint{position:absolute;left:50%;bottom:18%;transform:translate(-50%);z-index:2;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;pointer-events:none;animation:pulse-hint 1s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.45}50%{opacity:1}}.result-page,.leaderboard-page{display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(94,234,212,.1),transparent 55%),linear-gradient(180deg,#070b14,#0a1220)}.leaderboard-page,.result-page{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:0}.site-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);background:#070b14b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.1em;color:var(--ink);transition:color .15s}.site-brand:hover{color:var(--accent)}.site-brand-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at center,var(--accent) 0 28%,transparent 32% 55%,var(--accent-2) 60% 100%);box-shadow:0 0 10px #ff5a4680}.site-nav{display:flex;gap:.5rem}.btn-sm{padding:.45rem .95rem;font-size:.9rem}.panel{width:min(560px,100%);padding:1.75rem 1.5rem 1.5rem;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise-in .5s ease-out both}.panel.wide{width:min(860px,100%)}.panel-title{margin:.35rem 0;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:.04em;line-height:1}.panel-sub{margin:0 0 1.5rem;color:var(--muted)}.score-hero{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin:.25rem 0 1.5rem;padding:1rem 0 1.25rem;border:1px solid var(--line);background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(94,234,212,.08),transparent 70%)}.score-hero-value{font-family:var(--font-display);font-size:clamp(3.5rem,12vw,5.5rem);line-height:1;color:var(--accent);text-shadow:0 0 30px rgba(94,234,212,.35);font-variant-numeric:tabular-nums}.score-hero-rank{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.grade-badge{flex-shrink:0;width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:4px;font-family:var(--font-display);font-size:2rem;line-height:1;letter-spacing:.04em;border:1px solid var(--line);animation:rise-in .55s ease-out .15s both}.grade-s{color:#ffd166;border-color:#ffd16673;background:#ffd1661a;text-shadow:0 0 16px rgba(255,209,102,.45)}.grade-a{color:var(--accent);border-color:#5eead473;background:#5eead41a}.grade-b{color:#9ec5fe;border-color:#9ec5fe66;background:#9ec5fe14}.grade-c{color:#e59a6b;border-color:#e59a6b66;background:#e59a6b14}.grade-d{color:var(--muted);border-color:#8b9bb84d;background:#8b9bb814}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.5rem;border-bottom:1px solid rgba(139,155,184,.15)}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stat-value{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.lb-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.period-tabs{display:flex;gap:.35rem}.tab{padding:.45rem .85rem;border-radius:4px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.tab.active{color:#041018;background:var(--accent);border-color:var(--accent)}.table-wrap{overflow-x:auto;margin-bottom:1.25rem}.lb-table{width:100%;border-collapse:collapse;font-size:.95rem}.lb-table th,.lb-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid rgba(139,155,184,.12)}.lb-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.lb-table tr:hover td{background:#5eead40a}.rank-cell{font-weight:700}.medal-gold{color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.4)}.medal-silver{color:#cfd8e3;text-shadow:0 0 10px rgba(207,216,227,.35)}.medal-bronze{color:#e59a6b;text-shadow:0 0 10px rgba(229,154,107,.35)}.row-me td{background:#5eead412}.you-badge{margin-left:.5rem;padding:.1rem .4rem;border-radius:3px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#041018;background:var(--accent)}.skeleton-row td{padding:.65rem .5rem}.skeleton{display:block;height:.9rem;border-radius:3px;background:linear-gradient(90deg,#8b9bb81a 25%,#8b9bb838,#8b9bb81a 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lb-footnote{margin:0 0 1rem;font-size:.78rem}.strong{font-weight:700;color:var(--accent)}.muted{color:var(--muted)}@media(max-width:560px){.stat-grid{grid-template-columns:repeat(2,1fr)}.brand-mark{font-size:clamp(3.4rem,18vw,5rem)}.feature-cards{grid-template-columns:1fr}.site-header{padding:.7rem 1rem}}@media(prefers-reduced-motion:reduce){.home-atmosphere,.orb,.countdown-hint,.hud-danger,.skeleton,.home-content,.panel,.grade-badge{animation:none!important}}