@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Oxanium:wght@400;500;600;700&display=swap";:root{--ui-font-title: "Oxanium", "Inter", system-ui, sans-serif;--ui-font-body: "Inter", system-ui, sans-serif;--ui-steel-900: #1a202a;--ui-steel-800: #242c38;--ui-steel-700: #2f3948;--ui-cyan-500: #3bb5ff;--ui-cyan-400: #66c9ff;--ui-amber-500: #ffb347;--ui-text-primary: #eaf2ff;--ui-text-secondary: #a9b6c8;--ui-shadow-soft: 0 10px 24px rgba(0, 0, 0, .35);--ui-shadow-strong: 0 14px 32px rgba(0, 0, 0, .45);--ui-radius-outer: 16px;--ui-radius-inner: 12px}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0e0e10}#app{position:relative;width:100%;height:100%;overflow:hidden}.ui-root{position:absolute;pointer-events:none;font-family:var(--ui-font-body);color:var(--ui-text-primary)}.ui-main-menu{position:relative;width:100%;height:100%}.ui-main-menu .menu-panel{pointer-events:auto;width:min(380px,46vw);padding:22px 22px 26px;box-sizing:border-box;border-radius:var(--ui-radius-outer);background:linear-gradient(180deg,#2a3442eb,#1b222ceb);border:1px solid rgba(120,170,220,.18);box-shadow:var(--ui-shadow-strong);position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;right:clamp(16px,4vw,52px);bottom:clamp(16px,4vh,40px);max-width:calc(100% - 32px)}@media (max-width: 900px){.ui-main-menu .menu-panel{width:min(360px,92vw);right:16px;bottom:16px;padding:18px 18px 22px}}.ui-main-menu .menu-panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:var(--ui-radius-inner);border:1px solid rgba(110,170,220,.12);box-shadow:inset 0 1px #ffffff0f;pointer-events:none}.ui-main-menu .menu-panel__glow{position:absolute;top:-18px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,rgba(59,181,255,.8),transparent);filter:blur(1px);pointer-events:none}.ui-main-menu .menu-label{display:block;margin-bottom:8px;font-size:14px;letter-spacing:.04em;color:var(--ui-text-secondary);text-transform:uppercase}.ui-main-menu .menu-input{width:100%;height:40px;padding:0 12px;box-sizing:border-box;border-radius:10px;border:1px solid rgba(82,125,160,.35);background:#0e131cd9;color:var(--ui-text-primary);font-size:16px;font-family:var(--ui-font-body);outline:none;box-shadow:inset 0 0 0 1px #0a0c1259}.ui-main-menu .menu-input::placeholder{color:#a9b6c8a6}.ui-main-menu .menu-input:focus{border-color:#3bb5ffbf;box-shadow:0 0 0 3px #3bb5ff26}.ui-main-menu .menu-buttons{margin-top:18px;display:grid;gap:14px;width:100%}.ui-btn{width:100%;height:56px;border-radius:12px;border:1px solid rgba(120,170,220,.2);background:linear-gradient(180deg,#2d3846f2,#1b222cf2);color:var(--ui-text-primary);font-family:var(--ui-font-title);font-size:18px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:var(--ui-shadow-soft);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ui-btn--primary{border-color:#5aafe680;background:linear-gradient(180deg,#42abe0f2,#2267a3f2);box-shadow:0 0 18px #3bb5ff59,var(--ui-shadow-soft)}.ui-btn--secondary{border-color:#7391af47;background:linear-gradient(180deg,#2e3846f2,#1b222cf2)}.ui-btn--amber{border-color:#ffb34780;background:linear-gradient(180deg,#ffb347f2,#c86e1cf2);color:#10131a;box-shadow:0 0 18px #ffb3474d,var(--ui-shadow-soft)}.ui-btn--amber:hover:not(:disabled){box-shadow:0 0 20px #ffb34766,var(--ui-shadow-strong)}.ui-btn--danger{border-color:#ff787866;background:linear-gradient(180deg,#b43838f2,#6e1e1ef2);box-shadow:0 0 18px #ff5a5a40,var(--ui-shadow-soft)}.ui-btn--danger:hover:not(:disabled){box-shadow:0 0 20px #ff5a5a59,var(--ui-shadow-strong)}.ui-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 0 20px #3bb5ff59,var(--ui-shadow-strong)}.ui-btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.96);box-shadow:inset 0 3px 6px #00000073}.ui-btn:disabled{cursor:default;opacity:.45;filter:saturate(.6)}.ui-lobby{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ui-lobby .lobby-panel{pointer-events:auto;width:min(520px,60vw);padding:26px 28px 28px;border-radius:var(--ui-radius-outer);background:linear-gradient(180deg,#2a3442f2,#19202af2);border:1px solid rgba(120,170,220,.2);box-shadow:var(--ui-shadow-strong);position:absolute;left:50%;top:36%;transform:translate(-50%,-50%)}.ui-lobby .lobby-header{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.ui-lobby .lobby-title{font-family:var(--ui-font-title);font-size:32px;letter-spacing:.08em;text-transform:uppercase}.ui-lobby .lobby-status{font-size:16px;color:var(--ui-cyan-400);text-align:center;margin-bottom:8px}.ui-lobby .lobby-countdown{font-size:18px;color:var(--ui-cyan-500);text-align:center;margin-bottom:12px}.ui-lobby .lobby-players,.ui-lobby .lobby-bots,.ui-lobby .lobby-map{text-align:center;font-size:15px;color:var(--ui-text-secondary);margin-bottom:8px}.ui-lobby .lobby-bots{color:var(--ui-amber-500)}.ui-lobby .lobby-actions{margin-top:18px;display:flex;justify-content:center}.ui-lobby .lobby-actions .ui-btn{width:220px;height:52px}.ui-lobby .lobby-search-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0a0e16a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.ui-lobby .lobby-search-panel{width:min(420px,80vw);padding:20px 22px;border-radius:14px;background:linear-gradient(180deg,#242c38f5,#181e28f5);border:1px solid rgba(120,170,220,.25);box-shadow:var(--ui-shadow-strong);display:flex;flex-direction:column;align-items:center;gap:12px}.ui-lobby .lobby-search-message{font-size:18px;text-align:center}.ui-lobby .lobby-search-timer{font-size:16px;color:var(--ui-text-secondary)}.ui-lobby .lobby-search-panel .ui-btn{width:200px;height:44px}.ui-match{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ui-match .match-sync-overlay,.ui-match .match-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ui-match .match-sync-overlay{background:#0a0e16ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.ui-match .match-sync-panel,.ui-match .match-countdown-panel{min-width:360px;padding:22px 26px;border-radius:14px;background:linear-gradient(180deg,#242c38f5,#181e28f5);border:1px solid rgba(120,170,220,.25);box-shadow:var(--ui-shadow-strong);text-align:center}.ui-match .match-sync-title{font-family:var(--ui-font-title);font-size:22px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.ui-match .match-sync-subtitle{font-size:16px;color:var(--ui-text-secondary);white-space:pre-line}.ui-match .match-countdown-panel{padding:26px 32px}.ui-match .match-countdown-text{font-family:var(--ui-font-title);font-size:28px;letter-spacing:.06em;text-transform:uppercase}.ui-results{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none}.ui-results .results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e169e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.ui-results .results-panel{width:min(520px,82vw);padding:28px 30px 26px;border-radius:var(--ui-radius-outer);background:linear-gradient(180deg,#242c38f5,#181e28f5);border:1px solid rgba(120,170,220,.25);box-shadow:var(--ui-shadow-strong);text-align:center;transform:scale(var(--ui-scale, 1));transform-origin:center}.ui-results .results-title{font-family:var(--ui-font-title);font-size:34px;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0;margin-bottom:10px}.ui-results .results-title.is-winner{color:#22c55e}.ui-results .results-lines{font-family:var(--ui-font-body);font-size:16px;color:var(--ui-text-primary);margin-bottom:12px}.ui-results .results-lines div+div{margin-top:6px}.ui-results .results-hint{font-family:var(--ui-font-body);font-size:14px;color:var(--ui-text-secondary);margin-bottom:14px}.ui-results .results-return{width:220px;height:46px}.match-death-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e168c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:20000}.match-death-overlay .death-panel{width:min(520px,80vw);padding:28px 30px 26px;border-radius:var(--ui-radius-outer);background:linear-gradient(180deg,#242c38f5,#181e28f5);border:1px solid rgba(120,170,220,.25);box-shadow:var(--ui-shadow-strong);text-align:center}.match-death-overlay .death-title{font-family:var(--ui-font-title);font-size:34px;letter-spacing:.08em;text-transform:uppercase;color:#fca5a5;margin-bottom:10px}.match-death-overlay .death-killer,.match-death-overlay .death-placement,.match-death-overlay .death-kills{font-family:var(--ui-font-body);font-size:16px;color:var(--ui-text-primary);margin-bottom:6px}.match-death-overlay .death-actions{margin-top:18px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.match-death-overlay .death-actions .ui-btn{width:200px;height:44px}.match-spectate{position:absolute;top:40px;right:40px;pointer-events:auto}.match-spectate .spectate-panel{width:min(320px,34vw);padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,#242c38f5,#181e28f5);border:1px solid rgba(120,170,220,.25);box-shadow:var(--ui-shadow-strong);text-align:center}.match-spectate .spectate-title{font-family:var(--ui-font-title);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-text-secondary);margin-bottom:6px}.match-spectate .spectate-name{font-size:16px;color:var(--ui-text-primary);margin-bottom:6px}.match-spectate .spectate-kills,.match-spectate .spectate-hp,.match-spectate .spectate-alive{font-size:13px;color:var(--ui-text-secondary);margin-bottom:4px}.match-spectate .spectate-return{margin-top:10px;width:200px;height:36px;font-size:14px}@media (max-width: 900px){.match-spectate{top:40px;right:40px}.match-spectate .spectate-panel{width:min(280px,50vw)}}@media (max-width: 900px){.ui-lobby .lobby-panel{width:min(440px,88vw);top:40%;padding:22px 22px 24px}}.ui-main-menu .menu-footnote{margin-top:16px;font-size:12px;color:#a9b6c8b3}