@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--sx-abyss: #001523;--sx-deep: #002a44;--sx-mid: #0a4d72;--sx-teal: #1fb6c9;--sx-cyan: #5ce1e6;--sx-aqua: #8ff7ef;--sx-foam: #e7fbff;--sx-ink: #d6f3ff;--sx-muted: #7fa8be;--sx-danger: #ff6b7d;--sx-gold: #ffd479;--sx-glass: rgba(10, 45, 70, .55);--sx-glass-strong: rgba(8, 38, 60, .78);--sx-stroke: rgba(120, 220, 235, .28);--sx-stroke-soft: rgba(120, 220, 235, .14);--sx-glow: 0 0 28px rgba(92, 225, 230, .22);--sx-radius: 18px;--sx-radius-sm: 11px;--sx-font: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;background:#001f33;overflow:hidden;font-family:var(--sx-font)}canvas{display:block}.sx-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.sx-overlay.sx-open{opacity:1;pointer-events:auto}.sx-scrim{position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 30%,#001e3273,#000810d1);backdrop-filter:blur(7px) saturate(120%);-webkit-backdrop-filter:blur(7px) saturate(120%)}.sx-ocean{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% -10%,rgba(48,160,190,.3),transparent 60%),radial-gradient(60% 50% at 15% 110%,rgba(20,90,130,.35),transparent 60%),linear-gradient(180deg,var(--sx-deep) 0%,var(--sx-abyss) 100%)}.sx-ocean:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 20% 30%,rgba(140,240,240,.08),transparent 22%),radial-gradient(circle at 70% 60%,rgba(140,240,240,.07),transparent 26%),radial-gradient(circle at 45% 85%,rgba(140,240,240,.06),transparent 22%);animation:sx-drift 26s ease-in-out infinite alternate}@keyframes sx-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}.sx-panel{position:relative;background:var(--sx-glass-strong);border:1px solid var(--sx-stroke);border-radius:var(--sx-radius);box-shadow:var(--sx-glow),0 24px 60px #00000080,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);color:var(--sx-ink)}.sx-auth{display:flex;gap:22px;align-items:stretch;z-index:1;width:min(880px,92vw);transform:translateY(8px) scale(.98);transition:transform .4s cubic-bezier(.2,.9,.25,1)}.sx-overlay.sx-open .sx-auth{transform:translateY(0) scale(1)}.sx-auth__card{flex:1 1 0;padding:34px 36px 30px}.sx-auth__side{flex:0 0 290px;padding:22px;display:flex;flex-direction:column}.sx-brand{text-align:center;margin-bottom:26px}.sx-brand h1{margin:0;font-size:2.5rem;font-weight:800;letter-spacing:.14em;background:linear-gradient(180deg,var(--sx-foam),var(--sx-cyan) 70%,var(--sx-teal));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(92,225,230,.25)}.sx-brand p{margin:8px 0 0;color:var(--sx-muted);font-size:.86rem;letter-spacing:.04em}.sx-tabs{display:flex;gap:6px;padding:5px;margin-bottom:22px;background:#00142280;border:1px solid var(--sx-stroke-soft);border-radius:var(--sx-radius-sm)}.sx-tab{flex:1;padding:10px 0;text-align:center;font-weight:600;font-size:.92rem;color:var(--sx-muted);border-radius:8px;cursor:pointer;transition:all .22s ease;user-select:none}.sx-tab:hover{color:var(--sx-ink)}.sx-tab.sx-active{color:var(--sx-abyss);background:linear-gradient(180deg,var(--sx-cyan),var(--sx-teal));box-shadow:0 6px 18px #1fb6c959}.sx-field{margin-bottom:16px}.sx-field label{display:block;font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--sx-muted);margin-bottom:7px}.sx-input{width:100%;box-sizing:border-box;padding:13px 15px;font-family:var(--sx-font);font-size:1rem;color:var(--sx-foam);background:#001624a8;border:1px solid var(--sx-stroke);border-radius:var(--sx-radius-sm);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.sx-input::placeholder{color:#7fa8be99}.sx-input:focus{border-color:var(--sx-cyan);background:#001c2ed9;box-shadow:0 0 0 3px #5ce1e629}.sx-btn{width:100%;padding:14px 18px;font-family:var(--sx-font);font-size:1rem;font-weight:700;letter-spacing:.03em;color:var(--sx-abyss);background:linear-gradient(180deg,var(--sx-aqua),var(--sx-teal));border:none;border-radius:var(--sx-radius-sm);cursor:pointer;box-shadow:0 10px 26px #1fb6c959;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.sx-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 32px #1fb6c973}.sx-btn:active{transform:translateY(1px) scale(.99)}.sx-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.sx-btn--ghost{background:transparent;color:var(--sx-ink);border:1px solid var(--sx-stroke);box-shadow:none}.sx-btn--ghost:hover{background:#5ce1e614;filter:none}.sx-btn--danger{background:transparent;color:var(--sx-danger);border:1px solid rgba(255,107,125,.4);box-shadow:none}.sx-btn--danger:hover{background:#ff6b7d1f;filter:none}.sx-msg{min-height:20px;margin:4px 0 14px;font-size:.85rem;text-align:center;transition:color .2s}.sx-msg--error{color:var(--sx-danger)}.sx-msg--ok{color:var(--sx-aqua)}.sx-hint{margin-top:16px;text-align:center;font-size:.78rem;color:var(--sx-muted)}.sx-lb__title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-cyan)}.sx-lb__title:before{content:"🏆";font-size:1rem}.sx-lb__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sx-lb__row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:.9rem;background:#00162466;border:1px solid transparent;transition:background .2s}.sx-lb__row:hover{background:#00203499}.sx-lb__row.sx-me{background:#1fb6c924;border-color:var(--sx-stroke)}.sx-lb__rank{font-weight:700;color:var(--sx-muted);text-align:center}.sx-lb__row:nth-child(1) .sx-lb__rank{color:var(--sx-gold)}.sx-lb__row:nth-child(2) .sx-lb__rank{color:#cfe4ee}.sx-lb__row:nth-child(3) .sx-lb__rank{color:#e2a86b}.sx-lb__name{color:var(--sx-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sx-lb__score{color:var(--sx-aqua);font-weight:700;font-variant-numeric:tabular-nums}.sx-lb__empty{color:var(--sx-muted);font-size:.85rem;text-align:center;padding:18px 0}.sx-hud-lb{position:fixed;top:16px;right:16px;z-index:500;width:230px;padding:14px 15px;font-family:var(--sx-font);pointer-events:none}.sx-menuhint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:8px;padding:9px 16px;font-family:var(--sx-font);font-size:.82rem;color:var(--sx-ink);background:var(--sx-glass);border:1px solid var(--sx-stroke-soft);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .5s ease,transform .5s ease}.sx-menuhint.sx-show{opacity:.92}.sx-menuhint.sx-hide{opacity:0;transform:translate(-50%) translateY(8px)}.sx-key{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 8px;font-size:.78rem;font-weight:700;color:var(--sx-aqua);background:#001422b3;border:1px solid var(--sx-stroke);border-bottom-width:2px;border-radius:6px}.sx-menu{z-index:1;width:min(440px,92vw);padding:28px 30px 26px}.sx-menu__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sx-menu__title{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.04em;color:var(--sx-foam)}.sx-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--sx-ink);background:#00162499;border:1px solid var(--sx-stroke-soft);border-radius:9px;cursor:pointer;transition:all .2s}.sx-close:hover{color:var(--sx-foam);background:#ff6b7d29;border-color:#ff6b7d66}.sx-menu__name{display:flex;gap:8px;align-items:flex-end;margin-bottom:20px}.sx-menu__name .sx-field{flex:1;margin-bottom:0}.sx-menu__name .sx-btn{width:auto;padding:13px 18px}.sx-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.sx-stat{padding:12px 14px;background:#00162473;border:1px solid var(--sx-stroke-soft);border-radius:var(--sx-radius-sm)}.sx-stat__label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-muted);margin-bottom:5px}.sx-stat__value{font-size:1.25rem;font-weight:700;color:var(--sx-foam);font-variant-numeric:tabular-nums}.sx-stat__value small{font-size:.8rem;color:var(--sx-cyan);font-weight:600}.sx-progress{height:8px;margin-top:8px;background:#001624b3;border-radius:999px;overflow:hidden}.sx-progress__fill{height:100%;background:linear-gradient(90deg,var(--sx-teal),var(--sx-aqua));border-radius:999px;transition:width .3s ease}.sx-menu__actions{display:flex;gap:10px}.sx-menu__actions .sx-btn{flex:1}@media (max-width: 720px){.sx-auth{flex-direction:column}.sx-auth__side{flex-basis:auto}.sx-hud-lb{display:none}}