:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#091018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,input,select{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.55}input,select{min-width:0}.app-shell{color:#f7fbff;background:linear-gradient(#050a0fb3,#050a0ffa),linear-gradient(135deg,#c0262d2e,#297d8529),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 156px),#091018;min-height:100svh;padding:18px;position:relative;overflow:hidden}.app-shell:before{content:"";opacity:.48;pointer-events:none;background:linear-gradient(135deg,#0000 0 22%,#24343fb8 22% 24%,#0000 24% 100%) 0 0/240px 100% repeat-x,linear-gradient(#0000,#050a0ff0);height:42svh;position:fixed;bottom:0;left:0;right:0}.topbar{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a0f8f;border:1px solid #e6eef624;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:min(1320px,100%);margin:0 auto 16px;padding:12px;display:flex;position:relative}.brand-lockup{gap:2px;display:grid}.brand-lockup span{color:#e83d43;text-transform:uppercase;font-size:2.25rem;font-weight:900;line-height:.95}.brand-lockup strong{color:#dce8f5;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:700}.profile-chip{background:#101d2adb;border:1px solid #cfdeeb33;border-radius:8px;align-items:center;gap:9px;min-width:190px;padding:8px 10px;display:flex}.profile-chip input{color:#f8fbff;background:0 0;border:0;outline:0;width:100%}.lobby-layout{z-index:1;grid-template-columns:1fr;gap:16px;width:min(1320px,100%);margin:0 auto;display:grid;position:relative}.side-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a0fa8;border:1px solid #cfdeeb2e;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;display:grid}.side-nav button,.tab-button{color:#b9c7d5;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:0 10px;font-weight:800;display:flex}.side-nav button.active,.side-nav button:hover{color:#fff;background:#1b344c;box-shadow:inset 0 -2px #e83d43}.lobby-main{min-width:0}.lobby-hero{background:linear-gradient(90deg,#080e1429,#080e14e0),linear-gradient(135deg,#be2f325c,#25606b57),#132031;border:1px solid #cfdeeb2e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;min-height:210px;padding:clamp(18px,3vw,34px);display:grid;position:relative;overflow:hidden}.lobby-hero:before{content:"";transform-origin:bottom;background:linear-gradient(90deg,#0000 0 7%,#ffffff2e 7% 8%,#0000 8% 17%) 0 18px/220px 8px repeat-x,#223141;height:58px;position:absolute;inset:auto 0 0;transform:skewY(-1.5deg)}.lobby-hero:after{content:"";opacity:.9;background:linear-gradient(90deg,#0000 0 8%,#0b1620db 8% 14%,#0000 14% 18%,#0b1620d1 18% 29%,#0000 29% 36%,#0b1620cc 36% 42%,#0000 42% 100%) 0 0/560px 100% repeat-x;height:118px;position:absolute;inset:auto 0 58px}.lobby-hero>*{z-index:1;position:relative}.eyebrow,.panel-label{color:#7bd8e4;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}.lobby-hero h1{color:#fff;letter-spacing:0;max-width:760px;margin:0 0 10px;font-size:clamp(2.25rem,6vw,5.5rem);line-height:.92}.lobby-hero p{color:#c9d5df;max-width:670px;margin:0}.quick-stack{gap:10px;min-width:180px;display:grid}.metric{background:#0810189e;border:1px solid #cfdeeb29;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;padding:12px;display:grid}.metric span{color:#9eb0c0;text-transform:uppercase;font-size:.74rem}.metric strong{color:#fff;grid-column:1/-1;font-size:1.1rem}.panel-grid,.settings-grid,.history-panel,.rooms-layout,.map-selection,.skin-layout{margin-top:16px}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mode-tile,.city-tile,.skin-tile,.room-panel,.loadout-panel,.history-panel,.setting-row{background:#0e1b27db;border:1px solid #cfdeeb2b;border-radius:8px}.mode-tile,.city-tile,.skin-tile{color:#f7fbff;text-align:left;cursor:pointer;gap:8px;min-height:138px;padding:16px;transition:transform .16s,border-color .16s,background .16s;display:grid}.mode-tile:hover,.city-tile:hover,.skin-tile:hover{transform:translateY(-2px)}.mode-tile span,.city-tile small,.skin-tile small,.small-copy{color:#9eb0c0;font-size:.86rem;line-height:1.4}.mode-tile.selected,.city-tile.selected,.skin-tile.selected,.province-list button.selected{background:#79252b73;border-color:#ef494e}.loadout-panel{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;min-height:138px;padding:16px;display:grid}.loadout-panel strong{color:#fff;display:block}select,.join-row input{color:#f7fbff;background:#0c1925;border:1px solid #cfdeeb38;border-radius:7px;width:100%;padding:10px 12px}.primary-button,.secondary-button,.ghost-button,.icon-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-button{color:#fff;background:#df373d;padding:0 16px;font-weight:800}.secondary-button{color:#081018;background:#7bd8e4;padding:0 16px;font-weight:800}.ghost-button{color:#e9f0f6;background:#ffffff0a;border:1px solid #cfdeeb38;padding:0 16px}.map-selection{grid-template-columns:240px minmax(0,1fr);gap:14px;display:grid}.province-list{gap:8px;display:grid}.province-list button{color:#d9e5ef;text-align:left;cursor:pointer;background:#0e1b27db;border:1px solid #cfdeeb2b;border-radius:7px;min-height:42px;padding:0 12px}.city-grid,.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.city-tile span{color:#07121c;text-transform:uppercase;background:#8ee1e8;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.7rem;font-weight:800}.skin-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.skin-layout h2,.rooms-layout h2{margin:0 0 10px}.skin-tile{grid-template-columns:auto 1fr;align-items:center;min-height:88px}.skin-tile span{border:2px solid #ffffff61;border-radius:999px;width:36px;height:36px}.skin-tile strong,.skin-tile small{grid-column:2}.rooms-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.room-panel{gap:14px;padding:18px;display:grid}.room-code{color:#fff;letter-spacing:.18em;background:#101f2d;border:1px dashed #ffffff5c;border-radius:8px;width:fit-content;min-width:138px;padding:12px 14px;font-size:1.35rem;font-weight:900}.room-actions,.join-row,.result-actions{flex-wrap:wrap;gap:10px;display:flex}.join-row input{flex:180px}.team-panel{grid-column:1/-1}.team-roster{gap:10px;display:grid}.team-row{grid-template-columns:34px minmax(120px,1fr) minmax(160px,1fr);align-items:center;gap:8px;display:grid}.team-row input{color:#f7fbff;background:#0c1925;border:1px solid #cfdeeb38;border-radius:7px;width:100%;padding:10px 12px}.role-dot{color:#07121c;background:#7bd8e4;border-radius:999px;place-items:center;width:30px;height:30px;font-size:.76rem;font-weight:900;display:grid}.role-dot.host{background:#f2d46d}.role-dot.bot-fill{background:#c8d2dc}.settings-grid{gap:10px;display:grid}.setting-row{grid-template-columns:minmax(160px,1fr) minmax(0,2fr);align-items:center;gap:14px;padding:14px;display:grid}.setting-row>div:first-child,.setting-row>div:last-child{align-items:center;gap:10px;display:flex}.setting-row input[type=range]{accent-color:#e83d43;width:min(420px,100%)}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{color:#dfeaf4;text-transform:capitalize;cursor:pointer;background:#0c1925;border:1px solid #cfdeeb38;border-radius:7px;padding:9px 12px}.segmented button.selected{color:#081018;background:#7bd8e4}.toggle{width:52px;height:30px;position:relative}.toggle input{opacity:0;position:absolute}.toggle span{background:#36485a;border-radius:999px;width:100%;height:100%;display:block}.toggle span:after{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .18s;position:absolute;top:4px;left:4px}.toggle input:checked+span{background:#e83d43}.toggle input:checked+span:after{transform:translate(22px)}.history-panel{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #cfdeeb24;padding:10px 12px}th{color:#80d8e4;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.empty-state{color:#aec0d0;text-align:center;place-items:center;gap:8px;min-height:240px;display:grid}.game-shell{touch-action:none;background:#05090e;position:fixed;inset:0;overflow:hidden}.game-canvas{outline:none;width:100%;height:100%;display:block}.hud{pointer-events:none;color:#f7fbff;position:absolute;inset:0}.hud button,.mobile-controls,.scoreboard-modal{pointer-events:auto}.hud-top{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.hud-cluster{flex-wrap:wrap;gap:8px;display:flex}.hud-pill,.leader-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0fa3;border:1px solid #e6eef62e;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;display:inline-flex}.icon-button{color:#f7fbff;background:#050a0fa3;border:1px solid #e6eef62e;width:40px}.countdown{color:#fff;text-shadow:0 12px 28px #0000006b;font-size:clamp(4rem,13vw,9rem);font-weight:900;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.crosshair{width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after,.crosshair span{content:"";background:#ffffffeb;position:absolute}.crosshair:before{height:2px;top:16px;left:1px;right:1px}.crosshair:after{width:2px;top:1px;bottom:1px;left:16px}.crosshair span:first-child{background:0 0;border:1px solid #ffffffc7;border-radius:999px;inset:11px}.crosshair span:last-child{border-radius:999px;width:4px;height:4px;top:15px;left:15px}.crosshair.hit:before,.crosshair.hit:after,.crosshair.hit span:last-child{background:#ff4047}.crosshair.hit span:first-child{border-color:#ff4047}.mini-map{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#060d14b8;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(0deg,#ffffff0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25% 25%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #e6eef633;border-radius:8px;width:152px;position:absolute;top:64px;right:14px;overflow:hidden}.mini-map span{border-radius:999px;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.player-dot{background:#fff;box-shadow:0 0 0 4px #ffffff29}.bot-dot{background:#ff4249}.loot-dot{background:#ffd45f}.loot-dot.health{background:#4fe288}.loot-dot.shield{background:#58bcff}.poi-dot{color:#07121c;background:#fff;border:1px solid #ffffffb8;place-items:center;font-size:.68rem;font-weight:900;line-height:1;display:grid;box-shadow:0 0 0 3px #0000002e;width:18px!important;height:18px!important}.poi-dot.coffee{background:#f2d1a0}.poi-dot.icecream{background:#f5b8d1}.poi-dot.bank{background:#bdd4f0}.poi-dot.landmark{background:#f3f0e6}.poi-dot.water{background:#7bd8e4}.status-bars{gap:8px;width:min(320px,100vw - 28px);display:grid;position:absolute;bottom:118px;left:14px}.status-card{color:#dfeaf4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050a0f70;border:1px solid #e6eef629;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;padding:7px 9px;font-size:.82rem;font-weight:800;display:grid}.status-card.critical{animation:.8s ease-in-out infinite alternate criticalPulse}.status-card.low svg{color:#ffbe5b}.bar{background:#ffffff2e;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.bar i{border-radius:inherit;background:#4fe288;height:100%;transition:width .22s;display:block}.bar.shield i{background:#58bcff}.weapon-readout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0fad;border:1px solid #e6eef62e;border-radius:8px;justify-items:end;gap:2px;padding:12px 14px;display:grid;position:absolute;bottom:32px;right:14px}.weapon-readout span,.weapon-readout em{color:#9eb0c0;font-size:.78rem;font-style:normal}.weapon-readout strong{font-size:1.12rem}.message-strip{color:#dce8f5;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0f9e;border:1px solid #e6eef62e;border-radius:8px;width:min(520px,100vw - 220px);padding:10px 12px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.mobile-aim-hint{color:#dce8f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0f94;border:1px solid #e6eef629;border-radius:8px;padding:7px 10px;font-size:.76rem;display:none;position:absolute;bottom:98px;right:14px}.place-strip{gap:5px;width:178px;display:grid;position:absolute;top:224px;right:14px}.place-strip span{color:#dce8f5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050a0f85;border:1px solid #e6eef624;border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:7px;min-height:26px;padding:4px 7px;font-size:.7rem;display:grid}.place-strip b{color:#07121c;background:#fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.7rem;display:grid}.kill-feed{gap:6px;width:min(340px,100vw - 28px);display:grid;position:absolute;top:116px;left:14px}.kill-feed div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a0f85;border-radius:7px;align-items:center;gap:7px;min-height:30px;padding:0 9px;display:flex}.kill-feed span{color:#ffb25f;font-size:.78rem}.kill-feed em{color:#d8e2ea;font-style:normal}.leader-strip{position:absolute;bottom:68px;left:14px}.scoreboard-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070d14e6;border:1px solid #e6eef638;border-radius:8px;width:min(820px,100vw - 28px);max-height:min(520px,100svh - 100px);padding:12px;position:absolute;top:64px;left:50%;overflow:auto;transform:translate(-50%)}.briefing-backdrop{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03080d7a;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.briefing-panel{background:#09121bf0;border:1px solid #e6eef63d;border-radius:8px;width:min(780px,100%);max-height:min(680px,100svh - 36px);padding:clamp(16px,3vw,24px);overflow:auto;box-shadow:0 24px 80px #0000007a}.briefing-title{gap:4px;margin-bottom:16px;display:grid}.briefing-title span{color:#7bd8e4;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:900}.briefing-title strong{color:#fff;font-size:clamp(1.7rem,4vw,3.2rem);line-height:1}.briefing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.briefing-grid div{background:#ffffff0b;border:1px solid #e6eef624;border-radius:8px;align-content:start;gap:8px;padding:14px;display:grid}.briefing-grid p{color:#c9d5df;margin:0;font-size:.94rem;line-height:1.45}.landscape-warning{z-index:20;color:#fff;text-align:center;pointer-events:none;background:#050a0feb;place-items:center;gap:8px;padding:24px;display:none;position:absolute;inset:0}.landscape-warning strong,.landscape-warning span{display:block}.scoreboard-heading{align-items:center;gap:8px;padding:6px 8px 12px;display:flex}.scoreboard tr.is-player{background:#e83d432e}.mobile-controls{pointer-events:none;justify-content:space-between;align-items:end;gap:16px;padding:16px;display:none;position:absolute;inset:auto 0 0}.joystick,.action-pad{pointer-events:auto}.joystick{touch-action:none;background:#050a0f75;border:1px solid #e6eef638;border-radius:999px;width:124px;height:124px;position:relative}.joystick span{background:#ffffffe0;border-radius:999px;width:42px;height:42px;position:absolute;top:41px;left:41px}.joystick em{color:#dce8f5;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-style:normal;font-weight:900;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.action-pad{grid-template-columns:repeat(3,58px);grid-template-areas:"jump shoot reload""sprint shoot loot""crouch gun auto";align-items:center;gap:9px;display:grid}.round-button{color:#f7fbff;background:#050a0f94;border:1px solid #e6eef638;border-radius:999px;width:58px;height:58px;position:relative}.round-button:after{content:attr(data-label);color:#f7fbffeb;letter-spacing:.04em;pointer-events:none;font-size:.52rem;font-weight:900;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.round-button.primary{background:#df373d;grid-row:span 2;width:68px;height:116px}.action-jump{grid-area:jump}.action-shoot{grid-area:shoot}.action-reload{grid-area:reload}.action-loot{grid-area:loot}.action-sprint{grid-area:sprint}.action-crouch{grid-area:crouch}.action-gun{grid-area:gun}.action-auto{grid-area:auto}.round-button.active{color:#081018;background:#7bd8e4}@keyframes criticalPulse{0%{border-color:#ff4a5247;box-shadow:0 0 #ff4a5200}to{border-color:#ff4a52d1;box-shadow:0 0 18px #ff4a5247}}.results-view{gap:18px;width:min(980px,100%);margin:0 auto;padding-top:7svh;display:grid}.result-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (hover:none),(pointer:coarse),(width<=900px){.mobile-controls{display:flex}.mobile-aim-hint{display:block}.status-bars{bottom:164px}.message-strip{width:min(420px,100vw - 180px);bottom:128px}.weapon-readout{bottom:132px}.place-strip{width:150px;top:188px}}@media (height<=520px) and (orientation:landscape){.hud-top{top:8px;left:8px;right:8px}.mini-map{width:108px;top:54px;right:8px}.status-bars{width:260px;bottom:108px}.weapon-readout{padding:8px 10px;bottom:154px;right:8px}.message-strip{width:min(330px,100vw - 360px);padding:8px 10px;font-size:.78rem;bottom:12px}.mobile-aim-hint{padding:6px 8px;bottom:58px;right:250px}.place-strip{gap:6px;width:auto;max-width:calc(100vw - 430px);display:flex;top:58px;right:124px;overflow:hidden}.place-strip span{flex:none;grid-template-columns:18px 1fr;gap:5px;max-width:128px;min-height:22px;padding:3px 5px;font-size:.58rem}.place-strip b{width:17px;height:17px;font-size:.58rem}.mobile-controls{padding:8px}.joystick{width:96px;height:96px}.joystick span{width:34px;height:34px;top:31px;left:31px}.action-pad{grid-template-columns:repeat(3,48px);gap:8px}.round-button{width:48px;height:48px}.round-button:after{font-size:.48rem;bottom:2px}.round-button.primary{width:58px;height:104px}.kill-feed,.leader-strip{display:none}}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.landscape-warning{display:grid}}@media (width<=920px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:start}.profile-chip{width:100%}.lobby-layout{grid-template-columns:1fr}.side-nav{grid-template-columns:repeat(6,minmax(54px,1fr));display:grid;position:static;overflow-x:auto}.side-nav button{justify-content:center;min-width:54px;padding:0}.side-nav span{display:none}.lobby-hero{grid-template-columns:1fr;min-height:260px}.quick-stack{grid-template-columns:1fr 1fr}.panel-grid,.city-grid,.skin-layout,.rooms-layout,.result-metrics,.briefing-grid,.map-selection{grid-template-columns:1fr}.province-list{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-row{grid-template-columns:1fr}.mini-map{width:118px}.kill-feed{top:104px}}@media (width<=640px){.brand-lockup span{font-size:1.78rem}.province-list{grid-template-columns:1fr}.hud-top{align-items:start}.hud-cluster{width:min(260px,100vw - 112px)}.hud-pill{min-height:30px;font-size:.78rem}.mini-map{width:104px;top:96px;right:10px}.kill-feed{display:none}.message-strip{width:auto;font-size:.78rem;bottom:154px;left:14px;right:14px;transform:none}.weapon-readout{padding:8px 10px;bottom:206px;right:10px}.status-bars{width:calc(100vw - 20px);bottom:218px;left:10px;right:10px}.leader-strip{display:none}.mobile-controls{gap:8px;padding:10px}.joystick{width:108px;height:108px}.joystick span{width:38px;height:38px;top:35px;left:35px}.action-pad{grid-template-columns:repeat(4,45px);gap:7px}.round-button{width:45px;height:45px}.round-button.primary{width:54px;height:54px}th,td{padding:8px;font-size:.82rem}}