:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#91aeb5;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}body:not(.lobby-ready) #game-canvas,body:not(.lobby-ready) #main-menu{opacity:0}#main-menu,#victory-screen,#death-screen,#game-menu{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));place-content:center;place-items:center;display:grid;position:fixed;inset:0}#main-menu[hidden],#victory-screen[hidden],#death-screen[hidden],#game-menu[hidden],#graphics-settings[hidden],#game-menu-main[hidden],#boss-health[hidden],#room-waiting[hidden]{display:none}#main-menu{z-index:70;-webkit-backdrop-filter:blur(5px)saturate(1.1);backdrop-filter:blur(5px)saturate(1.1);background:radial-gradient(circle at 50% 42%,#38dae033,#0000 32%),linear-gradient(145deg,#081c2bd1,#0a1326eb);gap:clamp(28px,7vh,56px)}#main-menu h1{color:#f5fbfc;letter-spacing:-.055em;text-shadow:0 10px 38px #0000005c;margin:0;font-size:clamp(42px,9vw,92px);font-weight:850;line-height:.9}#main-menu h1 span{color:#52e2df;text-shadow:0 0 30px #3adfda61}#mode-actions button,#room-join button,.victory-actions button,.death-actions button{color:#efffff;letter-spacing:.12em;cursor:pointer;touch-action:manipulation;background:linear-gradient(#50e0d942,#114a57c7),#102d3b;border:1px solid #7bf4efb8;border-radius:4px;outline:none;min-width:210px;min-height:54px;padding:14px 26px;font:800 14px/1 system-ui,sans-serif;transition:transform .14s,border-color .14s,box-shadow .14s;box-shadow:inset 0 0 0 1px #ffffff12,0 12px 28px #010c1661}#mode-actions button:hover,#mode-actions button:focus-visible,#room-join button:hover,#room-join button:focus-visible,.victory-actions button:hover,.victory-actions button:focus-visible,.death-actions button:hover,.death-actions button:focus-visible{border-color:#9ffff9;transform:translateY(-3px);box-shadow:0 0 26px #4de6de4d,0 14px 32px #010c166b}#mode-actions button:active,#room-join button:active,.victory-actions button:active,.death-actions button:active{transform:translateY(0)scale(.985)}#mode-actions button:disabled,#room-join button:disabled{cursor:wait;opacity:.55}#mode-actions,#room-join{grid-template-columns:repeat(3,minmax(150px,210px));gap:12px;display:grid}#room-join{grid-template-columns:minmax(180px,230px) repeat(2,minmax(150px,190px));margin-top:-16px}#room-code-input{box-sizing:border-box;color:#efffff;letter-spacing:.16em;text-align:center;text-transform:uppercase;background:#051826c7;border:1px solid #7bf4ef85;border-radius:4px;outline:none;min-height:54px;font:800 15px/1 system-ui,sans-serif}#room-code-input:focus{border-color:#9ffff9;box-shadow:0 0 22px #4de6de3d}#room-code-input.invalid{border-color:#ff6a72}#room-waiting{color:#dffeff;align-items:center;gap:16px;margin-top:-18px;display:flex}#room-code{letter-spacing:.2em;font:900 28px/1 system-ui,sans-serif}#room-count{color:#79e9e5;font:800 17px/1 system-ui,sans-serif}#cancel-room-button{color:#eaffff;letter-spacing:.1em;cursor:pointer;background:#071f2eb8;border:1px solid #7bf4ef73;border-radius:4px;min-height:38px;padding:8px 16px;font:800 11px/1 system-ui,sans-serif}#boss-health{left:50%;top:max(20px, env(safe-area-inset-top));z-index:26;pointer-events:none;background:#080d18e6;border:2px solid #0d131fe0;width:min(620px,58vw);height:18px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 15px #0000005c,inset 0 0 0 1px #ffffff1a}#boss-health-fill{transform-origin:0;background:linear-gradient(90deg,#e83068,#ff695f);transition:transform .1s linear;position:absolute;inset:2px;transform:scaleX(1);box-shadow:0 0 12px #ff3e698c}#victory-screen{z-index:80;-webkit-backdrop-filter:blur(7px)saturate(.82);backdrop-filter:blur(7px)saturate(.82);background:radial-gradient(circle,#3de5cb36,#0000 34%),#030d16b8;grid-template-rows:auto auto;gap:clamp(28px,6vh,48px)}#death-screen{z-index:80;-webkit-backdrop-filter:blur(7px)saturate(.75);backdrop-filter:blur(7px)saturate(.75);background:radial-gradient(circle,#e6486824,#0000 36%),#030a12c2;grid-template-rows:auto auto;gap:clamp(28px,6vh,48px)}#death-screen h2{color:#f1f4f5;letter-spacing:.075em;text-align:center;text-shadow:0 0 34px #ef3f5b6b,0 10px 28px #00000080;margin:0;font-size:clamp(48px,8vw,86px);font-weight:900;line-height:.9}#victory-screen h2{color:#f7df86;letter-spacing:.08em;text-align:center;text-shadow:0 0 32px #f7ca4d5c,0 8px 24px #00000075;gap:8px;margin:0;font-size:clamp(42px,8vw,82px);font-weight:900;line-height:.86;display:grid}#victory-screen h2 span{color:#eafcfa;letter-spacing:.32em;text-shadow:none;font-size:.28em}.victory-actions{justify-content:center;gap:14px;display:flex}.death-actions{justify-content:center;gap:14px;display:grid}.death-actions #death-exit-button{background:linear-gradient(#ffffff14,#0b1824e0);border-color:#ffffff4d}.death-actions button:disabled{cursor:default;opacity:.32;transform:none}.victory-actions #exit-button{background:linear-gradient(#ffffff14,#0b1824e0);border-color:#ffffff4d}body.menu-open #player-status,body.menu-open .remote-player-status,body.menu-open #move-joystick,body.menu-open #action-hud,body.menu-open #boss-health,body.menu-open #upgrade-picker,body.victory-open #player-status,body.victory-open .remote-player-status,body.victory-open #move-joystick,body.victory-open #action-hud,body.victory-open #boss-health,body.victory-open #upgrade-picker,body.death-open #player-status,body.death-open .remote-player-status,body.death-open #move-joystick,body.death-open #action-hud,body.death-open #boss-health,body.death-open #upgrade-picker,body.game-menu-open #player-status,body.game-menu-open .remote-player-status,body.game-menu-open #move-joystick,body.game-menu-open #action-hud,body.game-menu-open #boss-health,body.game-menu-open #upgrade-picker{display:none}#game-menu{z-index:90;-webkit-backdrop-filter:blur(7px)saturate(.82);backdrop-filter:blur(7px)saturate(.82);background:radial-gradient(circle,#1a637133,#0000 34%),#030c12bd}.game-menu-panel{background:linear-gradient(160deg,#163641f5,#05141cfa);border:1px solid #7edde261;gap:12px;width:min(330px,100vw - 48px);padding:22px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f,0 24px 70px #0000006b}.game-menu-panel>button,#graphics-quality-options button{color:#edf8f8;letter-spacing:.09em;cursor:pointer;background:#091f29d1;border:1px solid #7edde261;outline:none;min-height:48px;font:800 12px/1 system-ui,sans-serif}.game-menu-panel>button:hover,.game-menu-panel>button:focus-visible,#graphics-quality-options button:hover,#graphics-quality-options button:focus-visible,#graphics-quality-options button.active{background:#194852eb;border-color:#67e2df;box-shadow:inset 3px 0 #56d8d4}#graphics-settings strong{color:#eaf5f5;letter-spacing:.1em;text-align:center;padding:5px 4px 9px;font-size:13px}#graphics-quality-options{gap:8px;display:grid}#action-hud{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:22;pointer-events:none;width:min(330px,100vw - 32px);position:fixed;transform:translate(-50%)}.hud-vital-track{background:#051016e0;border:1px solid #030b10eb;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 3px 10px #00000059}.hud-vital-fill{transform-origin:0;transition:transform 80ms linear;display:block;position:absolute;inset:1px;transform:scaleX(1)}#hud-health-fill{background:linear-gradient(90deg,#2dae61,#71dc5c);box-shadow:0 0 10px #45de667a}#mana-fill{background:linear-gradient(90deg,#249edb,#4fc9f3);box-shadow:0 0 10px #40caff75}.hud-vital-track output{z-index:1;color:#f5fbfb;letter-spacing:.02em;text-shadow:0 1px 2px #000,0 0 4px #000;place-items:center;font:800 10px/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}#vital-bars{background:#041117e6;border:1px solid #69bfc457;gap:2px;padding:4px;display:grid;box-shadow:0 8px 22px #00000061}#action-buttons{grid-template-columns:repeat(3,1fr);gap:5px;width:184px;margin:0 auto 4px;display:grid}.action-button{color:#eaffff;cursor:pointer;pointer-events:auto;touch-action:none;background:linear-gradient(160deg,#174255e6,#071723f0);border:1px solid #86e7f27a;border-radius:3px;outline:none;place-items:center;height:54px;transition:border-color 90ms,filter 90ms,transform 90ms;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,0 5px 16px #00000047}.action-button.empty{cursor:default;background:linear-gradient(145deg,#ffffff0a,#0000 48%),#06141bd6;border-color:#9dbbbe47;box-shadow:inset 0 0 0 1px #ffffff0a}.action-button.empty .action-icon{opacity:0}.action-button:hover,.action-button:focus-visible{border-color:#8ffbf7;transform:translateY(-2px)}.action-button.active{background:linear-gradient(160deg,#379299f5,#0c3546fa);border-color:#e5ff9a;box-shadow:inset 0 0 16px #8bffef38,0 0 20px #43e0da57}.action-button.unavailable:not(.active){filter:saturate(.28)brightness(.68)}.action-icon{color:#78eced;filter:drop-shadow(0 0 6px #51e4e161);width:34px;height:34px}.action-icon svg{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.action-button kbd{color:#e1f7faad;font:700 9px/1 system-ui,sans-serif;position:absolute;top:4px;bottom:auto;right:4px}#player-status,.remote-player-status{z-index:20;filter:drop-shadow(0 2px 3px #02090e7a);pointer-events:none;will-change:transform;align-items:stretch;width:132px;height:18px;display:flex;position:fixed;top:0;left:0}#player-level,.remote-player-level{color:#f1db81;text-shadow:0 1px 1px #000;background:linear-gradient(#202a2e,#10171a);border:1px solid #b99c48;flex:0 0 25px;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid}#player-health-track,.remote-player-health-track{background:#081013db;border:1px solid #040c0ee0;flex:1;margin:3px 0 3px 3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}#player-health-fill,.remote-player-health-fill{transform-origin:0;background:linear-gradient(90deg,#36c871,#79e45f);transition:transform .1s linear;position:absolute;inset:1px;transform:scaleX(1);box-shadow:0 0 5px #49e2706b}#upgrade-picker{z-index:40;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(2px)saturate(.82);backdrop-filter:blur(2px)saturate(.82);background:#050e1494;place-items:center;display:grid;position:fixed;inset:0}#upgrade-picker[hidden]{display:none}#upgrade-options{justify-content:center;gap:clamp(10px,2vw,22px);width:min(790px,100%);display:flex}.upgrade-choice{--upgrade-accent:#f0bd4f;border:1px solid color-mix(in srgb, var(--upgrade-accent) 72%, white 8%);color:#f2f6f3;cursor:pointer;touch-action:manipulation;background:linear-gradient(145deg,#ffffff12,#0000 42%),linear-gradient(#162d35f7,#08141bfa);border-radius:5px;outline:none;flex:1 1 0;grid-template-rows:1fr auto auto;place-items:center;min-width:0;max-width:238px;height:clamp(158px,28vh,210px);padding:22px 12px 18px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 15px 35px #00000052}.upgrade-choice:before{background:var(--upgrade-accent);height:4px;box-shadow:0 0 16px var(--upgrade-accent);content:"";position:absolute;inset:0 0 auto}.upgrade-choice:hover,.upgrade-choice:focus-visible{border-color:var(--upgrade-accent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--upgrade-accent) 10%, transparent), 0 18px 40px #00000061;transform:translateY(-5px)}.upgrade-choice:active{transform:translateY(-1px)scale(.985)}.upgrade-choice[data-kind=movementSpeed]{--upgrade-accent:#43d6c5}.upgrade-choice[data-kind=attackRadius]{--upgrade-accent:#54aef0}.upgrade-choice[data-kind=damage]{--upgrade-accent:#f06a72}.upgrade-choice[data-kind=attackSpeed]{--upgrade-accent:#dd79ed}.upgrade-choice[data-kind=maximumHealth]{--upgrade-accent:#69dc75}.upgrade-choice[data-kind=weapon-orbitals]{--upgrade-accent:#48dfca}.upgrade-choice[data-kind=weapon-lightning]{--upgrade-accent:#72cfff}.upgrade-choice[data-kind=weapon-kunai]{--upgrade-accent:#ec69b0}.upgrade-choice[data-kind=weapon-crescents]{--upgrade-accent:#ffd25d}.upgrade-icon{border:1px solid color-mix(in srgb, var(--upgrade-accent) 72%, white 8%);background:color-mix(in srgb, var(--upgrade-accent) 13%, #10242c);width:70px;height:70px;box-shadow:0 0 22px color-mix(in srgb, var(--upgrade-accent) 20%, transparent);color:var(--upgrade-accent);border-radius:50%;place-items:center;font-family:system-ui,sans-serif;font-size:38px;font-weight:300;line-height:1;display:grid}.upgrade-choice strong{letter-spacing:.07em;text-align:center;align-self:end;min-height:2.2em;margin-top:12px;font-size:clamp(12px,1.45vw,16px);font-weight:800;line-height:1.1}.upgrade-value{color:var(--upgrade-accent);margin-top:5px;font-size:17px;font-weight:800}.upgrade-rank{color:#ffffffc7;background:#040e13bd;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid;position:absolute;top:10px;right:10px}body.upgrade-open #move-joystick{opacity:.2;pointer-events:none}#move-joystick{left:max(28px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));touch-action:none;background:#0f1f2b33;border:2px solid #ffffff7a;border-radius:50%;width:124px;height:124px;display:none;position:fixed;box-shadow:inset 0 0 30px #ffffff1a}#move-joystick:after{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:27%}#move-joystick-knob{will-change:transform;background:#3dcbde8c;border:2px solid #ffffffb3;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 18px #06233040}@media (pointer:coarse){#move-joystick{display:block}.action-button kbd{display:none}}@media (max-height:520px){#main-menu{gap:20px}#main-menu h1{font-size:min(15vh,58px)}#mode-actions button,#room-join button,.victory-actions button,.death-actions button{min-width:172px;min-height:44px;padding:11px 18px;font-size:11px}#mode-actions{grid-template-columns:repeat(3,minmax(132px,172px))}#room-join{grid-template-columns:172px repeat(2,minmax(132px,172px));margin-top:-10px}#room-code-input{min-height:44px;font-size:12px}#victory-screen{gap:20px}#victory-screen h2{font-size:min(18vh,58px)}#boss-health{top:max(10px, env(safe-area-inset-top));width:min(520px,58vw);height:14px}#action-hud{left:50%;bottom:max(8px, env(safe-area-inset-bottom));width:min(284px,100vw - 24px)}.action-button{height:42px}.action-icon{width:27px;height:27px}#action-buttons{width:150px}.hud-vital-track{height:13px}.upgrade-choice{height:min(42vh,164px);padding:15px 9px 12px}.upgrade-icon{width:54px;height:54px;font-size:30px}.upgrade-choice strong{min-height:1.15em;margin-top:7px;font-size:11px}.upgrade-value{margin-top:3px;font-size:14px}}#main-menu{--friends-panel-width:clamp(278px, 18vw, 324px);z-index:70;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f5fbfc;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 18%,#05161f17 72%),linear-gradient(90deg,#05182229,#0000 25% 72%,#05172017);padding:0;display:block}body.friends-collapsed #main-menu{--friends-panel-width:clamp(278px, 18vw, 324px)}#main-menu button{cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;outline:none;font-family:system-ui,sans-serif}#lobby-navigation{z-index:3;height:44px;box-shadow:none;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:stretch;gap:4px;display:flex;position:absolute;top:12px;left:0;right:0}#lobby-navigation button{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);color:#e4f2f4ad;letter-spacing:.12em;pointer-events:auto;background:linear-gradient(#07202cb8,#071d2894);min-width:112px;padding:0 24px;font-size:11px;font-weight:750;transition:color .15s,background .15s;position:relative;border:1px solid #b8eded17!important}#lobby-navigation button:hover,#lobby-navigation button:focus-visible,#lobby-navigation button.active{background:linear-gradient(#13434ed6,#07232fb3)}#lobby-navigation button.active:after{content:"";background:#62e1d9;height:2px;position:absolute;bottom:0;left:28%;right:28%;box-shadow:0 0 15px #62e1d9b3}#play-tab{min-width:154px!important;font-size:17px!important}#queue-panel{left:max(20px, env(safe-area-inset-left));z-index:2;text-align:center;text-shadow:0 3px 15px #05141c61;border:0;justify-items:center;gap:7px;width:172px;padding:0;display:grid;position:absolute;top:31%}#queue-panel span{color:#e5f6f7a6;letter-spacing:.12em;font-size:11px;font-weight:700}#queue-panel strong{color:#f8ffff;letter-spacing:.035em;font-size:21px;font-weight:850}#party-stage{z-index:2;justify-content:center;align-items:center;gap:clamp(14px,1.6vw,30px);transition:none;display:flex;position:absolute;inset:70px 0 104px}.party-slot{flex:0 clamp(132px,10vw,178px);place-items:center;height:min(39vh,330px);display:grid;position:relative}.invite-slot{color:#efffffc7;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(145deg,#ffffff12,#0000 38%),#0725331f;transition:border-color .16s,background .16s,transform .16s;overflow:hidden;box-shadow:inset 0 0 35px #40d3cf0d;border:1px solid #ddfafa54!important}.invite-slot:before,.invite-slot:after{content:"";background:#63e0da8a;width:32px;height:2px;position:absolute}.invite-slot:before{top:0;left:0}.invite-slot:after{bottom:0;right:0}.invite-slot:hover,.invite-slot:focus-visible{background:#249b9e21;transform:translateY(-4px);border-color:#7aefe9cc!important}.invite-slot span{color:#eaffff;text-shadow:0 0 18px #58e7df6b;font-size:36px;font-weight:250}.invite-slot.occupied{background:linear-gradient(#1f6b7336,#04192352);grid-template-rows:1fr auto;gap:12px;padding:26px 10px 22px;cursor:default!important;opacity:1!important}.invite-slot.occupied:hover{transform:none}.invite-slot.occupied strong{color:#efffff;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.party-member-avatar{background:linear-gradient(145deg, hsl(var(--avatar-hue) 55% 55%), hsl(var(--avatar-hue) 48% 27%));border:1px solid #b8f2ef85;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 8px 22px #01111852;color:#fff!important;text-shadow:0 2px 8px #00000059!important;font-size:24px!important;font-weight:800!important}#local-player-slot{pointer-events:none;background:linear-gradient(#0000 5%,#0f3e480a 64%,#07212d3d);border-top:1px solid #ddfafa2e;border-bottom:1px solid #ddfafa38;flex-basis:clamp(174px,13vw,226px);height:min(57vh,480px)}#local-player-slot:after{content:"";background:#f0c868;height:3px;position:absolute;bottom:-1px;left:16%;right:16%;box-shadow:0 0 17px #f0c8688c}#open-login-button{color:#fff6d7;letter-spacing:.13em;background:#082632d1;min-width:154px;min-height:46px;font-size:15px;font-weight:850;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 12px 30px #04161f47,inset 0 0 18px #f0c8680d;pointer-events:auto!important;border:1px solid #f0c868d1!important}#open-login-button:hover,#open-login-button:focus-visible{background:#194e54eb;transform:translateY(-3px);box-shadow:0 0 24px #f0c86838}#lobby-nickname{color:#fff4cb;letter-spacing:.04em;text-align:center;text-shadow:0 2px 8px #00000075;background:linear-gradient(90deg,#0000,#07232ec7 14% 86%,#0000);padding:9px 12px;font-size:15px;font-weight:800;position:absolute;bottom:17px;left:10px;right:10px}#lobby-chat{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));z-index:6;width:clamp(236px,18vw,330px);height:auto;box-shadow:none;clip-path:none;pointer-events:auto;background:0 0;border:0;flex-direction:column;gap:6px;display:flex;position:absolute}#lobby-chat[hidden]{display:none}#lobby-chat-messages{scrollbar-width:thin;background:linear-gradient(90deg,#03141dc2,#03141d5c);border-left:1px solid #70ddd752;flex-direction:column;max-height:min(30vh,210px);padding:10px 11px 4px;display:flex;overflow:auto}#lobby-chat-messages[hidden],#lobby-chat-messages:empty{display:none}.lobby-chat-message{color:#effafae6;overflow-wrap:anywhere;margin:0 0 7px;font-size:11px;line-height:1.32}.lobby-chat-message strong{color:#70ddd7;margin-right:5px;font-weight:800}#lobby-chat-form{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background:#051c27db;border:1px solid #a4e5e44d;grid-template-columns:1fr 38px;height:40px;display:grid;overflow:hidden;box-shadow:0 8px 24px #02121a33}#lobby-chat-input,#friends-search-input{color:#f4ffff;-webkit-user-select:text;user-select:text;background:#03141d70;border:0;outline:none;min-width:0;font-family:system-ui,sans-serif;font-size:11px}#lobby-chat-input{padding:0 11px}#lobby-chat-input::placeholder,#friends-search-input::placeholder{color:#deeff175}#lobby-chat-send{color:#8cede7;background:#45cac529;font-size:19px}#friends-panel{z-index:4;width:var(--friends-panel-width);pointer-events:auto;background:linear-gradient(#071e29f0,#061822e8);border-left:1px solid #afefed2b;transition:none;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 34px #02131c21}body.friends-collapsed #friends-panel{box-shadow:none;pointer-events:none;background:0 0;border:0}#friends-collapse-button{z-index:3;color:#e2f6f7a6;text-shadow:0 1px 8px #00000073;background:0 0;place-items:center;width:24px;height:28px;font-size:24px;line-height:1;transition:color .12s,transform .12s;display:grid;position:absolute;top:15px;right:12px;border:0!important}body.friends-collapsed #friends-collapse-button{pointer-events:auto;right:14px;transform:rotate(180deg)}#friends-collapse-button:hover,#friends-collapse-button:focus-visible{color:#8cede7}#friends-panel-content{height:100%;overflow:hidden}body.friends-collapsed #friends-panel-content,#friends-rail{display:none}body.friends-collapsed #friends-rail{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;width:62px;padding-top:8px;display:flex;position:absolute;top:54px;bottom:12px;right:0}.friend-rail-avatar{background:0 0;border:1px solid #b5ebea61;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;display:grid;overflow:hidden;box-shadow:0 3px 12px #0211194d}.friend-rail-avatar-glyph,.friend-avatar{background:linear-gradient(145deg, hsl(var(--avatar-hue) 55% 55%), hsl(var(--avatar-hue) 48% 27%));color:#fff;text-shadow:0 1px 5px #00000052;border-radius:50%;place-items:center;font-weight:800;display:grid}.friend-rail-avatar-glyph{width:100%;height:100%;font-size:15px}#friends-search-form{height:58px;padding:12px 44px 8px 14px;display:grid}#friends-search-input{background:#02111982;border:1px solid #bce8e926;width:100%;height:38px;padding:0 13px}#friends-search-input:focus{border-color:#5edbd58a}#friends-list{scrollbar-width:thin;flex-direction:column;gap:7px;height:calc(100% - 58px);padding:10px 12px 18px;display:flex;overflow-y:auto}#friends-list.empty{place-items:center;padding:20px;display:grid}#friends-empty{color:#dcedef7a;text-align:center;margin:0;font-size:11px;line-height:1.55}.friend-row{background:#02111957;border:1px solid #b1e7e61c;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:7px 8px;display:grid}.friend-row[data-kind=online]{border-left-color:#68d9a2}.friend-row[data-kind=party-invite],.friend-row[data-kind=friend-request]{background:#2a3a3361;border-left-color:#f0c868}.friend-avatar{width:36px;height:36px;font-size:13px}.friend-row>strong{color:#effcfce8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;overflow:hidden}.friend-row-actions{gap:4px;display:flex}.friend-row-action{color:#a9f0eb;background:#45cac51f;place-items:center;width:30px;height:30px;font-size:17px;line-height:1;display:grid;border:1px solid #8fe2dd40!important}.friend-row-action:hover,.friend-row-action:focus-visible{background:#45cac540;border-color:#8fe2dd99!important}#lobby-actions{left:0;right:0;bottom:max(24px, env(safe-area-inset-bottom));z-index:5;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;gap:14px;height:auto;padding:0;transition:none;display:flex;position:absolute}#start-button,#leave-party-button{pointer-events:auto;grid-column:auto;justify-self:auto}#start-button{outline-offset:3px;color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#ef5967,#f46c65);min-width:256px;min-height:52px;font-size:20px;font-weight:900;transition:filter .15s,transform .15s;box-shadow:0 12px 24px #161e2647;border:2px solid #f6ffffb3!important;outline:2px solid #08222dcc!important}#start-button:hover,#start-button:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}#leave-party-button{color:#e0eeef6b;letter-spacing:.09em;background:#0a2a3775;min-width:184px;min-height:38px;font-size:11px;font-weight:750;border:1px solid #dcf2f33d!important}#main-menu button:disabled{cursor:default;opacity:.5}#auth-screen{z-index:160;background:linear-gradient(90deg,#fff 0 clamp(330px,25vw,470px),#0000 clamp(330px,25vw,470px) 100%);grid-template-columns:clamp(330px,25vw,470px) 1fr;display:grid;position:fixed;inset:0}#auth-screen[hidden],#action-hud[hidden],.field-error[hidden],.auth-error[hidden]{display:none}#auth-screen:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#ddfbfa0d,#0000 55%),linear-gradient(#0000 64%,#061c263d);position:absolute;inset:0 0 0 clamp(330px,25vw,470px)}body.auth-open #main-menu{visibility:hidden}#auth-panel{color:#1a2930;background:#fffffff7;flex-direction:column;min-width:0;padding:clamp(30px,5vh,48px) clamp(30px,3vw,48px) 24px;display:flex;box-shadow:16px 0 40px #0a2b361f}#auth-brand{color:#20363e;letter-spacing:-.03em;margin:0 0 clamp(30px,6vh,58px);font-size:clamp(24px,1.65vw,31px);font-weight:900}#auth-brand span{color:#39bdb8}#auth-tabs{background:#edf1f2;border-radius:11px;grid-template-columns:.82fr 1.18fr;min-height:40px;margin-bottom:24px;padding:4px;display:grid}#auth-tabs button{color:#64747a;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:9px;font-weight:850;position:relative}#auth-tabs button.active{color:#1b3038;background:#fff;box-shadow:0 3px 12px #152c3417}#auth-tabs button.active:after{content:"";background:#ef5967;height:2px;position:absolute;bottom:-5px;left:28%;right:28%}#login-form,#registration-form{flex-direction:column;flex:none;gap:11px;min-height:0;display:flex}#login-form[hidden],#registration-form[hidden]{display:none}#auth-panel label{gap:5px;display:grid}#auth-panel label>span{color:#526168;letter-spacing:.08em;font-size:10px;font-weight:850}#auth-panel input{color:#17272e;-webkit-user-select:text;user-select:text;background:#edf0f1;border:2px solid #0000;border-radius:4px;outline:none;width:100%;height:43px;padding:0 14px;font-size:13px;font-weight:650;transition:border-color .12s,background .12s}#auth-panel input:focus{background:#fff;border-color:#263d46}#auth-panel input.invalid{border-color:#e84d5d}.field-error,.auth-error{color:#d43e4e;margin:-2px 0 0;font-size:10px;font-weight:700;line-height:1.25}.auth-error{margin-top:0}.auth-submit{color:#fff;cursor:pointer;background:#ef5967;border:0;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;margin:8px auto 0;font-size:27px;font-weight:350;transition:filter .14s,transform .14s;display:grid;box-shadow:0 8px 18px #d6485738}.auth-submit:hover,.auth-submit:focus-visible{filter:brightness(1.06);transform:translate(3px)}.auth-submit:disabled,#auth-tabs button:disabled,#close-auth-button:disabled{cursor:wait;opacity:.5}#close-auth-button{right:max(24px, env(safe-area-inset-right));top:max(20px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:#081d27e0;border:0;border-radius:50%;place-items:center;width:46px;height:46px;font-size:25px;font-weight:250;display:grid;position:absolute;box-shadow:0 8px 24px #0418213d}@media (max-width:1050px),(max-height:580px){#main-menu,body.friends-collapsed #main-menu{--friends-panel-width:222px}#lobby-navigation{height:36px;top:7px;left:0}#lobby-navigation button{min-width:84px;padding:0 14px;font-size:8px}#play-tab{min-width:112px!important;font-size:13px!important}#queue-panel{width:122px;top:25%;left:18px}#party-stage{gap:10px;top:49px;bottom:72px;left:0}.party-slot{flex-basis:92px;height:min(42vh,190px)}#local-player-slot{flex-basis:132px;height:min(62vh,275px)}#open-login-button{min-width:108px;min-height:36px;font-size:9px}#lobby-chat{width:205px;height:auto;bottom:12px;left:12px}#lobby-chat-messages{max-height:min(25vh,120px);padding:7px 8px 2px}#lobby-chat-form{grid-template-columns:1fr 32px;height:34px}#friends-search-form{height:48px;padding:8px 10px 6px}#friends-search-input{height:34px;font-size:9px}#friends-list{height:calc(100% - 48px);padding:12px}#friends-empty{font-size:9px}.friend-row{grid-template-columns:30px minmax(0,1fr) auto;gap:6px;min-height:44px;padding:5px 6px}.friend-avatar{width:28px;height:28px;font-size:10px}.friend-row>strong{font-size:9px}.friend-row-action{width:25px;height:25px;font-size:14px}#lobby-actions{gap:10px;bottom:13px;left:0}#start-button{min-width:184px;min-height:40px;font-size:14px}#leave-party-button{min-width:132px;min-height:31px;font-size:7px}#auth-screen{background:linear-gradient(90deg,#fff 0 max(280px,34vw),#0000 max(280px,34vw) 100%);grid-template-columns:minmax(280px,34vw) 1fr}#auth-screen:after{left:max(280px,34vw)}#auth-panel{padding:18px 28px 14px}#auth-brand{margin-bottom:15px;font-size:20px}#auth-tabs{min-height:34px;margin-bottom:11px}#login-form,#registration-form{gap:6px}#auth-panel input{height:32px;font-size:10px}.auth-submit{border-radius:13px;width:42px;height:42px;margin-top:3px;font-size:21px}}