@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@700;800;900&display=swap");:root{--bg-void:#1e1b4b;--bg-base:#2e2a72;--bg-base-2:#3b368c;--surface-1:#342f7c;--surface-2:#4540a4;--surface-3:#5650c8;--edge:#1b1744;--edge-soft:hsla(0,0%,100%,.08);--text:#fff;--muted:#b4b0fb;--muted-dim:#7a74d6;--strike:#ff4757;--strike-shadow:#b31d28;--pulse:#00d2d3;--pulse-shadow:#00898a;--gold:#ff9f43;--gold-shadow:#b86000;--win:#2ed573;--win-shadow:#198745;--font-display:"Fredoka",cursive,sans-serif;--font-body:"Nunito",sans-serif;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--edge-line:3px solid var(--edge);--heavy-depth:0 10px 0 var(--edge),0 15px 25px rgba(0,0,0,.4)}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{margin:0;min-height:100%;background:var(--bg-void);color:var(--text);font-weight:800}body,button,html,input,select{font-family:var(--font-body)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-void);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--edge);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gold)}button{color:var(--text);cursor:pointer;border-radius:var(--radius-md);position:relative;transition:transform .08s cubic-bezier(.175,.885,.32,1.275),box-shadow .08s ease,filter .1s ease;outline:none;border:var(--edge-line);font-family:var(--font-display)}button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(4px) scale(.97)!important;box-shadow:0 0 0 transparent!important}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.7);transform:none!important}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:20px;gap:20px;background:radial-gradient(circle at 50% 40%,var(--bg-base) 0,var(--bg-void) 90%)}.boot-logo{width:100px;height:100px;display:grid;place-items:center;background:linear-gradient(180deg,#ffc048,#ff9f43);color:#fff;border:4px solid var(--edge);box-shadow:0 8px 0 var(--edge),0 15px 20px rgba(0,0,0,.3);font:700 48px var(--font-display);border-radius:var(--radius-lg);transform:rotate(-4deg);animation:logoBounce 1.2s cubic-bezier(.45,.05,.55,.95) infinite alternate;text-shadow:0 3px 0 var(--gold-shadow)}@keyframes logoBounce{0%{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-10px)}}.boot-screen span{color:var(--gold);font:700 20px var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 var(--edge)}.game-shell{min-height:100vh;background:radial-gradient(circle at 50% 20%,#353080 0,var(--bg-void) 80%);display:flex;flex-direction:column}.bottom-bar,.top-bar{min-height:68px;background:var(--bg-base-2);border-bottom:var(--edge-line);box-shadow:0 6px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10}.bottom-bar{min-height:42px;border-top:var(--edge-line);border-bottom:0;background:var(--bg-void);color:var(--muted);font:700 15px var(--font-display);letter-spacing:.1em;text-transform:uppercase}.game-title{display:flex;align-items:center;gap:14px}.game-title>div:last-child{display:grid}.game-title strong{font:700 32px var(--font-display);letter-spacing:.02em;line-height:.9;color:#fff;text-shadow:0 3px 0 var(--edge)}.game-title span{color:var(--gold);font:700 14px var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.game-emblem{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(180deg,#ff4757,#d63031);color:#fff;border:3px solid var(--edge);box-shadow:0 4px 0 var(--edge);font:700 26px var(--font-display);border-radius:var(--radius-md);transform:rotate(-3deg);text-shadow:0 2px 0 var(--strike-shadow)}.top-status{display:flex;align-items:center;gap:10px;color:#fff;font:700 18px var(--font-display);letter-spacing:.04em;text-shadow:0 2px 0 var(--edge)}.online-dot{width:14px;height:14px;border-radius:50%;background:var(--win);border:2px solid var(--edge);box-shadow:0 2px 0 var(--edge)}.square-button{width:46px;height:44px;display:grid;place-items:center;border:var(--edge-line);background:linear-gradient(180deg,var(--surface-3) 0,var(--surface-2) 100%);color:#fff;box-shadow:0 4px 0 var(--edge);border-radius:var(--radius-md)}.square-button:hover{background:linear-gradient(180deg,#6c63ff 0,var(--surface-3) 100%);color:#fff}.lobby-layout{width:min(1400px,calc(100% - 40px));margin:24px auto;flex:1 1;display:grid;grid-template-columns:310px minmax(480px,1fr) 330px;grid-gap:20px;gap:20px;align-items:stretch}.game-panel{background:var(--surface-1);border:var(--edge-line);box-shadow:var(--heavy-depth);min-height:610px;border-radius:var(--radius-lg);overflow:hidden;position:relative}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--edge);padding:6px;grid-gap:6px;gap:6px}.panel-tabs button{height:42px;border:2px solid transparent;background:transparent;color:var(--muted);font:700 18px var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm)}.panel-tabs button:hover{color:#fff}.panel-tabs button.active{background:linear-gradient(180deg,#ff9f43,#ee5253);color:#fff;border:var(--edge-line);box-shadow:0 3px 0 var(--edge);text-shadow:0 2px 0 var(--strike-shadow)}.account-panel{display:flex;flex-direction:column}.player-card{margin:18px;padding:16px;display:flex;align-items:center;gap:16px;background:var(--surface-2);border:var(--edge-line);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--edge)}.player-avatar{position:relative;width:64px;height:64px;display:grid;place-items:center;background:var(--bg-void);border:3px solid var(--gold);border-radius:50%;box-shadow:0 4px 0 var(--edge);overflow:visible}.player-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.presence{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;background:var(--win);border:3px solid var(--edge);border-radius:50%}.player-card>div:last-child{display:grid}.player-card strong{font:700 24px var(--font-display);color:#fff;letter-spacing:.02em;line-height:1;text-shadow:0 2px 0 var(--edge)}.player-card span{color:var(--gold);font-weight:800;font-size:14px;text-transform:uppercase;margin-top:4px}.player-stats{margin:0 18px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.player-stats div{padding:10px 4px;display:grid;text-align:center;background:var(--bg-void);border:var(--edge-line);border-radius:var(--radius-sm);box-shadow:inset 0 3px 0 rgba(0,0,0,.3)}.player-stats span{color:var(--muted);font:700 13px var(--font-display);letter-spacing:.08em;text-transform:uppercase}.player-stats strong{font:700 24px var(--font-display);color:var(--gold);text-shadow:0 2px 0 var(--edge)}.account-message{margin:18px;padding:14px;display:flex;gap:12px;color:#fff;background:var(--surface-2);border:var(--edge-line);border-left:6px solid var(--pulse);border-radius:var(--radius-md);font-size:14px;line-height:1.4;box-shadow:0 4px 0 var(--edge)}.account-message p{margin:0}.account-panel .menu-button{margin:auto 18px 18px}.panel-heading{height:60px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-base-2);border-bottom:var(--edge-line)}.panel-heading span{color:var(--gold);font:700 14px var(--font-display);letter-spacing:.1em;text-transform:uppercase}.panel-heading h1,.panel-heading h2{margin:0;font:700 30px var(--font-display);letter-spacing:.02em;color:#fff;text-shadow:0 2px 0 var(--edge)}.panel-heading.compact h2{font-size:24px}.browser-panel{display:flex;flex-direction:column}.primary-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;padding:18px;border-bottom:var(--edge-line);background:var(--bg-void)}.create-room-btn,.play-button,.spectate-button{min-height:68px;border:var(--edge-line);display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;border-radius:var(--radius-md);box-shadow:0 6px 0 var(--edge)}.play-button{background:linear-gradient(180deg,#ff6b81 0,var(--strike) 100%);color:#fff;box-shadow:0 6px 0 var(--strike-shadow),0 8px 0 var(--edge);text-shadow:0 2px 0 var(--strike-shadow)}.spectate-button{background:linear-gradient(180deg,var(--surface-3) 0,var(--surface-2) 100%);color:#fff;box-shadow:0 6px 0 #2a2566,0 8px 0 var(--edge);text-shadow:0 2px 0 var(--edge)}.create-room-btn{background:linear-gradient(180deg,#2ed573,#26af5f);color:#fff;box-shadow:0 6px 0 var(--win-shadow),0 8px 0 var(--edge);text-shadow:0 2px 0 var(--win-shadow)}.create-room-btn span,.play-button span,.spectate-button span{display:grid}.create-room-btn strong,.play-button strong,.spectate-button strong{font:700 26px var(--font-display);letter-spacing:.02em;line-height:.9;text-transform:uppercase}.create-room-btn small,.play-button small,.spectate-button small{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.9}.server-row,.server-table-head{display:grid;grid-template-columns:minmax(190px,1.7fr) 1fr 90px 75px;align-items:center}.server-table-head{min-height:40px;padding:0 18px;background:var(--edge);color:var(--gold);font:700 14px var(--font-display);letter-spacing:.1em;text-transform:uppercase}.server-list{flex:1 1;min-height:355px;background:var(--bg-void);overflow-y:auto}.server-row{width:100%;min-height:50px;padding:0 18px;border:0;border-bottom:2px solid rgba(0,0,0,.2);background:transparent;color:#fff;text-align:left;font-size:15px;font-weight:800}.server-row:nth-child(2n){background:hsla(0,0%,100%,.02)}.server-row:hover{background:var(--surface-2);cursor:pointer}.server-row.selected{background:var(--surface-3);box-shadow:inset 6px 0 0 var(--gold)}.server-name{display:flex;align-items:center;gap:10px;font-weight:800}.good-ping{color:var(--win);font-weight:900;text-shadow:0 2px 0 var(--edge)}.empty-list,.no-selection{min-height:100%;display:grid;place-content:center;justify-items:center;grid-gap:10px;gap:10px;text-align:center;color:var(--muted);padding:28px}.empty-list strong,.no-selection strong{color:#fff;font:700 24px var(--font-display);text-shadow:0 2px 0 var(--edge)}.browser-footer{height:40px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:var(--edge-line);background:var(--bg-void);color:var(--muted);font:700 14px var(--font-display);letter-spacing:.05em;text-transform:uppercase}.details-panel{display:flex;flex-direction:column}.server-poster{position:relative;margin:18px;height:180px;overflow:hidden;display:grid;place-content:center;justify-items:center;grid-gap:6px;gap:6px;background:linear-gradient(180deg,var(--surface-3) 0,var(--surface-2) 100%);border:var(--edge-line);border-radius:var(--radius-md);color:#fff;box-shadow:0 5px 0 var(--edge)}.poster-grid{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(#fff 2px,transparent 0);background-size:16px 16px}.server-poster>:not(.poster-grid){position:relative;z-index:1}.server-poster svg{color:var(--gold);filter:drop-shadow(0 3px 0 var(--edge))}.server-poster strong{font:700 30px var(--font-display);letter-spacing:.02em;text-shadow:0 2px 0 var(--edge)}.server-poster span{color:var(--pulse);font-weight:800;font-size:13px;text-transform:uppercase}.detail-list{margin:0 18px 18px;border:var(--edge-line);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-void);box-shadow:inset 0 3px 0 rgba(0,0,0,.3)}.detail-list div{min-height:42px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(0,0,0,.2)}.detail-list div:last-child{border-bottom:0}.detail-list span{color:var(--muted);font:700 14px var(--font-display);letter-spacing:.06em;text-transform:uppercase}.detail-list strong{font:700 18px var(--font-display);color:#fff;text-shadow:0 1px 0 var(--edge)}.ready{color:var(--win);gap:6px;font-weight:800}.menu-button,.ready{display:flex;align-items:center}.menu-button{min-height:50px;padding:0 22px;justify-content:center;gap:10px;font:700 20px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-md)}.menu-button.orange{background:linear-gradient(180deg,#ffc048 0,var(--gold) 100%);color:#fff;box-shadow:0 6px 0 var(--gold-shadow),0 8px 0 var(--edge);text-shadow:0 2px 0 var(--gold-shadow)}.menu-button.dark{background:linear-gradient(180deg,var(--surface-3) 0,var(--surface-2) 100%);color:#fff;box-shadow:0 6px 0 #2a2566,0 8px 0 var(--edge);text-shadow:0 2px 0 var(--edge)}.menu-button.large{min-height:58px;font-size:24px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(15,12,41,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;overflow-y:auto}.settings-window{width:min(760px,100%);max-height:85vh;display:flex;flex-direction:column;background:var(--surface-1);border:var(--edge-line);border-radius:var(--radius-lg);box-shadow:var(--heavy-depth);overflow:hidden}.settings-titlebar{min-height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-base-2);border-bottom:var(--edge-line);flex-shrink:0}.settings-titlebar>div{display:flex;align-items:center;gap:10px;font:700 26px var(--font-display);color:#fff;text-shadow:0 2px 0 var(--edge)}.settings-content{display:grid;grid-template-columns:190px 1fr;flex:1 1;min-height:0;overflow:hidden}.settings-nav{padding:14px;background:var(--bg-void);border-right:var(--edge-line);display:flex;flex-direction:column;gap:8px;overflow-y:auto}.settings-nav button{width:100%;min-height:44px;padding:0 14px;border:var(--edge-line);display:flex;align-items:center;gap:10px;background:var(--surface-2);color:var(--muted);font:700 16px var(--font-display);border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--edge)}.settings-nav button:hover{color:#fff}.settings-nav button.active{background:linear-gradient(180deg,#ff9f43,#ee5253);color:#fff;box-shadow:0 4px 0 var(--strike-shadow);text-shadow:0 2px 0 var(--strike-shadow)}.settings-form{padding:24px;display:grid;align-content:start;grid-gap:18px;gap:18px;overflow-y:auto;max-height:100%}.settings-form label{display:grid;grid-gap:6px;gap:6px}.settings-form label>span,.toggle-setting>span{color:var(--gold);font:700 14px var(--font-display);letter-spacing:.08em;text-transform:uppercase}.game-input,.settings-form input:not([type]),.settings-form input[type=text],.settings-select{min-height:44px;padding:0 14px;border:var(--edge-line);background:var(--bg-void);color:#fff;font:700 15px var(--font-body);outline:0;border-radius:var(--radius-sm);box-shadow:inset 0 3px 0 rgba(0,0,0,.4)}.game-input:focus,.settings-form input:focus,.settings-select:focus{border-color:var(--gold)}.range-line{display:grid;grid-template-columns:1fr 48px;grid-gap:12px;gap:12px;align-items:center}.range-line input{accent-color:var(--gold);height:8px}.range-line strong{text-align:right;font:700 20px var(--font-display);color:var(--gold)}.toggle-setting{min-height:48px;padding:0;border:0;border-top:2px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between;background:transparent}.toggle-setting i{width:48px;height:26px;padding:3px;background:var(--bg-void);border:var(--edge-line);border-radius:20px;box-shadow:inset 0 2px 0 rgba(0,0,0,.4)}.toggle-setting i b{display:block;width:16px;height:16px;background:var(--muted-dim);border-radius:50%;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.toggle-setting i.on{background:var(--win)}.toggle-setting i.on b{transform:translateX(22px);background:#fff;box-shadow:0 2px 0 var(--win-shadow)}.settings-actions{min-height:64px;padding:12px 20px;display:flex;justify-content:flex-end;gap:12px;background:var(--bg-base-2);border-top:var(--edge-line);flex-shrink:0}.game-wrap{position:fixed;inset:0;background:#120e36}.game-hud{position:absolute;left:20px;top:20px;display:flex;align-items:stretch;gap:10px}.game-status-box{min-width:200px;padding:10px 16px;gap:4px;background:var(--surface-1);border:var(--edge-line);box-shadow:0 6px 0 var(--edge);border-radius:var(--radius-md)}.hud-metrics{display:flex;align-items:center;gap:10px;font:700 16px var(--font-display);color:var(--muted)}.hud-metrics b{font-size:24px;color:var(--gold);margin-left:3px;text-shadow:0 2px 0 var(--edge)}.hud-divider{color:var(--edge)}.hud-room-id{color:var(--pulse);font:700 13px var(--font-display);letter-spacing:.08em}.game-controls{position:absolute;left:20px;bottom:20px;padding:10px 16px;background:var(--surface-1);border:var(--edge-line);box-shadow:0 6px 0 var(--edge);font:700 15px var(--font-display);border-radius:var(--radius-md);color:#fff}.pause-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,12,41,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.pause-menu{width:min(460px,calc(100% - 30px));max-height:85vh;display:flex;flex-direction:column;background:var(--surface-1);border:var(--edge-line);box-shadow:var(--heavy-depth);border-radius:var(--radius-lg);overflow:hidden}.pause-menu h2{margin:0;padding:16px;font:700 28px var(--font-display);text-shadow:0 2px 0 var(--edge)}.pause-menu h2,.pause-menu-header{background:var(--bg-base-2);color:#fff;border-bottom:var(--edge-line);flex-shrink:0}.pause-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.pause-menu-body{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.pause-menu-actions{padding:18px;display:grid;grid-gap:12px;gap:12px;flex-shrink:0;background:var(--surface-1);border-top:var(--edge-line)}.color-swatch{width:36px;height:36px;padding:0;border:3px solid var(--edge);border-radius:50%;box-shadow:0 3px 0 var(--edge)}.color-swatch.selected{outline:3px solid var(--gold);transform:scale(1.1)}.setting-info-box{justify-content:space-between;padding:12px 14px;background:var(--bg-void);margin-top:4px}.privacy-chip,.setting-info-box{display:flex;align-items:center;border:var(--edge-line);border-radius:var(--radius-sm)}.privacy-chip{min-height:44px;background:var(--surface-2);color:var(--muted);font:700 16px var(--font-display);letter-spacing:.04em;justify-content:center;gap:8px;box-shadow:0 4px 0 var(--edge)}.privacy-chip.active{background:linear-gradient(180deg,#ffc048 0,var(--gold) 100%);color:#fff;box-shadow:0 4px 0 var(--gold-shadow);text-shadow:0 2px 0 var(--gold-shadow)}.player-count-badge{align-items:center;gap:6px;padding:4px 10px;border:var(--edge-line);color:var(--gold);font:700 13px var(--font-display);border-radius:20px}.pause-roster,.player-count-badge{display:flex;background:var(--bg-void)}.pause-roster{margin:16px;flex-direction:column;flex:1 1;min-height:0;border:var(--edge-line);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 3px 0 rgba(0,0,0,.3)}.roster-header{display:flex;justify-content:space-between;padding:8px 14px;background:var(--edge);color:var(--gold);font:700 13px var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.roster-list{flex:1 1;overflow-y:auto;max-height:240px}.roster-player{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:2px solid rgba(0,0,0,.15);background:transparent}.roster-player.self{background:rgba(255,159,67,.15)}.player-name{color:#fff;font:700 17px var(--font-display)}.player-info{display:flex;align-items:center;gap:8px}.player-color-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--edge);box-shadow:0 2px 0 var(--edge)}.player-ping{display:flex;align-items:center;gap:6px;font:700 13px var(--font-display);color:var(--muted)}.role-tag{padding:3px 8px;border-radius:6px;font:700 12px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border:var(--edge-line);display:inline-flex;align-items:center;gap:4px}.role-tag.host{background:var(--gold);color:#fff;text-shadow:0 1px 0 var(--gold-shadow)}.role-tag.self{background:var(--pulse);color:#fff;text-shadow:0 1px 0 var(--pulse-shadow)}.chat-hud-btn.active{background:var(--gold)!important}.chat-badge-dot{width:12px;height:12px}.roster-kick-btn:hover{filter:brightness(1.1)}.kicked-modal-window{width:min(420px,calc(100% - 30px));max-height:85vh;display:flex;flex-direction:column;background:var(--surface-1);border:var(--edge-line);border-radius:var(--radius-lg);box-shadow:var(--heavy-depth);overflow:hidden;animation:modalPop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.kicked-modal-header{min-height:60px;padding:0 20px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#ff6b81 0,var(--strike) 100%);color:#fff;border-bottom:var(--edge-line);font:700 26px var(--font-display);text-shadow:0 2px 0 var(--strike-shadow);flex-shrink:0}.kicked-modal-body{padding:24px 20px;background:var(--bg-void);text-align:center;overflow-y:auto}.kicked-modal-body p{margin:0;color:#fff;font:700 16px var(--font-body);line-height:1.5}.kicked-modal-actions{padding:16px 20px;background:var(--surface-1);border-top:var(--edge-line);display:flex;justify-content:center;flex-shrink:0}.kicked-modal-actions .menu-button{width:100%}@media (max-width:1050px){.lobby-layout{grid-template-columns:280px 1fr}.details-panel{grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:280px 1fr auto;align-items:center}.details-panel .panel-heading{display:none}.server-poster{height:140px}.details-panel .menu-button{margin:16px;min-width:170px}}@media (max-width:760px){.top-bar{padding:0 16px}.top-status{font-size:0}.lobby-layout{width:calc(100% - 20px);grid-template-columns:1fr;margin:12px auto}.game-panel{min-height:auto}.account-panel{order:2}.browser-panel{order:1;min-height:550px}.details-panel{order:3;display:flex}.details-panel .panel-heading{display:flex}.server-row,.server-table-head{grid-template-columns:minmax(140px,1fr) 70px 65px}.server-row>span:nth-child(2),.server-table-head span:nth-child(2){display:none}.primary-actions,.settings-content{grid-template-columns:1fr}.settings-nav{display:flex;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:var(--edge-line)}.settings-nav button{min-width:130px}.chat-drawer{width:100%}}.game-wrap{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg-void)}.game-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.chat-hud-btn{position:relative}.chat-hud-btn.active{background:linear-gradient(180deg,#ffc048 0,var(--gold) 100%)!important;color:#fff!important;box-shadow:0 4px 0 var(--gold-shadow)!important}.chat-badge-dot{position:absolute;top:-3px;right:-3px;width:13px;height:13px;background:var(--strike);border-radius:50%;border:2px solid var(--edge);box-shadow:0 2px 0 var(--strike-shadow)}.votekick-banner{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--surface-1);border:var(--edge-line);border-radius:var(--radius-md);box-shadow:0 8px 0 var(--edge),0 12px 20px rgba(0,0,0,.4);animation:bannerSlideDown .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes bannerSlideDown{0%{transform:translate(-50%,-24px);opacity:0}to{transform:translate(-50%);opacity:1}}.votekick-info{display:flex;align-items:center;gap:10px;color:#fff;font:700 16px var(--font-display)}.votekick-info strong{color:var(--gold)}.votekick-actions{display:flex;gap:8px}.votekick-btn{padding:5px 12px;border:var(--edge-line);font:700 13px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm)}.votekick-btn.yes{background:linear-gradient(180deg,#2ed573,#26af5f);color:#fff;box-shadow:0 3px 0 var(--win-shadow);text-shadow:0 1px 0 var(--win-shadow)}.votekick-btn.no{background:linear-gradient(180deg,#ff6b81 0,var(--strike) 100%);color:#fff;box-shadow:0 3px 0 var(--strike-shadow);text-shadow:0 1px 0 var(--strike-shadow)}.votekick-voted-tag{padding:4px 10px;background:var(--bg-void);border:var(--edge-line);color:var(--muted);font:700 12px var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-radius:12px}.bombsquad-chat-overlay{position:absolute;left:20px;bottom:24px;z-index:30;display:flex;flex-direction:column;gap:8px;max-width:420px;pointer-events:none}.transient-message-list{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.bombsquad-chat-bubble{gap:10px;padding:10px 16px;background:var(--surface-1);border:var(--edge-line);box-shadow:0 6px 0 var(--edge);border-radius:var(--radius-md);transition:opacity .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275);animation:bubblePop .18s cubic-bezier(.175,.885,.32,1.275)}.bombsquad-chat-bubble.fade-out{opacity:0;transform:translateY(-8px) scale(.9)}@keyframes bubblePop{0%{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.bombsquad-chat-bubble.system-bubble{background:var(--bg-base-2);border-color:var(--edge)}.chat-sender-badge{padding:3px 10px;border-radius:6px;color:#fff;font:700 13px var(--font-display);letter-spacing:.04em;border:var(--edge-line);box-shadow:0 2px 0 var(--edge)}.chat-text-content{color:#fff;font:800 15px var(--font-body);word-break:break-word}.quick-chat-bar{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--surface-1);border:var(--edge-line);padding:8px;border-radius:var(--radius-md);box-shadow:0 6px 0 var(--edge)}.quick-chat-bar input{width:280px;height:38px;background:var(--bg-void);border:var(--edge-line);color:#fff;padding:0 12px;font:700 15px var(--font-body);border-radius:var(--radius-sm);outline:none}.quick-chat-bar input:focus{border-color:var(--gold)}.quick-send-btn{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(180deg,#ffc048 0,var(--gold) 100%);border:var(--edge-line);color:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--gold-shadow)}.quick-send-btn:hover{filter:brightness(1.1)}.chat-drawer{position:absolute;top:0;right:0;bottom:0;width:360px;z-index:40;background:var(--surface-1);border-left:var(--edge-line);box-shadow:-10px 0 30px rgba(0,0,0,.5);display:flex;flex-direction:column;animation:drawerSlide .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes drawerSlide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.chat-drawer-header{height:60px;padding:0 20px;background:var(--bg-base-2);border-bottom:var(--edge-line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-title{display:flex;align-items:center;gap:8px;color:#fff}.drawer-title strong{color:#fff;font:700 24px var(--font-display);text-shadow:0 2px 0 var(--edge)}.chat-close-btn{width:36px;height:36px;display:grid;place-items:center;background:var(--surface-2);border:var(--edge-line);color:#fff;border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--edge)}.chat-close-btn:hover{background:var(--strike)}.chat-drawer-messages{flex:1 1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--bg-void)}.chat-empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font:700 18px var(--font-display);text-align:center}.drawer-message-item{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:var(--edge-line);border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 4px 0 var(--edge)}.drawer-message-item.system-item{background:var(--bg-base-2);border-left:6px solid var(--pulse)}.message-meta{display:flex;align-items:center;gap:8px}.sender-color-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--edge)}.sender-name{color:#fff;font:700 17px var(--font-display)}.message-time{margin-left:auto;color:var(--muted);font:700 13px var(--font-display)}.message-body{margin:0;color:#fff;font:700 14px var(--font-body);line-height:1.4;word-break:break-word}.chat-drawer-input-row{padding:14px;background:var(--surface-1);border-top:var(--edge-line);display:flex;gap:10px;flex-shrink:0}.chat-drawer-input-row input{flex:1 1;height:44px;background:var(--bg-void);border:var(--edge-line);color:#fff;padding:0 14px;font:700 15px var(--font-body);border-radius:var(--radius-sm);outline:none}.chat-drawer-input-row input:focus{border-color:var(--gold)}.drawer-send-btn{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(180deg,#ffc048 0,var(--gold) 100%);border:var(--edge-line);color:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--gold-shadow)}.roster-kick-btn{background:var(--strike);box-shadow:0 3px 0 var(--strike-shadow)}.roster-kick-btn,.roster-votekick-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:var(--edge-line);color:#fff;font:700 12px var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);margin-right:8px}.roster-votekick-btn{background:linear-gradient(180deg,var(--surface-3) 0,var(--surface-2) 100%);box-shadow:0 3px 0 var(--edge)}.roster-kick-btn:hover,.roster-votekick-btn:hover{filter:brightness(1.1)}.bombsquad-chat-bubble{display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:6px;border-left:3px solid #ff592b;font-family:Rajdhani,sans-serif;font-size:14px;color:#f8fafc;max-width:420px;word-break:break-word}.bombsquad-chat-bubble.system-bubble{border-left-color:#38bdf8;background:rgba(15,23,42,.9)}.chat-inline-sender{font-weight:700;white-space:nowrap}.chat-text-content{color:#f1f5f9}.chat-text-content.system{color:#38bdf8;font-weight:600}.chat-sender-badge{all:unset;display:inline}.game-status-box{display:flex;flex-direction:column;gap:6px;min-width:170px}.stamina-hud-bar{margin-top:4px;width:100%;background:rgba(15,23,42,.9);padding:6px 8px;border-radius:6px;border:1px solid hsla(0,0%,100%,.12)}.stamina-label{display:flex;align-items:center;gap:5px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800;color:#cbd5e1;text-transform:uppercase;margin-bottom:4px}.stamina-label .normal-icon{color:#eab308}.stamina-label .exhausted-icon{color:#ef4444;animation:pulse .5s infinite alternate}.stamina-track{width:100%;height:8px;background:rgba(30,41,59,.9);border-radius:999px;overflow:hidden;border:1px solid rgba(0,0,0,.5)}.stamina-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#3b82f6);border-radius:999px;transition:width .05s linear}.stamina-fill.exhausted{background:#ef4444!important}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.mobile-touch-overlay{position:absolute;inset:0;pointer-events:none;z-index:40}.touch-joystick-base{position:absolute;bottom:30px;left:30px;width:120px;height:120px;border-radius:50%;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}.touch-joystick-stick{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff592b,#e04216);box-shadow:0 4px 12px rgba(255,89,43,.5);pointer-events:none}.touch-sprint-btn{position:absolute;bottom:35px;right:35px;width:72px;height:72px;border-radius:50%;background:rgba(255,89,43,.25);border:2px solid #ff592b;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .1s ease,background .1s ease}.touch-sprint-btn.active{background:#ff592b;transform:scale(.92);box-shadow:0 0 20px rgba(255,89,43,.7)}.status-box-header{display:flex;align-items:center;justify-content:space-between;width:100%}.hud-collapse-btn{background:transparent;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;padding:2px;display:flex;align-items:center}.game-status-box.collapsed{padding:6px 12px}.timer-pill{background:rgba(17,21,26,.85);border:1.5px solid rgba(255,89,43,.4);box-shadow:0 0 20px rgba(255,89,43,.25),inset 0 0 10px rgba(255,89,43,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timer-icon{color:#ff592b;animation:pulseGlow 2s ease-in-out infinite}.timer-digits{font-family:Rajdhani,sans-serif;font-weight:900;text-shadow:0 0 10px rgba(255,89,43,.5)}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.top-spectator-banner{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:6px 18px;border-radius:8px;font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:.8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.top-center-timer-hud{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:20;pointer-events:none}.timer-pill{display:flex;align-items:center;gap:10px;background:var(--surface-1);border:var(--edge-line);box-shadow:0 6px 0 var(--edge),0 10px 20px rgba(0,0,0,.3);padding:8px 22px;border-radius:999px;color:#fff}.timer-icon{color:var(--gold)}.timer-digits{font-size:26px;letter-spacing:1.5px;text-shadow:0 2px 0 var(--edge)}.timer-digits,.top-spectator-banner{font-family:var(--font-display);font-weight:700;color:#fff}.top-spectator-banner{position:absolute;top:75px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:var(--edge-line);border-left:6px solid var(--strike);box-shadow:0 6px 0 var(--edge);padding:8px 20px;border-radius:var(--radius-md);font-size:15px;letter-spacing:.05em;animation:bannerSlide .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes bannerSlide{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.tournament-standings-card{width:min(520px,calc(100% - 30px));max-height:85vh;display:flex;flex-direction:column;background:var(--surface-1);border:var(--edge-line);border-radius:var(--radius-lg);box-shadow:var(--heavy-depth);padding:24px;gap:18px;animation:modalPop .2s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.tournament-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;flex-shrink:0}.tournament-header h2{margin:0;font:700 28px var(--font-display);color:#fff;text-shadow:0 3px 0 var(--edge)}.tournament-header small{color:var(--gold);font:700 13px var(--font-display);letter-spacing:.08em;text-transform:uppercase}.tournament-header.champion{background:var(--bg-void);border:var(--edge-line);padding:16px;border-radius:var(--radius-md);box-shadow:inset 0 3px 0 rgba(0,0,0,.3)}.champion-trophy{color:var(--gold);filter:drop-shadow(0 3px 0 var(--edge));animation:trophyBounce 1.2s ease-in-out infinite alternate}.champion-name{font:700 34px var(--font-display);letter-spacing:1px;text-shadow:0 3px 0 var(--edge)}@keyframes trophyBounce{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-8px) rotate(3deg)}}.tournament-standings-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:380px;padding-right:4px}.tournament-row{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:var(--edge-line);border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 4px 0 var(--edge);transition:transform .2s ease,background .2s ease;flex-shrink:0}.tournament-row.leader-row{background:var(--bg-base-2);border-color:var(--gold);box-shadow:0 4px 0 var(--gold-shadow),0 6px 0 var(--edge)}.row-rank{font:700 18px var(--font-display);color:var(--muted);width:28px}.leader-row .row-rank{color:var(--gold);text-shadow:0 1px 0 var(--edge)}.row-avatar-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--edge);box-shadow:0 2px 0 var(--edge);flex-shrink:0}.row-player-info{display:flex;flex-direction:column;flex:1 1}.row-player-name{font:700 18px var(--font-display);color:#fff;text-shadow:0 1px 0 var(--edge)}.row-survival-time{font-size:12px;font-weight:800;color:var(--muted)}.row-points-group{display:flex;align-items:center;gap:10px}.row-earned-chip{background:var(--win);border:var(--edge-line);color:#fff;font:700 13px var(--font-display);padding:2px 8px;border-radius:6px;box-shadow:0 2px 0 var(--win-shadow);text-shadow:0 1px 0 var(--win-shadow)}.row-total-pts{font:700 20px var(--font-display);color:var(--gold);text-shadow:0 2px 0 var(--edge);min-width:65px;text-align:right}