@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{
  --base:#07131f;
  --panel:rgba(14,24,36,.94);
  --panel2:#1f242e;
  --line:#2b3341;
  --muted:#8fa2b3;
  --text:#f5f9ff;
  --accent:#70e0ff;
  --accent2:#bd93ff;
  --pink:#f065b5;
  --red1:#7f1623;
  --red2:#d63f58;
  --font:'Space Grotesk',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;color:var(--text);background:var(--base);font-family:var(--font)}
button,input,select,textarea{font:inherit}button{cursor:pointer;transition:.18s ease}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden{display:none!important}
#arena{position:fixed;inset:0;width:100%;height:100%;display:block;background:var(--base)}#noise{position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noise"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noise)" opacity=".10"/%3E%3C/svg%3E')}

/* Top HUD */
.topbar{position:fixed;z-index:8;top:0;left:0;right:0;height:63px;border-bottom:1px solid rgba(120,166,194,.14);background:linear-gradient(180deg,rgba(6,16,26,.92),rgba(6,16,26,.58));display:flex;align-items:center;justify-content:space-between;padding:0 22px;transition:.25s ease}.brand{display:flex;align-items:center;gap:10px;color:#f8fbff;font:700 23px/1 'Rajdhani',sans-serif;letter-spacing:.13em}.brand small{display:block;color:#8ed0ff;font:600 9px/1.55 var(--font);letter-spacing:.42em}.brand-glyph{width:33px;height:33px;display:grid;place-items:center;border:1px solid #82e7ff60;background:linear-gradient(135deg,#183548,#15192e);color:var(--accent);font-size:22px;box-shadow:inset 0 0 17px #5fd7fa18}.top-actions{display:flex;align-items:center;gap:10px;transition:.25s ease}.mode-pill,.connection-pill{border:1px solid #3a5469;background:#0e2232b0;padding:7px 14px;border-radius:40px;font:700 10px var(--font);letter-spacing:.16em;color:#c1e4f1;transition:.25s ease}.connection-pill{font-size:9px;color:#a8bacb}.connection-pill i{display:inline-block;width:7px;height:7px;background:#f7c679;border-radius:50%;margin-right:6px}.connection-pill.online i{background:#6cf4af}.icon-btn{width:34px;height:34px;border:1px solid #3e5265;border-radius:8px;background:#102537;color:#a8cedb;font-size:18px}.icon-btn:hover{color:white;border-color:var(--accent)}
body.show-lobby #top-mode,body.show-lobby .top-actions{opacity:0;pointer-events:none;transform:translateY(-12px)}

/* HUD widgets */
.hud-panel{border:1px solid rgba(124,190,217,.18);background:rgba(8,22,35,.82);box-shadow:0 14px 44px rgba(0,0,0,.15);border-radius:13px;backdrop-filter:blur(8px)}
.leader{position:fixed;z-index:2;top:84px;right:18px;width:196px;padding:15px}.hud-heading{font:700 12px 'Rajdhani',sans-serif;letter-spacing:.15em;color:#b4d9e7;display:flex;justify-content:space-between;border-bottom:1px solid #2b4858;padding-bottom:8px}.hud-heading small{color:#6c93a7;font-size:9px}.leader-entry{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:11px;border-bottom:1px solid #ffffff0b}.leader-entry:last-child{border:0}.leader-entry>span:first-child{color:#64889d;width:16px}.leader-entry b{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-entry em{color:#97b3c2;font-style:normal}.leader-entry.is-me b{color:var(--accent)}
.status-card{position:fixed;z-index:2;top:84px;left:18px;width:180px;padding:14px}.status-label{font-size:9px;letter-spacing:.12em;color:#89adbe}.score-line{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 14px}.score-line strong{font:700 27px 'Rajdhani',sans-serif;color:white}.score-line span{font-size:10px;color:#81a8ba}.mini-progress{height:4px;border-radius:10px;background:#284054;overflow:hidden}.mini-progress>span{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.status-details{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#80a2b4}
.minimap{position:fixed;z-index:2;right:18px;bottom:18px;width:172px;padding:12px 12px 8px;display:grid;place-items:center;gap:6px}.minimap canvas{width:146px;height:146px;border-radius:10px;background:#08141f;border:1px solid #244b5c}.minimap span{font-size:9px;letter-spacing:.15em;color:#8fb0bf}
.help-panel{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:2;padding:9px 18px;border-radius:999px;background:rgba(8,22,35,.8);border:1px solid rgba(114,165,184,.25);font-size:10px;color:#c2dbe7;display:flex;gap:12px;backdrop-filter:blur(8px)}.help-panel b{color:white}
.chatbox{position:fixed;left:18px;bottom:18px;width:min(300px,25vw);height:226px;padding:0;display:flex;flex-direction:column;overflow:hidden;z-index:2}.chat-head{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #234253;font-size:11px;letter-spacing:.11em;color:#cfe5ef}.chat-tabs{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #203847}.chat-tab{border:1px solid #33566a;background:#132a3b;color:#9ec8d8;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.chat-tab.active{background:linear-gradient(90deg,var(--pink),var(--accent2));color:white;border-color:#ce93ff}#chat-tag-label{margin-left:auto;font-size:10px;color:#7190a1}.chat-messages{flex:1;padding:10px 14px;overflow:auto;font-size:11px;line-height:1.45}.msg{margin-bottom:8px}.msg .who{color:var(--accent);font-weight:700}.msg.system{color:#96adbd}#chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #203746}#chat-form input{flex:1;border-radius:10px;border:1px solid #274758;background:#0c1d2a;padding:11px 12px;color:white;font-size:12px}#chat-form button{width:44px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--accent2));color:white;font-weight:700}
body.show-lobby .leader,body.show-lobby .status-card,body.show-lobby .minimap,body.show-lobby .chatbox,body.show-lobby .help-panel{opacity:.09;filter:blur(.2px);pointer-events:none}

/* Lobby */
.lobby{position:fixed;inset:63px 0 0;z-index:6;display:grid;align-content:start;justify-items:center;padding:18px 18px 18px;background:radial-gradient(circle at center,rgba(20,46,67,.46) 0,rgba(5,18,29,.86) 58%,rgba(4,12,22,.97) 100%);overflow:hidden}
.lobby::before,.lobby::after{content:'';position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;pointer-events:none}.lobby::before{width:340px;height:340px;left:14%;top:14%;background:radial-gradient(circle,#8f2031 0,rgba(143,32,49,.0) 70%);animation:floatGlow 10s ease-in-out infinite}.lobby::after{width:420px;height:420px;right:8%;bottom:10%;background:radial-gradient(circle,rgba(69,153,255,.32) 0,rgba(69,153,255,0) 68%);animation:floatGlow2 13s ease-in-out infinite}
.lobby-fx{position:absolute;border-radius:50%;opacity:.35;filter:blur(18px);pointer-events:none}.fx-one{width:160px;height:160px;top:140px;left:8%;background:#cc425b;animation:orb1 11s ease-in-out infinite}.fx-two{width:120px;height:120px;right:16%;top:200px;background:#3f7fd0;animation:orb2 14s ease-in-out infinite}.fx-three{width:90px;height:90px;left:45%;bottom:90px;background:#ffffff44;animation:orb3 9s ease-in-out infinite}
.hero-logo{position:relative;font:700 clamp(64px,8.6vw,112px)/1 'Rajdhani',sans-serif;letter-spacing:.06em;background:linear-gradient(180deg,#ef8691,#a51d30 45%,#6a121d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px rgba(178,37,57,.28);margin:8px 0 10px;animation:logoPulse 3.8s ease-in-out infinite}
.lobby-grid{position:relative;width:min(1010px,94vw);display:grid;grid-template-columns:260px 1fr 320px;gap:18px;align-items:start}
.menu-panel{background:linear-gradient(180deg,rgba(56,63,74,.94),rgba(46,51,61,.92));border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);padding:18px;color:#eef2ff;backdrop-filter:blur(10px)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-head h3{margin:0;font:700 23px 'Rajdhani';letter-spacing:.06em}.section-head span{font-size:10px;letter-spacing:.18em;color:#c8ced8}
.left-panel{display:grid;gap:18px;align-content:start}.login-row{display:grid;gap:10px}.login-btn{height:48px;border:0;border-radius:10px;color:#fff;font-weight:700;font-size:14px;box-shadow:inset 0 -2px 0 rgba(255,255,255,.06)}.login-btn.discord{background:#5865F2}.login-btn.facebook{background:#4267B2}.skin-head{margin-top:6px}.skin-showcase{display:grid;grid-template-columns:36px 1fr 1fr 36px;gap:8px;align-items:center}.skin-showcase.compact .skin-slot{height:132px}.arrow-btn{height:44px;border:0;background:#555d67;color:#ced5df;border-radius:8px;font-size:22px}.skin-slot{height:118px;border-radius:10px;background:#343b45;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #4c5460}.skin-slot::before{content:'';width:86px;height:86px;border:8px solid #dedede;border-radius:50%;display:block;opacity:.94}.skin-slot span{position:absolute;color:#d9dce2;font-weight:800;transform:rotate(-35deg);font-size:15px;letter-spacing:.08em}.skin-slot b{position:absolute;left:8px;bottom:8px;font-size:10px;letter-spacing:.16em;color:#fff;background:#b62d41;padding:5px 8px;border-radius:999px}
.center-panel{display:grid;gap:18px}.center-top{display:grid;gap:14px}.swapped-inputs{grid-template-columns:1fr 168px}.center-top input{height:54px;border-radius:12px;border:1px solid #9098a3;background:#9ba2ab;color:white;padding:0 18px;font-size:18px;box-shadow:inset 0 0 0 1px rgba(128,228,255,.18)}.center-top input::placeholder{color:#d8dee7}
.mode-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.big-modes .mode-choice{min-height:176px;padding:18px 18px 16px;border:1px solid #49505e;border-radius:14px;background:linear-gradient(180deg,#2f3540,#252b35);color:#fff;text-align:left;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.mode-choice small{display:block;color:#b5bdc8;font-size:11px;letter-spacing:.16em}.mode-choice strong{display:block;font:700 46px/1 'Rajdhani';margin-top:12px;max-width:150px}.mode-choice span{display:block;margin-top:14px;font-size:16px;color:#dfe6ef}.mode-choice.selected{border-color:#f36fb8;box-shadow:inset 0 0 0 1px #f36fb8,0 0 26px rgba(243,111,184,.14);background:linear-gradient(180deg,#343c48,#29313d)}.mode-choice:hover,.server-row:hover,.region-tab:hover,.login-btn:hover,.main-btn:hover,.arrow-btn:hover{transform:translateY(-1px)}
.center-actions.single-column{grid-template-columns:1fr}.play-stack.large-stack{display:grid;gap:14px}.main-btn{height:52px;border:0;border-radius:11px;color:#fff;font-weight:800;font-size:16px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.14)}.play-blue{background:linear-gradient(180deg,#3491ff,#1b82ff)}.play-yellow{background:linear-gradient(180deg,#f3c73a,#efba07)}.play-red{background:linear-gradient(180deg,#eb5466,#d94055)}
.right-panel{display:grid;gap:12px}.server-header h3{margin:0;text-align:center;font:700 30px 'Rajdhani'}.region-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.region-tab{height:34px;border:0;border-radius:6px;background:#686e78;color:#fff;font-size:12px}.region-tab.active{background:#e8e8ea;color:#323843}.server-table{background:#343a43;border-radius:12px;padding:12px 12px 10px;display:grid;gap:4px}.server-head-row,.server-row{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px;align-items:center;text-align:left}.server-head-row{font-weight:700;font-size:11px;color:#f7f8fb;padding:4px 8px}.server-row{border:0;border-radius:6px;background:transparent;color:#fff;padding:7px 8px;font-size:12px}.server-row.selected{background:#f169b8}
.soon-btn{position:relative}

/* Game over */
.gameover{position:fixed;z-index:12;inset:0;display:grid;place-items:center;background:#07131fdc}.gameover-card{text-align:center;border:1px solid #3b6174;border-radius:16px;padding:35px 52px;background:#10283c;box-shadow:0 25px 70px #0009}.gameover small{color:#90bece;letter-spacing:.2em}.gameover h2{font:700 52px 'Rajdhani';margin:7px 0}.gameover p{font-size:13px;color:#a0bfcc}.link-button{display:block;margin:16px auto 0;background:transparent;color:#a6b8c6;border:0;font-size:12px}

/* Settings */
.overlay{position:fixed;inset:0;z-index:20;background:rgba(2,6,12,.84);display:grid;place-items:center;padding:18px}.settings-shell{width:min(930px,96vw);height:min(690px,94vh);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid #404751;background:#2a2f39;box-shadow:0 35px 95px rgba(0,0,0,.65)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-brand-wrap{display:flex;align-items:center;gap:14px}.settings-brand{display:flex;align-items:center;gap:10px;color:#fefeff;font:700 28px/1 'Rajdhani',sans-serif;letter-spacing:.12em}.settings-brand small{display:block;color:#f09ad1;font:700 10px/1.6 var(--font);letter-spacing:.28em}.settings-brand-glyph{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2d2645,#151821);border:1px solid #68598f;color:#f3f4ff;font-size:28px}.settings-close{background:#282e39;border-color:#454b59;color:#ff6c80}.settings-close:hover{border-color:#ff8395;color:white;background:#3a2330}
.settings-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 12px;background:#262b34}.settings-tabs button{height:42px;border:1px solid #39404c;border-radius:10px;color:#f4f6fe;background:#222830;font:700 14px 'Rajdhani';letter-spacing:.02em}.settings-tabs button.active{background:#f06bb5;border-color:#f391cf;color:#fff}.settings-body{display:grid;grid-template-columns:180px 1fr;overflow:hidden;flex:1}.settings-nav{overflow:auto;background:#1f242d;border-right:1px solid rgba(255,255,255,.07);padding:10px 0}.settings-nav button{display:block;width:100%;background:none;color:#edf0fb;text-align:left;border:0;border-left:4px solid transparent;padding:14px 18px;font-size:12px;opacity:.86}.settings-nav button.active{background:#2a2f39;border-left-color:#f06bb5;opacity:1}.settings-content{overflow-y:auto;padding:6px 24px 24px;background:#2d333d}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);min-height:60px}.setting-label{font-size:13px;color:#fbfcff}.setting-label small{display:block;font-size:10px;line-height:1.6;color:#9da7c7;margin-top:5px}.setting-control{max-width:340px;min-width:150px;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:10px}.toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:relative;width:42px;height:22px;border-radius:999px;background:#2e3241;border:1px solid #59556d}.toggle-slider::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .18s ease}.toggle-switch input:checked + .toggle-slider{background:linear-gradient(90deg,#f06bb5,#db65dc);border-color:#ff94d4}.toggle-switch input:checked + .toggle-slider::after{left:22px}.toggle-status{font-size:11px;color:#f0b7d6;font-weight:700;letter-spacing:.14em;min-width:24px}.setting-control input[type="range"]{-webkit-appearance:none;appearance:none;width:240px;max-width:100%;height:6px;border-radius:99px;background:#1b1f2a;outline:none}.setting-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #f06bb5}.setting-control input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #f06bb5}.setting-control input[type="color"]{width:140px;height:34px;border:1px solid #4d5264;border-radius:9px;background:#262c37;cursor:pointer;padding:3px}.setting-control input[type="text"],.setting-control input[type="url"],.setting-control select{width:195px;max-width:100%;border-radius:8px;border:1px solid #4a5161;padding:10px 12px;background:#1a1f29;color:#fff}.setting-value{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:24px;padding:0 9px;border-radius:999px;font-size:10px;color:#fafbff;background:#232631;border:1px solid #434759}.coming-pill,.coming-key{display:inline-flex;align-items:center;justify-content:center;min-width:116px;height:36px;padding:0 12px;border-radius:8px;background:#1b1f27;border:1px solid #474e5d;color:#f6b9d8;font-weight:700;font-size:12px}.coming-pill{min-width:132px}.settings-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding:12px 20px;font-size:10px;letter-spacing:.18em;color:#b0b5d0;background:rgba(0,0,0,.12)}.settings-foot button,.settings-action{padding:12px 18px;color:#fff;border:0;border-radius:10px;background:#f06bb5;font:700 12px var(--font)}.settings-content h3{font:700 24px 'Rajdhani';margin:10px 0 4px}.settings-content .hint{font-size:12px;line-height:1.7;color:#b0b8d0;max-width:780px}.settings-content textarea{width:100%;min-height:150px;background:#181d26;border:1px solid #464d5e;border-radius:12px;color:#ebefff;font:11px monospace;padding:14px;resize:vertical}.settings-content .setting-control input.keybind{width:116px;text-align:center;background:#151922;border-color:#525567;border-radius:10px;font-weight:700;letter-spacing:.08em}.import-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 14px}.settings-action.pink{background:#e86ab8}.settings-action.blue{background:#1d77ea}.settings-action.red{background:#e0334a}.file-pick{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;border:1px dashed #585f73;background:#171c25;color:#eef2fe;font-size:12px;margin-bottom:14px;position:relative;overflow:hidden}.file-pick::after{content:attr(data-filename);margin-left:10px;color:#f0b7d6;font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}.command-list .setting-row{padding:12px 0}
.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:11px 16px;border-radius:999px;background:#171e29;border:1px solid #505a70;color:#eef1fe;z-index:30;font-size:12px;box-shadow:0 18px 35px rgba(0,0,0,.25)}

@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(179,31,47,0));transform:translateY(0)}50%{filter:drop-shadow(0 0 16px rgba(210,70,85,.35));transform:translateY(-2px)}}
@keyframes floatGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(35px,-16px)}}
@keyframes floatGlow2{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,20px)}}
@keyframes orb1{0%,100%{transform:translate(0,0)}50%{transform:translate(32px,30px)}}
@keyframes orb2{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,32px)}}
@keyframes orb3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(25px,-18px) scale(1.14)}}

@media(max-width:1180px){.lobby-grid{grid-template-columns:1fr;max-width:680px}.chatbox,.leader,.minimap{display:none}.center-top{grid-template-columns:1fr 150px}.big-modes .mode-choice strong{font-size:34px}}
@media(max-width:620px){.topbar{height:58px;padding:0 10px}.brand{font-size:16px}.brand-glyph{width:28px;height:28px;font-size:18px}.mode-pill{display:none}.connection-pill{padding:6px 9px;font-size:8px}.lobby{inset:58px 0 0;padding:14px 10px}.hero-logo{font-size:52px}.menu-panel{padding:10px}.skin-showcase{grid-template-columns:24px 1fr 1fr 24px}.center-top{grid-template-columns:1fr}.mode-picks{grid-template-columns:1fr}.region-tabs,.import-actions{grid-template-columns:1fr}.help-panel{display:none}.settings-shell{width:min(96vw,96vh);height:min(92vh,96vh)}.settings-body{grid-template-columns:95px 1fr}.settings-nav button{padding:12px 8px;font-size:10px}.settings-content{padding:8px 10px 14px}.setting-row{flex-direction:column;align-items:flex-start}.setting-control{min-width:85px;width:100%;justify-content:flex-start}.setting-control input[type="range"],.setting-control input[type="text"],.setting-control input[type="url"],.setting-control select,.setting-control input[type="color"]{width:100%}.settings-tabs button{font-size:11px;height:40px}.settings-foot{padding:10px 12px;font-size:8px;gap:10px}}

/* Vintage 0.6 — redesigned premium development lobby */
:root{--wine:#ed5366;--wine-deep:#801e36;--v-surface:#171c29;--v-stroke:rgba(214,223,245,.105)}
html,body{font-family:'Space Grotesk',system-ui,sans-serif}
.topbar{background:linear-gradient(180deg,#0c111cfa,#0c111ce0);border-bottom:1px solid rgba(255,255,255,.075);height:65px;padding-inline:clamp(18px,3vw,48px)}
.brand{font-size:25px;letter-spacing:.18em}.brand-glyph{background:linear-gradient(145deg,#612338,#1a1525);border:1px solid #ed627d6e;color:#f58394;box-shadow:0 0 23px #d2385540}.brand small{color:#fa9bac;letter-spacing:.26em;font-size:8px}
body.show-lobby .top-actions{opacity:1;pointer-events:auto;transform:none}body.show-lobby #top-mode{display:none}body.show-lobby .connection-pill{color:#8b95ab;background:#111723;border-color:#303749}
body.show-lobby .leader,body.show-lobby .status-card,body.show-lobby .minimap,body.show-lobby .chatbox,body.show-lobby .help-panel{opacity:0;pointer-events:none}
.lobby{inset:65px 0 0;display:block;overflow:auto;overscroll-behavior:contain;isolation:isolate;padding:0 22px 26px;background:radial-gradient(ellipse at 52% 5%,#48203655,transparent 48%),radial-gradient(ellipse at 9% 90%,#193c5b55,transparent 50%),linear-gradient(140deg,#0d121b 0%,#0d1624 52%,#10101c 100%)}
.lobby:before{content:'';position:absolute;inset:0;top:0;left:0;width:100%;height:100%;opacity:.13;border-radius:0;filter:none;background:linear-gradient(90deg,#ffffff12 1px,transparent 1px),linear-gradient(#ffffff14 1px,transparent 1px);background-size:82px 82px;animation:none;mask-image:linear-gradient(to bottom,transparent,black 32%,transparent)}
.lobby:after{content:'';position:absolute;top:-410px;right:-80px;width:960px;height:860px;opacity:.48;background:radial-gradient(circle,#c22a512c 0,transparent 66%);filter:blur(45px);animation:floatGlow2 22s ease-in-out infinite}
.lobby-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.lobby-atmosphere i{position:absolute;border-radius:50%;display:block}.lobby-atmosphere i:nth-child(1){width:380px;height:380px;left:-130px;top:18%;border:1px solid #ef658131;box-shadow:0 0 0 38px #ef658107,0 0 0 88px #ef658105,0 0 140px #a72f4940;animation:vFloat 15s ease-in-out infinite}.lobby-atmosphere i:nth-child(2){width:560px;height:560px;right:-210px;top:15%;border:1px solid #9b8cf02c;box-shadow:0 0 0 40px #ad8ff004,0 0 130px #543d9250;animation:vFloat 19s ease-in-out infinite reverse}.lobby-atmosphere i:nth-child(3){width:6px;height:6px;top:28%;left:17%;background:#df607d;box-shadow:0 0 32px 7px #d9476480;animation:vFloat 8s ease-in-out infinite}.lobby-atmosphere i:nth-child(4){width:5px;height:5px;bottom:20%;right:17%;background:#96c7fe;box-shadow:0 0 30px 8px #587ac380;animation:vFloat 12s ease-in-out infinite}
.lobby-wrap{position:relative;z-index:1;max-width:1270px;margin:0 auto}
.lobby-intro{text-align:center;padding:36px 0 33px}.lobby-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:#b3a1b3;font-size:10px;letter-spacing:.24em;font-weight:700}.lobby-eyebrow .live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#f16882;box-shadow:0 0 12px #ff4362}.lobby-eyebrow-line{width:45px;height:1px;background:linear-gradient(90deg,#f16f89,transparent)}
.hero-logo{font:800 clamp(76px,8.5vw,130px)/.87 'Rajdhani',sans-serif;letter-spacing:.055em;margin:15px 0 10px;display:block;color:transparent;background:linear-gradient(180deg,#ffe4ec 0%,#ec788d 29%,#bc274b 71%,#7e1631 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 12px 29px #c52f4c35);animation:vTitleIn .8s ease both}.hero-dot{color:#fe7386;-webkit-text-fill-color:#ff8295;filter:drop-shadow(0 0 12px #eb4068)}.lobby-intro p{margin:12px 0 0;color:#96a2b9;font-size:13px;letter-spacing:.025em}
.lobby-grid{width:100%;grid-template-columns:minmax(240px,0.94fr) minmax(430px,1.7fr) minmax(260px,1.08fr);gap:20px;align-items:stretch}
.menu-panel{min-width:0;overflow:hidden;padding:24px!important;background:linear-gradient(160deg,#1b202dF2,#151926f2)!important;border:1px solid var(--v-stroke)!important;border-radius:19px!important;box-shadow:0 20px 48px #02060e66,inset 0 1px #ffffff09!important;backdrop-filter:blur(20px);transition:border-color .2s,transform .2s}.menu-panel:hover{border-color:#ed6e8840!important}
.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;font-weight:700;letter-spacing:.17em;color:#8e96ab}.panel-overline{color:#ec8a9f}.panel-status{background:#22293a;color:#abb6cd;border:1px solid #30374a;border-radius:99px;font-size:9px;padding:6px 9px;white-space:nowrap}.panel-status i{display:inline-block;background:#49d8ac;width:6px;height:6px;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #28bf9d}
.panel-title{font:700 clamp(25px,2.25vw,33px)/1.1 'Rajdhani',sans-serif;letter-spacing:.005em;margin:17px 0 5px;color:#fbfbff}.panel-title span{color:#f15d7b}.panel-description{color:#8793a9;font-size:11px;line-height:1.7;margin:0 0 23px}
.left-panel,.center-panel,.right-panel{display:flex;flex-direction:column;gap:0!important}.login-row{display:grid;gap:10px}.login-btn{height:49px!important;display:flex;align-items:center;text-align:left;gap:11px;padding:0 14px!important;background:#28314c!important;border:1px solid #4b5876!important;border-radius:10px!important;font-size:13px;transition:filter .2s,transform .2s}.login-btn.facebook{background:#273c60!important;border-color:#3f547b!important}.login-btn .auth-icon{font-size:20px;color:#fff;background:#ffffff15;width:29px;height:29px;display:grid;place-items:center;border-radius:7px}.login-btn small{margin-left:auto;padding:4px 7px;border:1px solid #ffffff30;border-radius:5px;color:#dae1f3;font-size:9px;letter-spacing:.12em}.login-btn:hover{filter:brightness(1.15)}.panel-separator{height:1px;background:linear-gradient(90deg,transparent,#384353,transparent);margin:25px 0 22px}.panel-miniheading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.panel-miniheading h3{font-size:11px;font-weight:700;color:#edf0fa;letter-spacing:.12em;margin:0}.panel-miniheading span{font-size:10px;color:#8490a6}.skin-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.skin-gallery .skin-slot{min-width:0;min-height:145px;border:1px solid #333b4d;background:linear-gradient(155deg,#212837,#151a27);border-radius:12px;padding:13px 8px 12px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.skin-gallery .skin-slot::before{content:none}.skin-gallery .skin-orb{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font:700 26px 'Rajdhani';background:radial-gradient(circle at 30% 25%,#d15778,#53203b 65%,#16172a);border:2px solid #f3799944;color:#f6bac8;box-shadow:0 0 24px #cc37563a}.skin-gallery .skin-blue .skin-orb{background:radial-gradient(circle at 30% 25%,#7195cf,#2d436b 65%,#16172a);border-color:#95b8ff40;box-shadow:0 0 24px #528bea36}.skin-gallery .skin-slot>span{position:static;transform:none;font:700 11px var(--font);color:#bbc6d7;letter-spacing:.09em}.skin-gallery .skin-slot>b{position:static;border-radius:99px;background:#342332;color:#eb9bb1;font-size:8px;padding:5px 8px;margin-top:8px;letter-spacing:.04em}.panel-footnote{font-size:10px;line-height:1.8;color:#798499;margin:15px 0 0}
.center-top.swapped-inputs{grid-template-columns:minmax(0,1fr) 114px;gap:10px}.center-top .field-wrap{display:block;min-width:0}.field-wrap>span{display:block;color:#9ba6bd;font-size:9px;font-weight:700;letter-spacing:.15em;margin-bottom:7px}.center-top input{width:100%;height:45px;border:1px solid #3a4558;border-radius:9px;background:#111723;color:#f3f4fb;padding:0 12px;font-size:13px;box-shadow:inset 0 1px 8px #00000022}.center-top input::placeholder{color:#68768c}.center-top input:focus{border-color:#dc657f}
.select-caption{margin:22px 0 13px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:700;color:#d5dbe8}.select-caption span{font-size:9px;color:#8e9ab1}
.mode-picks.big-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.big-modes .mode-choice{min-height:172px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #343c50;border-radius:11px;background:linear-gradient(155deg,#222b3b,#161c29);transition:transform .2s,border-color .2s,box-shadow .2s}.big-modes .mode-choice.selected{border:1px solid #f37288;background:linear-gradient(158deg,#393043,#211d2c);box-shadow:0 0 0 1px #f16d8640,0 10px 27px #ed456121}.mode-art{position:relative;display:block;width:66px;height:38px;margin-bottom:5px}.art-cell{display:block;position:absolute;border-radius:50%;box-shadow:inset -6px -8px 13px #0006,0 0 20px #ff719e25;background:linear-gradient(135deg,#ffd1de,#9f325d);border:2px solid #f4c3d7}.art-cell.a{width:32px;height:32px;top:3px;left:17px}.art-cell.b{width:15px;height:15px;top:19px;left:39px}.dual-art .art-cell.a{width:27px;height:27px;left:7px;top:6px}.dual-art .art-cell.b{width:27px;height:27px;left:34px;top:6px;background:linear-gradient(135deg,#d2ecff,#4675b3);border-color:#c0d9ff}.mega-art .art-cell.a{width:42px;height:42px;top:-2px;left:13px;background:linear-gradient(135deg,#e6baff,#8655b5);border-color:#ecd0ff}.mega-art .art-cell.b{display:none}.mode-choice strong{font:800 28px/1 'Rajdhani';margin:4px 0 0;max-width:none}.mode-choice small{color:#9aa6bc;font-size:9px;letter-spacing:0;margin-top:2px}.mode-choice .mode-mass{display:block;margin-top:auto;padding-top:11px;color:#f9d5df;font-size:10px;font-weight:700;letter-spacing:.075em}
.lobby-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;margin-top:18px}.lobby-actions .main-btn{width:100%;height:51px;border-radius:9px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.07em;box-shadow:inset 0 1px 0 #ffffff28,0 9px 20px #0003}.lobby-actions .play-blue{background:linear-gradient(105deg,#bf3151,#ef617d)}.lobby-actions .play-yellow{background:linear-gradient(105deg,#33435d,#495d7e);color:#eaf0ff}.play-symbol{font-size:15px}.action-arrow{margin-left:auto;font-size:16px}.lobby-actions .play-blue .play-symbol{margin-left:auto}.settings-lobby-btn{height:38px;width:100%;background:#1d2433;border:1px solid #353d50;border-radius:9px;color:#acb7cd;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.11em;margin-top:10px}.settings-lobby-btn span:last-child{font-size:18px}.settings-lobby-btn:hover{border-color:#a86383;color:white}
.region-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.region-tab{height:34px;background:#20283a;color:#8c9bb4;border:1px solid #323d54;border-radius:8px;font-size:9px;font-weight:700;letter-spacing:.02em}.region-tab.active{background:#763347;color:#ffe2ea;border-color:#ad4b64}.server-table{background:transparent!important;border-radius:0!important;padding:15px 0 0!important;gap:8px!important}.server-head-row{display:flex;justify-content:space-between;padding:0 2px 3px;font-size:9px;color:#74849d;letter-spacing:.14em}.server-row{display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:66px;padding:11px 10px;border:1px solid #323a4b;border-radius:10px;background:#171e2c;color:#e9edf8;transition:border-color .2s,background .2s}.server-row.selected{background:#3b2436!important;border-color:#c85a7b}.server-row>span{display:grid;grid-template-columns:9px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px}.server-led{grid-row:1/span 2;display:block;width:7px;height:7px;background:#e4617c;border-radius:50%;box-shadow:0 0 10px #eb3a68}.server-row strong{grid-column:2;font-size:12px;font-weight:700}.server-row small{grid-column:2;font-size:10px;color:#8793aa}.server-row em{font-style:normal;white-space:nowrap;font-size:9px;border:1px solid #394052;border-radius:5px;padding:5px 7px;color:#bac8d7;font-weight:700}.server-note{display:flex;align-items:flex-start;gap:9px;background:#18212f;border:1px solid #323a4a;border-radius:11px;padding:12px;margin-top:20px}.server-note-icon{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;background:#354051;border-radius:50%;color:#b4c7e0;font-size:11px;font-weight:700}.server-note p{margin:0;font-size:10px;line-height:1.6;color:#8c99ad}
.lobby-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.17em;color:#64758f;font-weight:700;padding:19px 5px 12px}
/* Camera HUD */
.zoom-panel{position:fixed;right:20px;bottom:235px;z-index:7;display:flex;align-items:center;gap:4px;background:#131b2adb;border:1px solid #3b4960;padding:5px;border-radius:11px;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0007}.zoom-panel button{background:#28364a;border:1px solid #40516d;color:#f0f6ff;border-radius:7px;min-width:28px;height:29px;font-size:17px}.zoom-panel button:hover{background:#384c69}.zoom-panel span{font-size:11px;color:#d6e2f5;font-weight:700;width:49px;text-align:center;font-variant-numeric:tabular-nums}
body.is-spectating .status-card{display:none!important}body.is-spectating #help-panel{display:none!important}body.is-spectating #arena{cursor:crosshair}body.is-spectating.dragging-camera #arena{cursor:grabbing}
@keyframes vFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(22px,-18px,0)}}@keyframes vTitleIn{from{opacity:0;transform:translateY(14px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:drop-shadow(0 12px 29px #c52f4c35)}}
@media(max-width:1240px){.lobby-grid{grid-template-columns:minmax(195px,.85fr) minmax(360px,1.55fr) minmax(225px,1fr);gap:12px}.menu-panel{padding:17px!important}.panel-title{font-size:28px}.big-modes .mode-choice{min-height:161px}.mode-choice strong{font-size:24px}.center-top.swapped-inputs{grid-template-columns:minmax(0,1fr) 100px}}
@media(max-width:980px){.lobby{padding:0 15px 20px}.lobby-grid{grid-template-columns:1fr 1fr;max-width:780px;margin-inline:auto}.center-panel{grid-column:1/-1;grid-row:1}.left-panel,.right-panel{grid-row:2}.lobby-intro{padding:28px 0 26px}.hero-logo{font-size:88px}.big-modes .mode-choice{min-height:160px}.lobby-bottom{max-width:780px;margin:auto}.zoom-panel{bottom:20px;right:15px}}
@media(max-width:620px){.lobby{inset:58px 0 0}.lobby-grid{grid-template-columns:1fr;max-width:440px}.center-panel,.left-panel,.right-panel{grid-column:1;grid-row:auto}.center-panel{grid-row:1}.left-panel{grid-row:2}.right-panel{grid-row:3}.hero-logo{font-size:66px}.lobby-intro{padding:22px 0 18px}.lobby-intro p{font-size:11px}.lobby-eyebrow{font-size:8px}.menu-panel{padding:19px!important}.mode-picks.big-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.big-modes .mode-choice{min-height:144px;padding:12px 6px}.mode-art{transform:scale(.75);margin-bottom:0}.mode-choice strong{font-size:25px!important}.mode-choice small{font-size:8px}.mode-choice .mode-mass{font-size:9px}.center-top.swapped-inputs{grid-template-columns:minmax(0,1fr) 86px}.region-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-bottom{display:block;text-align:center;line-height:2}.lobby-bottom span{display:block}.zoom-panel{bottom:18px;right:10px}.spectate-hud{top:66px;gap:9px;padding:8px}.spectate-head small{font-size:8px}.spectate-exit{padding:9px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-logo,.lobby-atmosphere i,.lobby:after{animation:none!important}}
/* Keep decorative light rings out of mobile horizontal scrolling. */
.lobby{overflow-x:hidden;overflow-y:auto}

/* Vintage 1.0: open-world lobby. Original design — crimson glass, live gameplay canvas and modular docks. */
body.show-lobby .topbar{visibility:hidden;pointer-events:none}
body.show-lobby .leader,body.show-lobby .status-card,body.show-lobby .chatbox,body.show-lobby .minimap,body.show-lobby .help-panel{display:none!important}
.vintage-stage.lobby{position:fixed;inset:0;z-index:9;width:100%;height:100%;min-height:600px;padding:0;display:block;overflow:auto;isolation:isolate;background:linear-gradient(90deg,rgba(3,9,17,.72),transparent 22%,transparent 76%,rgba(5,8,16,.69)),linear-gradient(180deg,rgba(6,10,20,.75) 0%,rgba(7,11,20,.18) 35%,rgba(3,7,16,.19) 64%,rgba(4,8,15,.88) 100%)}
.vintage-stage.lobby:before{content:"";position:absolute;inset:-10% -10%;z-index:-1;width:auto;height:auto;border-radius:0;pointer-events:none;background:radial-gradient(ellipse 35% 48% at 49% 42%,rgba(137,44,70,.13),transparent 72%),radial-gradient(ellipse 45% 48% at 87% 66%,rgba(33,104,137,.14),transparent 76%);filter:none;opacity:1;animation:none}
.vintage-stage.lobby:after{content:"";position:absolute;z-index:-1;inset:0;width:auto;height:auto;border-radius:0;opacity:.45;pointer-events:none;filter:none;background-image:linear-gradient(rgba(148,190,215,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(148,190,215,.08) 1px,transparent 1px);background-size:170px 170px;mask-image:linear-gradient(to bottom,transparent 3%,black 24%,black 82%,transparent 100%);animation:none}
.v-stage-noise{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 30% 60%,rgba(209,71,109,.12),transparent 38%),radial-gradient(circle at 72% 26%,rgba(74,152,194,.14),transparent 35%);animation:vGlowDrift 16s ease-in-out infinite alternate}
.v-stage-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(12,41,54,.16) 16%,transparent 41%,rgba(104,23,51,.09) 90%)}
.v-stage-header{position:absolute;top:0;left:0;right:0;z-index:3;padding:30px clamp(22px,4vw,74px);display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px 24px}
.v-stage-logo{display:flex;align-items:center;gap:15px;width:max-content}.v-logo-symbol{width:57px;height:57px;display:grid;place-items:center;transform:skew(-7deg);border:1px solid #e26b84a1;border-radius:11px;background:linear-gradient(135deg,#411c34dd,#180f23c7);box-shadow:0 10px 32px #0007,0 0 27px #d94c6850,inset 0 1px 0 #ffb4bc22;color:#ffc3ce;font:800 39px 'Rajdhani',sans-serif}.v-stage-logo strong{display:block;font:800 clamp(27px,3vw,44px)/.92 'Rajdhani';letter-spacing:.18em;color:#fff}.v-stage-logo small{display:block;margin-top:8px;color:#d7a3af;letter-spacing:.3em;font-size:9px;font-weight:700}
.v-stage-nav{display:flex;align-items:center;gap:4px;padding:4px;background:rgba(13,19,30,.7);border:1px solid #ffffff17;border-radius:12px;backdrop-filter:blur(16px)}.v-stage-nav-link{padding:13px 21px;border:0;border-radius:8px;color:#d3dbe7;background:transparent;font-size:11px;font-weight:800;letter-spacing:.12em}.v-stage-nav-link:hover{background:rgba(243,112,138,.13);color:#fff}.v-nav-soon{margin-left:4px;font-size:8px;color:#ff94b0}
.v-stage-account{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#c0cddd;font-size:10px;letter-spacing:.15em;font-weight:700}.v-guest-indicator{width:8px;height:8px;border-radius:50%;background:#e87994;box-shadow:0 0 14px #e87994}.v-login-btn{padding:8px 13px;color:#fff;border:1px solid #bd5069;border-radius:6px;background:#4a2638b8;font-weight:800;font-size:10px;letter-spacing:.07em}.v-login-btn span{margin-left:9px}
.v-stage-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;width:min(36vw,445px);aspect-ratio:1;display:grid;place-items:center}.v-halo{position:absolute;width:118%;height:118%;border-radius:50%;border:1px solid #e9698b36;box-shadow:0 0 80px #bc3a6527,inset 0 0 55px #b3487132;animation:vHalo 10s linear infinite}.v-halo-two{width:138%;height:138%;border:1px dashed #6cabc331;animation-duration:25s;animation-direction:reverse}.v-center-orb{position:relative;overflow:hidden;width:80%;aspect-ratio:1;border-radius:50%;border:5px solid rgba(221,229,247,.83);box-shadow:0 0 0 13px rgba(13,23,35,.54),0 0 45px #d8537f53,0 35px 110px rgba(0,0,0,.7);transform:rotate(-8deg);animation:vOrbFloat 6s ease-in-out infinite}.v-center-orb-hemisphere{position:absolute;top:0;bottom:0;width:50%;display:grid;place-items:center}.v-center-orb-hemisphere.left{left:0;background:radial-gradient(circle at 65% 15%,#ad627b 1%,#61273d 46%,#1a152b 98%)}.v-center-orb-hemisphere.right{right:0;background:radial-gradient(circle at 20% 25%,#bce5eb 0,#6795ab 41%,#1d3655 100%)}.v-center-orb:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 23% 12%,#ffffff55,transparent 27%)}.v-center-orb:before{content:"";position:absolute;left:49.5%;width:1%;top:0;bottom:0;background:#fff8;z-index:2}.v-orb-mark{font:800 clamp(60px,8vw,130px) 'Rajdhani',sans-serif;color:#ffcbd6;opacity:.87;text-shadow:0 12px 17px #1a072c}.v-orb-number{font:800 clamp(55px,7vw,112px) 'Rajdhani';color:#e5f5f9;text-shadow:0 13px 17px #133449}.v-orb-sheen{position:absolute;inset:0;border-radius:50%;border:10px solid #ffffff14;box-shadow:inset 0 0 60px #0006}.v-center-caption{position:absolute;top:95%;display:flex;flex-direction:column;align-items:center;gap:6px;letter-spacing:.22em;color:#ccd5e3;text-shadow:0 2px 15px #000}.v-center-caption span{font-size:9px}.v-center-caption strong{font:700 17px 'Rajdhani',sans-serif;letter-spacing:.26em;color:#ffc7d5}
.v-launch-panel,.v-mode-panel{position:absolute;z-index:2;bottom:clamp(36px,5vw,69px);border:1px solid rgba(192,214,228,.22);border-radius:16px;background:linear-gradient(155deg,rgba(21,30,43,.95),rgba(13,20,33,.94));box-shadow:0 26px 75px rgba(0,0,0,.6),inset 0 1px 0 #ffffff13;backdrop-filter:blur(18px)}
.v-launch-panel{left:clamp(18px,4vw,72px);width:344px;padding:19px}.v-launch-top{display:flex;align-items:start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ffffff19}.v-launch-kicker{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.12em;color:#aebace;font-weight:700}.v-launch-kicker i{width:4px;height:4px;background:#d95e78;border-radius:50%;display:inline-block}.v-launch-top h1{margin:9px 0 0;font:800 32px/1 'Rajdhani',sans-serif;letter-spacing:.06em}.v-launch-top small{color:#dca2b2;font-size:10px;letter-spacing:.11em;font-weight:700}.v-launch-settings{width:32px;height:32px;border:1px solid #515a68;border-radius:7px;background:#273343;color:#e9c3cb;font-size:17px}
.v-launch-fields{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:9px;padding:16px 0}.v-launch-fields label{min-width:0}.v-launch-fields label span{display:block;margin:0 0 6px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#9eadc1}.v-launch-fields input{height:38px;width:100%;border-radius:7px;border:1px solid #475368;background:#0b1422;color:#f4f7fc;padding:0 10px;font-size:12px}.v-launch-fields input:focus{border-color:#ed728d}.v-launch-actions{display:grid;gap:7px}.v-play-button,.v-spectate-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:8px;font-weight:800;letter-spacing:.13em;transition:transform .18s,filter .18s}.v-play-button{padding:13px 15px;height:52px;background:linear-gradient(105deg,#bc3858,#f36e88);box-shadow:0 10px 22px #bc38573d;color:#fff;font-size:14px}.v-spectate-button{height:40px;justify-content:center;background:#233347;color:#f0f5fc;border:1px solid #476078;font-size:11px}.v-play-button:hover,.v-spectate-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.v-launch-foot{padding-top:12px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#99acbf;font-weight:700}.v-launch-foot i{display:inline-block;width:7px;height:7px;background:#71cfa8;border-radius:50%;box-shadow:0 0 10px #71cfa866;margin-right:5px}
.v-mode-panel{right:clamp(18px,4vw,72px);width:340px;padding:18px}.v-mode-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.v-mode-header small{display:block;color:#c78ca3;font-size:9px;letter-spacing:.18em;font-weight:700}.v-mode-header strong{display:block;font:800 17px 'Rajdhani';letter-spacing:.1em;margin-top:5px}.v-server-pulse{white-space:nowrap;font-size:10px;font-weight:700;color:#a0e3ce;border:1px solid #4374667d;background:#1c40374a;border-radius:99px;padding:6px 8px}
.v-mode-list{display:grid;gap:7px}.v-mode-list .mode-choice{display:grid;grid-template-columns:40px 1fr 20px;gap:9px;align-items:center;text-align:left;width:100%;min-height:58px;border-radius:9px;border:1px solid #344156;background:#152134;padding:9px;color:#e8eff8}.v-mode-list .mode-choice:hover{background:#25324a;border-color:#8b5974}.v-mode-list .mode-choice.selected{background:linear-gradient(100deg,rgba(106,36,60,.93),rgba(55,35,55,.96));border-color:#dd6782;box-shadow:inset 2px 0 #fd92a5}.v-mode-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(115,153,186,.15);color:#e7bccc;font:700 16px 'Rajdhani'}.v-mode-description{display:flex;flex-direction:column;gap:3px}.v-mode-description strong{font:800 19px/1 'Rajdhani';margin:0}.v-mode-description small{font-size:9px;color:#a3afc6;letter-spacing:.11em}.v-mode-indicator{color:#dba1b5;font-size:16px}.v-mode-footer{display:flex;justify-content:space-between;gap:8px;padding:15px 0 1px;color:#889aad;font-size:9px}.v-mode-footer b{color:#c9d8e6;font-weight:700}
.v-stage-bottom-note{position:absolute;bottom:10px;left:clamp(18px,4vw,72px);right:clamp(18px,4vw,72px);display:flex;justify-content:space-between;color:#a8b0c070;font-size:9px;letter-spacing:.2em;font-weight:700}.v-stage-bottom-note b{color:#e46f86}
@keyframes vGlowDrift{0%{transform:translateX(-2%) translateY(0)}100%{transform:translateX(2%) translateY(-2%)}}
@keyframes vHalo{to{transform:rotate(360deg)}}
@keyframes vOrbFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1130px){.v-stage-center{width:min(30vw,350px);top:41%}.v-launch-panel{width:312px}.v-mode-panel{width:292px}.v-stage-logo strong{font-size:31px}}
@media(max-width:790px){.vintage-stage.lobby{overflow-y:auto;min-height:100vh}.v-stage-header{position:relative;padding:19px 18px 4px;grid-template-columns:1fr}.v-stage-nav{grid-column:1;justify-content:center;flex-wrap:wrap;margin-top:8px}.v-stage-nav-link{padding:10px 12px}.v-stage-account{grid-column:1;justify-content:center;padding-top:6px}.v-stage-center{position:relative;left:auto;top:auto;transform:none;width:min(63vw,270px);margin:30px auto 58px}.v-center-caption{top:105%;min-width:260px}.v-launch-panel,.v-mode-panel{position:relative;bottom:auto;left:auto;right:auto;width:min(92vw,540px);margin:16px auto}.v-launch-panel{margin-top:10px}.v-mode-panel{margin-bottom:47px}.v-stage-bottom-note{position:relative;bottom:auto;left:auto;right:auto;margin:0 auto 20px;width:min(92vw,540px);font-size:8px;gap:12px}.v-center-orb{width:78%}}
@media(max-width:440px){.v-stage-logo strong{font-size:28px}.v-stage-logo small{font-size:8px}.v-logo-symbol{width:45px;height:45px;font-size:31px}.v-stage-nav-link{font-size:10px;padding:8px}.v-stage-center{margin:24px auto 45px}.v-stage-bottom-note{display:none}}
@media(prefers-reduced-motion:reduce){.vintage-stage .v-stage-noise,.vintage-stage .v-halo,.vintage-stage .v-center-orb{animation:none!important}}
/* Robust font fallback for offline builds and an accessible login preview. */
.v-stage-logo strong,.v-logo-symbol,.v-launch-top h1,.v-mode-header strong,.v-mode-description strong,.v-orb-mark,.v-orb-number,.v-center-caption strong{font-family:'Rajdhani','Arial Narrow',Arial,sans-serif}
.v-stage-account{position:relative}
.v-auth-menu{position:absolute;z-index:5;right:0;top:40px;width:240px;border:1px solid #b66379;background:linear-gradient(160deg,#252b39,#141d2e);border-radius:12px;box-shadow:0 20px 50px #0009;padding:12px;display:grid;gap:8px}
.v-auth-menu>div{display:flex;align-items:center;justify-content:space-between;color:#e9d1d9;letter-spacing:.12em;font-size:9px;font-weight:800;padding:3px 3px 8px}
.v-auth-menu>div small{color:#e989a5;letter-spacing:.04em;font-size:8px}
.v-auth-option{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #38445a;border-radius:7px;background:#19243a;padding:11px;color:#f7f8ff;font-weight:700;text-align:left}
.v-auth-option:hover{border-color:#ba5973}
.v-auth-option span{font-size:9px;color:#e59aae}
.v-skin-control{position:absolute;z-index:3;top:49%;transform:translateY(-50%);pointer-events:auto;border:1px solid #ffffff5c;background:#171f30cf;color:#fff;box-shadow:0 8px 25px #0008;border-radius:6px;padding:9px 11px;font-size:10px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:3px;align-items:center}
.v-skin-control small{font-size:8px;letter-spacing:.05em;color:#f2a6b9}
.v-skin-control:hover{border-color:#ea83a0;background:#3c2a3c}
.v-skin-left{left:-8%}.v-skin-right{right:-8%}
@media(max-width:790px){.v-skin-left{left:-16%}.v-skin-right{right:-16%}}