*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0e17;color:#b0b8c4;font-family:Share Tech,Consolas,monospace;font-size:15px}.site-disclaimer{width:100%;text-align:center;color:#5a6577;font-size:10px;padding:12px 16px;letter-spacing:.5px;margin-top:auto}body{display:flex;flex-direction:column;min-height:100vh;justify-content:center;align-items:center}.lobby,.waiting{background:#0d1b2af2;border:1px solid rgba(83,197,235,.25);clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px)}.lobby{padding:clamp(24px,2.5vw,48px) clamp(28px,2.9vw,56px);width:90vw;max-width:1060px}.waiting{padding:clamp(24px,2.5vw,48px) clamp(28px,2.9vw,56px);width:90vw;max-width:600px;text-align:center}h1{color:#e88230;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:0 0 2px;text-align:center}.lobby h1{font-size:clamp(28px,2.5vw,48px)}.lobby-sm h1{font-size:clamp(24px,1.9vw,36px);margin-bottom:4px}.lobby-sm .subtitle{font-size:clamp(13px,.83vw,16px);letter-spacing:2px;margin-bottom:28px}.waiting h1{font-size:clamp(24px,1.67vw,32px);margin-bottom:8px}.subtitle{color:#53c5eb;font-family:Rajdhani,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:3px;text-align:center}.lobby .subtitle{font-size:clamp(14px,.94vw,18px);letter-spacing:3px;margin-bottom:clamp(18px,1.9vw,36px)}.waiting .subtitle{font-size:clamp(13px,.83vw,16px);letter-spacing:2px;margin-bottom:clamp(16px,1.67vw,32px)}.top-row{display:flex;gap:clamp(10px,1vw,20px);margin-bottom:clamp(14px,1.46vw,28px)}.top-row .field{flex:1}.top-row label{display:block;color:#5a6577;font-family:Rajdhani,sans-serif;font-size:clamp(12px,.78vw,15px);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.top-row select,.top-row input[type=number]{background:#111820;color:#b0b8c4;border:1px solid rgba(83,197,235,.25);padding:clamp(10px,.73vw,14px) clamp(12px,.94vw,18px);width:100%;font-family:Share Tech,monospace;font-size:clamp(14px,.89vw,17px);box-sizing:border-box;clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px)}.top-row select:focus,.top-row input:focus{outline:none;border-color:#e88230}.mode-toggle{display:flex;gap:0;margin-bottom:clamp(12px,1.25vw,24px)}.mode-toggle button{flex:1;background:#111820cc;border:1px solid rgba(83,197,235,.15);color:#5a6577;padding:clamp(8px,.63vw,12px);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:clamp(13px,.83vw,16px);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .15s}.mode-toggle button:first-child{clip-path:polygon(0% 0%,calc(100% - 6px) 0%,100% 6px,100% 100%,0% 100%)}.mode-toggle button:last-child{clip-path:polygon(0% 0%,100% 0%,100% 100%,6px 100%,0% calc(100% - 6px))}.mode-toggle button.active{background:#e88230;border-color:#e88230;color:#fff}.lance-label{color:#e88230;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px}.lobby .lance-label{font-size:clamp(16px,1.04vw,20px);margin-bottom:clamp(8px,.73vw,14px)}.mech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,.83vw,16px);margin-bottom:clamp(16px,1.67vw,32px)}@media (max-width: 800px){.mech-grid{grid-template-columns:repeat(2,1fr)}}.mech-slot{background:#111820cc;border:1px solid rgba(83,197,235,.15);padding:clamp(10px,.83vw,16px);clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px)}.mech-slot label{display:block;color:#5a6577;font-family:Rajdhani,sans-serif;font-size:clamp(12px,.73vw,14px);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.mech-slot select{background:#0d1b2a;color:#53c5eb;border:1px solid rgba(83,197,235,.25);padding:clamp(8px,.52vw,10px);width:100%;font-family:Share Tech,monospace;font-size:clamp(13px,.83vw,16px);box-sizing:border-box;cursor:pointer;clip-path:polygon(4px 0%,calc(100% - 4px) 0%,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0% calc(100% - 4px),0% 4px)}.mech-slot select:focus{outline:none;border-color:#e88230}.mech-specs{background:#0a0e1799;border:1px solid rgba(83,197,235,.08);padding:clamp(6px,.52vw,10px);margin-top:10px;font-size:clamp(12px,.78vw,15px);color:#5a6577;min-height:clamp(80px,6.25vw,120px)}.mech-specs .spec-line{padding:2px 0}.mech-specs .spec-label{color:#5a6577;font-family:Rajdhani,sans-serif;font-weight:500;text-transform:uppercase;font-size:clamp(11px,.68vw,13px)}.mech-specs .spec-value{color:#b0b8c4;font-family:Roboto Mono,monospace;font-size:clamp(12px,.78vw,15px)}.mech-specs .spec-weapons{margin-top:4px;padding-top:4px;border-top:1px solid rgba(83,197,235,.1)}.mech-specs .weapon-line{color:#5a6577;padding:2px 0;font-size:clamp(11px,.73vw,14px)}.mech-specs .tonnage{color:#53c5eb;font-family:Rajdhani,sans-serif;font-size:clamp(16px,1.04vw,20px);font-weight:700;text-transform:uppercase}.btn-start,.btn-join{background:#e88230;color:#fff;border:none;padding:clamp(10px,.83vw,16px) clamp(20px,1.67vw,32px);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:clamp(16px,1.15vw,22px);font-weight:700;text-transform:uppercase;letter-spacing:2px;width:100%;clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);transition:background .15s}.btn-start:hover,.btn-join:hover{background:#f09040}.btn-start:disabled,.btn-join:disabled{background:#3a3f4a;color:#5a6577;cursor:not-allowed}.share-label{color:#5a6577;font-family:Rajdhani,sans-serif;font-size:clamp(12px,.73vw,14px);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.share-link{background:#111820;border:1px solid rgba(83,197,235,.25);color:#e88230;padding:clamp(10px,.73vw,14px) clamp(12px,.94vw,18px);font-family:Roboto Mono,monospace;font-size:clamp(12px,.78vw,15px);width:100%;text-align:center;cursor:pointer;box-sizing:border-box;margin-bottom:8px}.hint{color:#5a6577;font-size:clamp(11px,.68vw,13px);margin-bottom:clamp(16px,1.67vw,32px)}.spinner{color:#53c5eb;font-family:Rajdhani,sans-serif;font-size:clamp(14px,.94vw,18px);font-weight:600;text-transform:uppercase;letter-spacing:1px}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.spinner:after{content:"";animation:dots 1.5s steps(4,end) infinite}.not-found-box{background:#0f3460;border:2px solid #e94560;padding:clamp(24px,2.5vw,48px);text-align:center;max-width:400px;width:90vw}.not-found-box h1{color:#e94560;font-size:clamp(18px,1.25vw,24px);margin-bottom:12px}.not-found-box p{margin-bottom:16px}.not-found-box a{color:#53c5eb;text-decoration:none}.not-found-box a:hover{text-decoration:underline}