.login-screen{--neon-green: #b7ff24;--neon-cyan: #18d9ff;position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:clamp(24px,6vw,72px) 20px;background:#02060b url(/assets/zmeevod-arena-tPxA_2wr.png) center / cover no-repeat}.login-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 42%,#01080c14 0 16%,#01060a85 60%,#000205d1),linear-gradient(180deg,#0000001a,#0005090d 54%,#0000006b)}.login-screen__veil{position:absolute;inset:0;z-index:-1;opacity:.12;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}.login-shell{width:min(100%,430px);display:flex;flex-direction:column;align-items:center;gap:28px;animation:login-arrive .7s cubic-bezier(.2,.8,.2,1) both}.login-brand{display:flex;flex-direction:column;align-items:center;gap:5px;filter:drop-shadow(0 0 22px rgba(153,255,21,.35))}.login-brand__crown{color:var(--neon-green);font-size:18px;line-height:1;transform:rotate(45deg);text-shadow:0 0 10px rgba(183,255,36,.95)}.login-brand__title{margin:0;color:#d1ff51;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.5rem,10vw,5.25rem);font-weight:900;line-height:.92;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 3px 0 #74a900,0 6px 0 #3f6500,0 0 2px #ecffb9,0 0 10px rgba(183,255,36,.85),0 0 30px rgba(111,255,0,.5)}.login-card{position:relative;width:100%;display:grid;gap:19px;padding:32px;border:1px solid rgba(138,255,45,.24);border-radius:3px;background:linear-gradient(145deg,#030d12f7,#02070cf2);box-shadow:inset 0 0 0 1px #ffffff06,inset 0 0 36px #3dff0009,0 24px 80px #000000b8,0 0 44px #00ff6f14;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.login-card__corner{position:absolute;width:21px;height:21px;pointer-events:none;border-color:var(--neon-green);filter:drop-shadow(0 0 6px rgba(183,255,36,.75))}.login-card__corner--top-left{top:-2px;left:-2px;border-top:3px solid var(--neon-green);border-left:3px solid var(--neon-green)}.login-card__corner--top-right{top:-2px;right:-2px;border-top:3px solid var(--neon-green);border-right:3px solid var(--neon-green)}.login-card__corner--bottom-left{bottom:-2px;left:-2px;border-bottom:3px solid var(--neon-green);border-left:3px solid var(--neon-green)}.login-card__corner--bottom-right{right:-2px;bottom:-2px;border-right:3px solid var(--neon-green);border-bottom:3px solid var(--neon-green)}.login-field{display:grid;gap:8px;color:#effff2e0;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.login-field input,.login-field input[type=text],.login-field input[type=password]{width:100%;min-width:0;height:52px;padding:0 16px;border:1px solid rgba(54,221,255,.42);border-radius:2px;outline:none;background:#01080edb;color:#f2fff5;font:600 1rem/1.2 Segoe UI,sans-serif;letter-spacing:.02em;box-shadow:inset 0 0 18px #00aeff0a;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.login-field input::placeholder{color:#c2dce194;font-weight:500}.login-field input:hover{border-color:#23d2ff7a}.login-field input:focus{border-color:var(--neon-green);background:#020c11f5;box-shadow:0 0 0 3px #b7ff241a,0 0 18px #b7ff241f}.login-actions{display:flex;align-items:center;gap:24px;padding-top:4px}.login-button{position:relative;min-width:150px;height:50px;border:1px solid #dcff80;border-radius:2px;background:linear-gradient(180deg,#caff43,#87da0b);color:#102300;font-family:Arial Black,Segoe UI,sans-serif;font-size:.95rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 18px #9eff1661,inset 0 -4px #235f0047;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.login-button:hover{filter:brightness(1.12);box-shadow:0 0 26px #9eff1694,inset 0 -4px #235f0038;transform:translateY(-1px)}.login-button:active{transform:translateY(1px)}.login-button:focus-visible,.register-link:focus-visible{outline:3px solid var(--neon-cyan);outline-offset:4px}.register-link{color:#dff5f9bd;font-size:.95rem;font-weight:700;text-underline-offset:5px;text-decoration-color:#b7ff24a6;transition:color .15s ease,text-shadow .15s ease}.register-link:hover{color:#dcff80;text-shadow:0 0 10px rgba(183,255,36,.45)}@keyframes login-arrive{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.login-screen{align-items:center;background-position:22% center}.login-shell{gap:22px}.login-brand__title{font-size:clamp(3.1rem,17vw,4.4rem)}.login-card{gap:17px;padding:27px 22px 25px}.login-actions{gap:18px}.login-button{min-width:132px}}@media(prefers-reduced-motion:reduce){.login-shell{animation:none}.login-button,.login-field input,.register-link{transition:none}}.login-subtitle{margin:0;color:#e4ffd2;font-size:1.2rem}.auth-hint,.auth-message,.auth-error{margin:0;font-size:.85rem;line-height:1.5}.auth-hint{color:#b1c8ce}.auth-message{color:#caff80}.auth-error{color:#ffb1b1}button.register-link{background:transparent;border:0;padding:0;text-align:left;cursor:pointer}.auth-resend{font-size:.8rem}.login-button{height:auto;min-height:50px;padding:12px;letter-spacing:.06em}.login-actions{flex-wrap:wrap}.login-button:disabled,.register-link:disabled{opacity:.55;cursor:default}.btn{border:none;border-radius:2px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease;color:var(--text)}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.btn-secondary{background:#b7ff240e;border:1px solid rgba(183,255,36,.34);color:#f2fff5}.btn-danger{background:var(--danger)}.rating-delta{display:inline-block;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;padding:3px 6px;border-radius:5px}.rating-delta--positive{color:#79e7ab;background:#79e7ab12}.rating-delta--negative{color:#ff8b96;background:#ff8b9612}.rating-delta--neutral{color:#9ca9b0;background:#9ca9b010}.app-modal{color:#f2fff5;background:linear-gradient(145deg,#06130f,#02090c);border:1px solid #b7ff2466;border-radius:3px;padding:24px;width:min(850px,calc(100vw - 32px));max-height:88dvh;box-sizing:border-box;box-shadow:0 0 32px #b7ff2415,0 28px 90px #000b}.app-modal::backdrop{background:#010608e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-heading h2{margin:0}.close-button{background:#76001847;color:#fff;border:1px solid #ff355e;border-radius:2px;width:40px;height:40px;font-size:26px;cursor:pointer;flex-shrink:0;box-shadow:0 0 12px #ff1e4c47}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tabs button{border:1px solid #b7ff2440;border-radius:2px;padding:10px 16px;background:transparent;color:#fff;cursor:pointer}.tabs button[aria-selected=true],.tabs button[aria-pressed=true]{background:#b7ff24;color:#102300;font-weight:800;box-shadow:0 0 14px #b7ff244d}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.rule-pill{padding:12px;background:#b7ff240a;border:1px solid #b7ff241f;border-radius:2px}.rule-pill p{margin:8px 0 0;font-size:14px;line-height:1.5}.pill-dot{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #a8bcb3;margin-right:8px}.table-scroll{max-width:100%;overflow-x:auto}.rating-detail{margin:20px 0;padding:16px;border:1px solid #b7ff2447;border-radius:2px;background:#b7ff2408}.rating-detail li{display:flex;justify-content:space-between;gap:24px;margin:8px 0}.rating-detail ul{padding:0;list-style:none}.rating-chart{width:100%;height:auto;color:#9ee9b4}.room-options{display:flex;flex-wrap:wrap;gap:12px}.room-options fieldset{border:1px solid #66806e;border-radius:10px;display:flex;gap:16px;padding:12px}.join-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.join-form label{display:grid;gap:6px}.join-form input{font:inherit;padding:11px;border-radius:8px;width:150px;text-transform:uppercase}@media(max-width:600px){.app-modal{padding:16px}.room-options fieldset{flex-direction:column}}.ranking-crown{display:inline-flex;flex:0 0 auto;width:1.15em;height:1.15em;align-items:center;justify-content:center;vertical-align:-.14em}.ranking-crown svg{display:block;width:100%;height:100%;fill:currentColor}.ranking-crown--1{color:#ffd34e;filter:drop-shadow(0 0 4px rgba(255,196,48,.55))}.ranking-crown--2{color:#dbe5ef;filter:drop-shadow(0 0 3px rgba(219,229,239,.38))}.ranking-crown--3{color:#d99057;filter:drop-shadow(0 0 3px rgba(217,144,87,.42))}.hall-player-link{display:inline-flex;align-items:center;gap:7px;padding:2px 0;border:0;border-bottom:1px dashed rgba(183,255,36,.45);background:transparent;color:var(--lobby-green);font:inherit;font-weight:850;cursor:pointer}.hall-player-link:hover{color:#fff;border-bottom-color:#fff;text-shadow:0 0 10px rgba(183,255,36,.65)}.hall-player-link:focus-visible{outline:2px solid var(--lobby-green);outline-offset:3px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px}.achievement{position:relative;min-width:0;display:grid;justify-items:center;gap:8px;padding:8px 6px 10px;border:0;background:transparent;color:#fff;font:inherit;cursor:pointer}.achievement__stack{position:relative;width:82px;height:82px;filter:drop-shadow(0 0 12px rgba(64,224,255,.22))}.achievement__layer{--layer: 0;position:absolute;inset:8px;border:1px solid rgba(123,238,255,.42);border-radius:8px;background-repeat:no-repeat;background-size:400% 200%;transform:translate(calc(var(--layer) * 3px),calc(var(--layer) * -3px));box-shadow:0 8px 20px #0000008c,0 0 12px #b7ff241f;image-rendering:auto}.achievement__level{position:absolute;right:0;bottom:2px;min-width:25px;padding:3px 5px;border:1px solid #e7ff90;border-radius:3px;background:#162500;color:#dfff74;font-size:.7rem;font-weight:900;line-height:1;box-shadow:0 0 12px #b7ff2494}.achievement__name{max-width:108px;color:#eef8f1db;font-size:.7rem;font-weight:850;line-height:1.2;text-align:center;overflow-wrap:anywhere}.achievement__tooltip{position:absolute;z-index:40;left:50%;bottom:calc(100% + 8px);width:min(260px,75vw);display:none;gap:6px;padding:13px 14px;border:1px solid rgba(183,255,36,.55);border-radius:4px;background:#02080dfa;color:#e9f6eec7;text-align:left;font-size:.76rem;font-weight:500;line-height:1.45;box-shadow:0 16px 44px #000000c2,0 0 20px #b7ff241a;transform:translate(-50%);pointer-events:none}.achievement__tooltip strong{color:#fff;font-size:.82rem}.achievement__tooltip span,.achievement__tooltip em{display:block}.achievement__tooltip em{color:var(--lobby-green);font-style:normal;font-weight:800}.achievement:hover .achievement__tooltip,.achievement:focus .achievement__tooltip,.achievement:focus-visible .achievement__tooltip{display:grid}.achievement:focus-visible{outline:2px solid var(--lobby-green);outline-offset:3px;border-radius:4px}.achievement--compact{width:92px;padding:4px}.achievement--compact .achievement__stack{width:62px;height:62px}.achievement--compact .achievement__layer{inset:6px}.achievement--compact .achievement__name{font-size:.62rem}.achievements-empty{margin:0;color:#dceee194;font-size:.86rem}.achievement-awards{margin-top:18px;padding:24px;border:1px solid rgba(183,255,36,.24);border-radius:3px;background:linear-gradient(145deg,#030d12f5,#02070ced)}.achievement-awards__player{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:16px;align-items:center;padding:13px 0;border-top:1px solid rgba(183,255,36,.12)}.achievement-awards__player>strong{color:var(--lobby-green);overflow-wrap:anywhere}.achievement-awards__player>div{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:620px){.achievements-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.achievement__stack{width:68px;height:68px}.achievement__name{font-size:.62rem}.achievement-awards__player{grid-template-columns:1fr}}.lobby-screen{--lobby-green: #b7ff24;--lobby-cyan: #18d9ff;position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#02060b url(/assets/zmeevod-arena-tPxA_2wr.png) center / cover no-repeat;color:#f3fff5}.profile-stage{overflow:auto}.profile-topbar-primary{display:flex;align-items:center;gap:22px}.profile-topbar-primary .profile-back-link{min-height:42px;padding:9px 18px;border:1px solid #ff7892;border-radius:2px;background:linear-gradient(180deg,#de002dd1,#760018e0);color:#fff;font-size:.86rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 0 9px rgba(255,255,255,.46);box-shadow:inset 0 0 14px #ff5a7829,0 0 18px #ff1e4c8c;cursor:pointer}.profile-topbar-primary .profile-back-link:hover{border-color:#ffb3c2;background:linear-gradient(180deg,#f00037,#91001e);box-shadow:0 0 24px #ff1e4cb8}.profile-topbar-primary .profile-back-link:focus-visible{outline:2px solid #fff;outline-offset:3px}.profile-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:clamp(42px,7vh,72px) 0 48px}.profile-hero{margin-bottom:clamp(30px,5vh,48px)}.profile-hero h1{margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.8rem,7vw,6.8rem);font-weight:900;line-height:.86;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 8px 38px rgba(0,0,0,.75)}.profile-hero h1 span{color:var(--lobby-green);text-shadow:0 3px 0 #609000,0 0 20px rgba(183,255,36,.76),0 0 52px rgba(86,255,0,.32)}.profile-message{padding:24px;border:1px solid rgba(183,255,36,.28);background:#02090de0;color:#fff}.profile-dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;align-items:start}.profile-panel{min-width:0;padding:26px;border:1px solid rgba(183,255,36,.24);border-radius:3px;background:linear-gradient(145deg,#030d12f5,#02070ced);box-shadow:0 24px 72px #0000007a,inset 0 0 36px #b7ff2406;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-panel--rating{grid-row:span 2}.profile-panel--deaths,.profile-panel--achievements{grid-column:1 / -1}.profile-rating-summary{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin-bottom:26px}.profile-rating-summary>div{display:grid;align-content:center;gap:7px;min-height:88px;padding:15px;border:1px solid rgba(183,255,36,.16);background:#4e7a0013}.profile-rating-summary span{color:#dceee185;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-rating-summary strong{color:#fff;font-size:1.35rem}.profile-rating-summary .profile-rating-primary{border-color:#b7ff2466;box-shadow:inset 3px 0 0 var(--lobby-green),0 0 18px #b7ff2414}.profile-rating-summary .profile-rating-primary strong{color:var(--lobby-green);font-size:2rem;text-shadow:0 0 14px rgba(183,255,36,.46)}.profile-rating-summary strong.is-positive{color:#b7ff24}.profile-rating-summary strong.is-negative{color:#ff5979}.profile-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.profile-chart-toolbar>span{color:#dceee18c;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.profile-chart-toolbar .tabs{margin:0}.profile-chart-toolbar .tabs button{border-color:#b7ff243d;border-radius:2px;padding:7px 11px;color:#fff;font-size:.75rem}.profile-chart-toolbar .tabs button[aria-pressed=true]{border-color:var(--lobby-green);background:var(--lobby-green);color:#102300;font-weight:900}.profile-panel .rating-chart{color:var(--lobby-green);filter:drop-shadow(0 0 6px rgba(183,255,36,.2))}.profile-panel details{color:#e6f6eab3;font-size:.82rem}.profile-panel summary{cursor:pointer}.profile-caption{margin:12px 0 0;color:#dceee18c;font-size:.78rem;line-height:1.5}.profile-result-button{margin-top:18px;border-color:#b7ff2461;border-radius:2px;color:#fff}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-stat-tile{min-height:88px;display:grid;align-content:center;padding:14px;border:1px solid rgba(183,255,36,.15);border-radius:0;background:#4e7a000f;text-align:left}.profile-stat-value{color:var(--lobby-green);font-size:1.45rem;font-weight:900;text-shadow:0 0 12px rgba(183,255,36,.24)}.profile-stat-label{margin-top:5px;color:#dceee18c;font-size:.73rem;line-height:1.35}.profile-death-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-death-grid>div{min-height:90px;display:grid;align-content:center;gap:5px;padding:15px;border-left:2px solid #ff355e;background:#7600181f}.profile-death-grid strong{color:#fff;font-size:1.5rem}.profile-death-grid span{color:#ebd8de9e;font-size:.75rem}@media(max-width:940px){.profile-dashboard{grid-template-columns:1fr}.profile-panel--rating,.profile-panel--deaths{grid-column:auto;grid-row:auto}}@media(max-width:620px){.profile-topbar-primary{width:100%;justify-content:space-between;gap:12px}.profile-topbar-primary .profile-back-link{min-height:36px;padding:7px 11px;font-size:.74rem}.profile-content{width:min(100% - 28px,1180px);padding:34px 0 28px}.profile-hero h1{font-size:clamp(3.2rem,16vw,4.8rem)}.profile-hero h1 span{display:block;margin-top:7px;overflow-wrap:anywhere}.profile-panel{padding:20px 16px}.profile-rating-summary{grid-template-columns:1fr 1fr}.profile-rating-primary{grid-column:1 / -1}.profile-chart-toolbar{align-items:flex-start;flex-direction:column}.profile-stat-grid,.profile-death-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.room-stage{overflow:auto}.room-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:clamp(42px,7vh,76px) 0 48px}.room-hero{margin-bottom:clamp(30px,5vh,52px)}.room-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.room-title-row h1{margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.8rem,7vw,6.8rem);font-weight:900;line-height:.86;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 8px 38px rgba(0,0,0,.75)}.room-title-row h1 span{display:inline-block;color:var(--lobby-green);-webkit-user-select:all;user-select:all;text-shadow:0 3px 0 #609000,0 0 20px rgba(183,255,36,.76),0 0 52px rgba(86,255,0,.32)}.room-copy{flex:none;min-height:42px;padding:8px 15px;border:1px solid var(--lobby-green);border-radius:2px;background:#4f80002e;color:#f7ffe7;font-size:.75rem;font-weight:900;letter-spacing:.09em;cursor:pointer;box-shadow:0 0 15px #b7ff243d}.room-copy:hover{background:#75b7064d;box-shadow:0 0 22px #b7ff2470}.room-status{min-height:24px;margin:20px 0 0;color:#e0f1e7b8;font-size:1rem}.room-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.room-panel{min-width:0;min-height:350px;padding:26px;border:1px solid rgba(183,255,36,.25);border-radius:3px;background:linear-gradient(145deg,#030d12f5,#02070ced);box-shadow:0 24px 72px #0000007a,inset 0 0 36px #b7ff2406;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-player-list{border-top:1px solid rgba(183,255,36,.16)}.room-player{display:grid;grid-template-columns:28px 8px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:66px;padding:10px 8px;border-bottom:1px solid rgba(183,255,36,.12)}.room-player__number{color:#b7ff247a;font-size:.72rem;font-weight:800;letter-spacing:.08em}.room-player__signal{width:8px;height:8px;border-radius:50%;background:var(--lobby-green);box-shadow:0 0 9px #b7ff24e6}.room-player__signal.is-offline{background:#ff355e;box-shadow:0 0 9px #ff355ecc}.room-player__signal.is-empty{background:transparent;border:1px solid rgba(183,255,36,.25);box-shadow:none}.room-player__identity{min-width:0;display:grid;gap:4px}.room-player__name-row{min-width:0;display:flex;align-items:center;gap:7px}.room-player__identity strong{min-width:0;overflow:hidden;color:#fff;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.room-player__identity span{color:#dceee185;font-size:.76rem}.room-player__rating{color:var(--lobby-green);font-size:.88rem;font-weight:900}.room-player--empty{opacity:.66}.room-panel--match{display:flex;flex-direction:column}.room-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-match-grid>div{min-width:0;display:grid;gap:7px;padding:15px;border:1px solid rgba(183,255,36,.17);background:#4e7a0014}.room-match-grid span{color:#dceee185;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.room-match-grid strong{color:#fff;font-size:.94rem}.room-action{margin-top:auto;padding-top:28px}.room-start-button{width:100%;min-height:54px;border:1px solid #dcff80;border-radius:2px;background:linear-gradient(180deg,#caff43,#87da0b);color:#102300;font-family:Arial Black,Segoe UI,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 22px #9eff1652,inset 0 -4px #235f003d}.room-action p{margin:13px 0 0;color:#dceee18c;font-size:.8rem;line-height:1.5}.room-waiting{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;border:1px solid rgba(183,255,36,.28);background:#4e7a001a;color:#efffd5}.room-waiting>span{width:9px;height:9px;border-radius:50%;background:var(--lobby-green);box-shadow:0 0 12px #b7ff24e6;animation:room-pulse 1.4s ease-in-out infinite}.room-waiting strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}@keyframes room-pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:820px){.room-title-row{align-items:flex-start;flex-direction:column}.room-workspace{grid-template-columns:1fr}.room-panel{min-height:0}}@media(max-width:620px){.room-content{width:min(100% - 28px,1120px);padding:34px 0 28px}.room-title-row h1{font-size:clamp(3rem,16vw,4.6rem)}.room-title-row h1 span{display:block;margin-top:5px}.room-panel{padding:20px 16px}.room-match-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.room-waiting>span{animation:none}}.snake-game-screen{--arena-text: #f2fff5;--arena-muted: #9eb1a4;--arena-line: #b7ff241e;min-height:100%;color:var(--arena-text);background:radial-gradient(circle at 72% 38%,#01080c29,#01060ad6 72%),linear-gradient(90deg,#000408f2,#000509bd),#02060b url(/assets/zmeevod-arena-tPxA_2wr.png) center / cover fixed no-repeat}.snake-game-header{height:72px;display:flex;align-items:center;gap:28px;padding:0 max(80px,calc((100vw - 1100px)/2));border-bottom:1px solid rgba(183,255,36,.16);background:#01070bbd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.snake-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#d1ff51;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:19px;font-weight:700;letter-spacing:.12em;text-shadow:0 0 16px rgba(183,255,36,.55)}.snake-brand-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b7ff24;border-radius:2px;color:#b7ff24;font-family:Segoe UI,sans-serif;font-size:19px;font-style:italic;line-height:1;box-shadow:0 0 10px #b7ff2447}.snake-room-label{color:var(--arena-muted);font-size:12px}.snake-room-label b{color:#c4ceca;font-weight:500;letter-spacing:.08em;margin-left:5px}.snake-game-header>.button{margin-left:auto}.snake-game-header button{margin-left:auto;padding:8px 15px;font-size:12px;background:#76001847;border:1px solid #ff355e;border-radius:2px;color:#fff;text-shadow:0 0 8px rgba(255,79,113,.9);box-shadow:0 0 10px #ff1e4c47}.snake-exit-confirm{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 24px;background:#39232a;font-size:13px}.snake-game-body{display:grid;grid-template-columns:minmax(0,1fr) 254px;align-items:start;gap:28px;width:min(1100px,100%,calc((100svh - 240px)*1.3 + 330px));margin:0 auto;padding:24px}.snake-arena{min-width:0}.snake-arena-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;margin-bottom:18px}.snake-eyebrow{color:#18d9ff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.snake-arena h1{margin:6px 0 0;color:#b7ff24;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:32px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 14px rgba(183,255,36,.32)}.snake-speed{display:flex;flex-direction:column;align-items:end;gap:5px}.snake-speed strong{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}.snake-speed span{font-size:11px;color:var(--arena-muted)}.snake-board-frame{width:100%;position:relative;border-radius:3px;border:1px solid rgba(183,255,36,.42);overflow:hidden;background:#10191a;box-shadow:0 0 0 4px #b7ff2406,0 0 24px #b7ff2414,0 20px 60px #0008;line-height:0}.snake-board-frame canvas{display:block;width:100%;height:100%}.snake-arena-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:17px;font-size:11px;color:var(--arena-muted)}.snake-arena-footer kbd{font-family:inherit;font-size:10px;color:#c4ceca;border:1px solid #ffffff1c;border-bottom-width:2px;border-radius:4px;padding:3px 6px;margin-right:4px}.snake-bomb-ready{color:#a4d9ba}.snake-effects{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--arena-muted);margin-top:14px}.snake-effects>span{padding:7px 10px;border-radius:6px;background:#ffffff06;border:1px solid var(--arena-line)}.snake-darkness-indicator{color:#cb9df4}.snake-invisibility-indicator{color:#edce75}.snake-freeze-indicator{color:#aee9ff}.snake-side-panel{min-width:0;padding-top:15px}.snake-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.snake-section-heading h2{margin:0;font-size:13px;font-weight:550}.snake-section-heading>span{color:var(--arena-muted);font-size:11px}.snake-score-list{display:flex;flex-direction:column;gap:5px}.snake-player{display:flex;gap:11px;align-items:center;padding:10px;border:1px solid transparent;border-radius:9px}.snake-player--me{background:#a4e8c707;border-color:#a4e8c71a}.snake-player-mark{width:7px;height:27px;border-radius:3px;flex-shrink:0;background:var(--player-color)}.snake-player--out .snake-player-mark{opacity:.35}.snake-player-info{flex:1;min-width:0}.snake-player-heading{display:flex;align-items:center;gap:6px}.snake-score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.snake-you{font-size:10px;color:#8eaa9e}.snake-player-rating{min-height:28px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;color:var(--arena-muted);font-variant-numeric:tabular-nums}.snake-player-rating b{font-size:12px;font-weight:500;color:#c1ceca}.snake-player-rating .rating-delta{font-size:11px;padding:2px 4px}.snake-player-status{display:flex;align-items:center;gap:9px;color:var(--arena-muted);font-size:9px}.snake-win-track{display:inline-flex;gap:3px}.snake-win-track i{width:11px;height:3px;border-radius:2px;background:#ffffff19}.snake-win-track i.is-won{background:var(--player-color)}.snake-player-score{min-width:24px;text-align:right}.snake-player-score strong{display:block;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.15}.snake-player-score>span{font-size:9px;color:var(--arena-muted)}.snake-rating-note{margin:16px 10px;font-size:10px;line-height:1.65;color:var(--arena-muted)}.snake-match-target{display:flex;justify-content:space-between;margin:20px 10px 0;padding-top:16px;border-top:1px solid var(--arena-line);color:var(--arena-muted);font-size:11px}.snake-match-target strong{font-weight:500;color:#ced9d4}.snake-pill-legend{border-top:1px solid var(--arena-line);margin:22px 10px 0;padding-top:16px}.snake-pill-legend summary{font-size:11px;color:#b7c7c0;cursor:pointer;padding:4px 0}.snake-pill-legend summary span{float:right;color:var(--arena-muted)}.snake-pill-legend-content{display:grid;gap:12px;margin-top:18px}.snake-pill-legend-row{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.5;color:var(--arena-muted)}.snake-pill-legend-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;border:1px solid #ffffff50;flex-shrink:0}.snake-countdown-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;pointer-events:none;background:#0c111228;line-height:1}.snake-countdown-overlay strong{font-size:clamp(60px,12vw,100px);font-weight:450;letter-spacing:-.08em;text-shadow:0 5px 40px #000}.snake-countdown-overlay span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}body:has(.snake-game-screen){min-width:0}.snake-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px}.snake-transition-card{width:min(520px,100%);padding:30px;border:1px solid rgba(183,255,36,.28);border-radius:3px;background:linear-gradient(145deg,#030d12f7,#02070cf0);box-shadow:0 24px 72px #0000008c,0 0 28px #b7ff240f}.snake-transition-card h1{color:#b7ff24;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:44px;font-weight:800;letter-spacing:.02em;margin:12px 0;text-transform:uppercase;text-shadow:0 0 16px rgba(183,255,36,.34)}.snake-transition-winner{margin:0 0 26px;color:#fff;font-size:15px}.snake-next-game{color:var(--arena-muted);font-size:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--arena-line)}.snake-trophy{font-size:72px;line-height:1;text-align:center}.touch-controls{display:none;justify-content:center;gap:7px;margin-top:18px}.touch-controls button{touch-action:none;min-width:44px;min-height:48px;border:1px solid #ffffff24;border-radius:8px;background:#192623;color:#cce7da;font-size:22px}.touch-controls button:last-child{font-size:12px;padding:0 12px}.touch-controls button:disabled{opacity:.4}.snake-game-screen :is(button,summary,a):focus-visible{outline:2px solid #a4e8c7;outline-offset:4px}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:800px){.snake-game-header{height:66px;padding:0 72px 0 20px;gap:18px}.snake-game-body{grid-template-columns:minmax(0,1fr);width:min(710px,100%);gap:20px;padding:20px}.snake-side-panel{padding-top:0}.snake-section-heading{margin-bottom:12px}.snake-score-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.snake-rating-note{margin-bottom:8px}.snake-match-target{margin-top:12px}.snake-pill-legend-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.snake-game-header{padding-left:16px;gap:10px}.snake-brand{font-size:11px;letter-spacing:.08em;gap:7px}.snake-brand-mark{width:24px;height:24px;font-size:18px}.snake-room-label{display:none}.snake-game-body{padding:16px 12px;gap:18px}.snake-arena-heading{min-height:48px;margin-bottom:14px}.snake-arena h1{font-size:23px}.snake-speed span{font-size:10px}.snake-key-alternative{display:none}.snake-arena-footer{gap:8px;font-size:10px}.touch-controls{display:flex}.snake-player{padding:10px 6px;gap:7px}.snake-score-list{gap:4px}.snake-score-name{font-size:12px}.snake-player-mark{width:4px}.snake-player-score strong{font-size:18px}.snake-player-rating{gap:3px}.snake-transition .snake-score-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.snake-game-screen .rating-delta{animation:rating-appear .35s ease-out}@keyframes rating-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.result-stage{overflow:auto}.result-content{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:clamp(42px,7vh,76px) 0 48px}.result-hero{margin-bottom:clamp(30px,5vh,50px)}.result-hero h1{margin:0;color:var(--lobby-green);font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(4.4rem,9vw,8rem);font-weight:900;line-height:.82;letter-spacing:.025em;text-shadow:0 3px 0 #609000,0 0 20px rgba(183,255,36,.76),0 0 52px rgba(86,255,0,.32)}.result-hero p:last-child{margin:22px 0 0;color:#e0f1e7b8;font-size:1rem}.result-hero p span{color:#fff;font-weight:900}.result-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.result-panel{min-width:0;padding:26px;border:1px solid rgba(183,255,36,.24);border-radius:3px;background:linear-gradient(145deg,#030d12f5,#02070ced);box-shadow:0 24px 72px #0000007a,inset 0 0 36px #b7ff2406;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.result-score-list{border-top:1px solid rgba(183,255,36,.16)}.result-score-list>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;padding:10px 9px;border-bottom:1px solid rgba(183,255,36,.12)}.result-score-list>div.is-me{background:#b7ff2412;box-shadow:inset 3px 0 0 var(--lobby-green)}.result-place{color:#b7ff247a;font-size:.72rem;font-weight:800}.result-score-list strong{overflow:hidden;color:#fff;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.result-score{color:var(--lobby-green);font-size:1.3rem;font-weight:900}.result-actions{display:flex;flex-direction:column}.result-actions>p,.result-wait p{color:#dceee18c;font-size:.8rem;line-height:1.5}.result-primary{width:100%;min-height:52px;border:1px solid #dcff80;border-radius:2px;background:linear-gradient(180deg,#caff43,#87da0b);color:#102300;font-family:Arial Black,Segoe UI,sans-serif;text-transform:uppercase;box-shadow:0 0 20px #9eff164d}.result-secondary{width:100%;margin-top:auto;border-color:#b7ff2447;border-radius:2px;color:#fff}.result-wait{margin-bottom:30px}.result-wait>span{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:var(--lobby-green);box-shadow:0 0 11px #b7ff24d9}.result-wait strong{color:#fff;font-size:.84rem;letter-spacing:.06em;text-transform:uppercase}.tournament-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:clamp(38px,6vh,68px) 0 48px}.tournament-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.tournament-hero h1{margin:0;color:#fff;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.86;text-transform:uppercase}.tournament-hero h1 span{color:var(--lobby-green);text-shadow:0 3px 0 #609000,0 0 20px rgba(183,255,36,.66)}.tournament-close{min-height:42px;padding:8px 15px;border:1px solid #ff355e;border-radius:2px;background:#76001847;color:#fff;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:0 0 12px #ff1e4c4d}.tournament-stack{display:grid;gap:18px}.tournament-summary-panel{overflow-x:auto}.tournament-ranking{display:grid;gap:7px}.tournament-ranking>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:10px 14px;border:1px solid rgba(183,255,36,.14);background:#4e7a000e}.tournament-ranking>div.is-me{border-color:#b7ff246b;box-shadow:inset 3px 0 0 var(--lobby-green)}.tournament-ranking strong{color:#fff}.tournament-ranking span:last-child{color:#e4f4e8a6;font-size:.8rem}.result-panel .lobby-table{min-width:720px}.result-panel .lobby-table th{border-color:#b7ff242e;color:#dceee18c}.result-panel .lobby-table td{border-color:#b7ff241a;color:#fff}@media(max-width:760px){.result-grid{grid-template-columns:1fr}.result-actions{min-height:250px}.tournament-hero{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.result-content,.tournament-content{width:min(100% - 28px,1120px);padding:34px 0 28px}.result-panel{padding:20px 16px}.tournament-ranking>div{grid-template-columns:30px minmax(0,1fr)}.tournament-ranking span:last-child{grid-column:2}}.mute-btn{position:fixed;top:16px;right:16px;z-index:1500;width:40px;height:40px;border-radius:2px;border:1px solid rgba(183,255,36,.45);background:#04130de0;color:#efffd0;font-size:18px;cursor:pointer;box-shadow:inset 0 0 12px #b7ff240f,0 0 12px #b7ff2424;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mute-btn:hover{border-color:#b7ff24;background:#3e640559;box-shadow:inset 0 0 14px #b7ff241f,0 0 18px #b7ff2461}.mute-btn:focus-visible{outline:2px solid #18d9ff;outline-offset:3px}:root{--bg: #02060b;--panel: #06130f;--panel-2: #0a1b16;--text: #f2fff5;--muted: #91aa9a;--accent: #b7ff24;--accent-2: #18d9ff;--danger: #ff4d6d;--success: #2ee59d;--warning: #ffcc66;--tile-blue: #3aa0ff;--tile-purple: #b46bff;--tile-green: #35d68f;--tile-yellow: #ffd23a;--tile-red: #ff5470}.lobby-screen{--lobby-green: #b7ff24;--lobby-cyan: #18d9ff;position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#02060b url(/assets/zmeevod-arena-tPxA_2wr.png) center / cover no-repeat;color:#f3fff5}.lobby-screen:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 76% 44%,#01080c2e 0 12%,#01060ab0 65%),linear-gradient(90deg,#000408f5,#000509b8 48%,#000307d9)}.lobby-screen__veil{position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}.lobby-topbar{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(72px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(183,255,36,.16);background:#01070bbd;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.lobby-logo{color:#d1ff51;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:1.55rem;letter-spacing:.08em;text-decoration:none;text-shadow:0 0 18px rgba(183,255,36,.6)}.lobby-menu{display:flex;align-items:center;gap:10px;padding-right:54px}.lobby-menu .profile-link{min-height:36px;padding:7px 14px;border-color:#ff355e;border-radius:2px;background:#76001847;color:#fff;font-size:.82rem;font-weight:700;text-shadow:0 0 8px rgba(255,79,113,.92);box-shadow:inset 0 0 12px #ff1e4c14,0 0 10px #ff1e4c47;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.lobby-menu .profile-link:hover{border-color:#ff7892;background:#da002d61;color:#fff;box-shadow:inset 0 0 14px #ff305a29,0 0 18px #ff1e4c9e}.lobby-menu .profile-link:focus-visible{outline:2px solid #ffb3c2;outline-offset:3px}.lobby-content{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:clamp(32px,5vh,58px) 0 40px}.lobby-hero{margin-bottom:clamp(24px,4vh,42px)}.lobby-eyebrow{margin:0 0 14px;color:var(--lobby-cyan);font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.lobby-hero h1{margin:0;max-width:680px;color:#f6fff0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.8rem,7vw,6.6rem);font-weight:900;line-height:.84;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 8px 38px rgba(0,0,0,.75)}.lobby-hero h1 span{color:var(--lobby-green);text-shadow:0 3px 0 #609000,0 0 20px rgba(183,255,36,.76),0 0 52px rgba(86,255,0,.32)}.lobby-welcome{max-width:560px;margin:24px 0 0;color:#e0f1e7b8;font-size:1rem;line-height:1.55}.lobby-workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(480px,1.25fr);gap:18px;align-items:stretch}.lobby-create,.lobby-rooms{min-width:0;padding:26px;border:1px solid rgba(114,228,255,.2);border-radius:3px;background:linear-gradient(145deg,#030d12f2,#02070ceb);box-shadow:0 24px 72px #0000007a,inset 0 0 32px #18d9ff06;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lobby-section-heading,.lobby-section-heading>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lobby-section-heading{margin-bottom:22px}.lobby-section-heading h2{margin:0;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}.lobby-index{color:var(--lobby-green);font:800 .72rem/1 Segoe UI,sans-serif;letter-spacing:.12em}.lobby-index:after{content:"";display:inline-block;width:22px;margin:0 2px 3px 8px;border-top:1px solid rgba(183,255,36,.48)}.lobby-room-count{display:grid;place-items:center;min-width:32px;height:26px;border:1px solid rgba(183,255,36,.4);color:var(--lobby-green);font-size:.78rem;font-weight:800}.lobby-choice-group{margin-top:18px}.lobby-choice-label{display:block;margin-bottom:9px;color:#dbefe18f;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lobby-segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-segmented label{display:grid;gap:4px;min-height:68px;padding:14px;border:1px solid rgba(114,228,255,.2);background:#020a10c7;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.lobby-segmented label:hover{border-color:#18d9ff8c}.lobby-segmented label.is-selected{border-color:var(--lobby-green);background:#58890829;box-shadow:inset 3px 0 0 var(--lobby-green),0 0 18px #b7ff2414}.lobby-segmented input{position:absolute;opacity:0;pointer-events:none}.lobby-segmented strong{font-size:.92rem}.lobby-segmented small{color:#daecde8a;font-size:.76rem}.lobby-segmented--compact label{min-height:46px;align-content:center}.lobby-help{min-height:38px;margin:14px 0;color:#daecde91;font-size:.78rem;line-height:1.45}.lobby-create>.btn{width:100%;min-height:50px;border:1px solid #dcff80;border-radius:2px;background:linear-gradient(180deg,#caff43,#87da0b);color:#102300;font-family:Arial Black,Segoe UI,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 18px #9eff1647,inset 0 -4px #235f003d}.join-form{margin-top:22px;padding-top:18px;border-top:1px solid rgba(114,228,255,.13)}.join-form>label{display:block;margin-bottom:9px;color:#dbefe18f;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.join-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.join-form input,.join-form input[type=text]{width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid rgba(54,221,255,.34);border-radius:2px;background:#01080edb;color:#f2fff5;font-size:.95rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.join-form input:focus{border-color:var(--lobby-green);box-shadow:0 0 0 3px #b7ff241a}.join-form .btn{min-width:90px;padding:10px 16px;border-radius:2px}.lobby-room-list{height:369px;overflow-y:auto;overscroll-behavior:contain;padding-right:7px;scrollbar-color:rgba(183,255,36,.55) rgba(255,255,255,.05);scrollbar-width:thin}.lobby-room-list:focus-visible{outline:2px solid var(--lobby-cyan);outline-offset:5px}.lobby-room{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:76px;padding:14px 12px 14px 16px;border-bottom:1px solid rgba(114,228,255,.12);transition:background .15s ease,border-color .15s ease}.lobby-room:first-child{border-top:1px solid rgba(114,228,255,.12)}.lobby-room:hover{border-color:#b7ff2442;background:#b7ff2409}.lobby-room__main{min-width:0;display:grid;gap:5px}.lobby-room__main strong{overflow:hidden;color:#f2fff5;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.lobby-room__main span{color:#daecde8c;font-size:.76rem}.lobby-room__players{display:flex;align-items:center;gap:7px;color:#ecfff0c2;font-size:.8rem;font-weight:800}.lobby-status-dot{width:7px;height:7px;border-radius:50%;background:var(--lobby-green);box-shadow:0 0 8px #b7ff24cc}.lobby-room .btn{min-width:84px;border-radius:2px}.lobby-empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;color:#daecde8c}.lobby-empty>span{color:var(--lobby-green);font-size:2.1rem;text-shadow:0 0 18px rgba(183,255,36,.7)}.lobby-empty strong{margin-top:8px;color:#effff1;font-size:1rem;text-transform:uppercase;letter-spacing:.07em}.lobby-empty p{margin:9px 0 0;font-size:.82rem;line-height:1.55}.lobby-table{width:100%;border-collapse:collapse}.lobby-table th{text-align:left;color:#d8eedd94;font-weight:700;font-size:13px;padding:8px 10px;border-bottom:1px solid rgba(183,255,36,.2)}.lobby-table td{padding:10px;border-bottom:1px solid rgba(183,255,36,.1)}@media(max-width:900px){.lobby-screen{overflow:auto}.lobby-topbar{padding-inline:24px 76px}.lobby-content{padding-top:40px}.lobby-workspace{grid-template-columns:1fr}.lobby-room-list{height:min(400px,55vh)}}@media(max-width:620px){.lobby-topbar{align-items:flex-start;padding:16px 68px 16px 16px}.lobby-logo{font-size:1.25rem}.lobby-menu{flex-wrap:wrap;gap:6px;padding:0}.lobby-menu .profile-link{min-height:32px;padding:5px 8px;font-size:.72rem}.lobby-content{width:min(100% - 28px,1240px);padding:34px 0 28px}.lobby-hero h1{font-size:clamp(3.5rem,19vw,5.2rem)}.lobby-welcome{margin-top:18px}.lobby-create,.lobby-rooms{padding:20px 16px}.lobby-segmented{grid-template-columns:1fr}.lobby-segmented--compact{grid-template-columns:1fr 1fr}.lobby-room{grid-template-columns:minmax(0,1fr) auto;gap:10px}.lobby-room__players{grid-column:1}.lobby-room .btn{grid-row:1 / span 2;grid-column:2}}@media(prefers-reduced-motion:reduce){.lobby-segmented label,.lobby-room{transition:none}}.system-stage{display:grid;place-items:center;padding:24px}.system-card{width:min(660px,100%);padding:34px;border:1px solid rgba(183,255,36,.28);background:linear-gradient(145deg,#030d12f7,#02070cf0);box-shadow:0 24px 72px #0000008c}.system-card .lobby-logo{display:inline-block;margin-bottom:42px}.system-card h1{margin:0;color:#fff;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3.4rem,8vw,6.8rem);line-height:.88;text-transform:uppercase}.system-card h1 span{color:var(--lobby-green);text-shadow:0 0 20px rgba(183,255,36,.6)}.system-exit{margin-top:30px;min-height:40px;padding:8px 15px;border:1px solid #ff355e;border-radius:2px;background:#76001847;color:#fff;font-weight:800;cursor:pointer}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top,#0b2117 0%,var(--bg) 60%);color:var(--text);font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif}button{font-family:inherit}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px}.title{font-size:32px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.text-center{text-align:center}.stack{display:flex;flex-direction:column;gap:12px;align-items:center}.row{flex-wrap:wrap;display:flex;align-items:center;gap:12px}input[type=text]{background:var(--panel-2);border:1px solid rgba(183,255,36,.25);color:var(--text);padding:12px 16px;border-radius:2px;font-size:16px;outline:none;min-width:280px}input[type=password]{font-family:inherit}input[type=text]:focus{border-color:var(--accent)}.error-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:12px 20px;border:1px solid #ff7892;border-radius:2px;cursor:pointer;z-index:2000;box-shadow:0 0 20px #ff355e57,0 8px 24px #0006}@media(max-width:600px){.screen{padding:24px 16px;gap:18px}.panel{padding:16px}.title{font-size:26px;text-align:center}.lobby-table td,.lobby-table th{padding:7px 5px;font-size:12px}.error-banner{width:calc(100% - 24px)}}