.qos-tricolor-stripe{background:var(--qos-tricolor);border-radius:3px 3px 0 0;height:3px}.qos-lobby-panel{border:3px solid var(--qos-ink);background:linear-gradient(180deg,var(--qos-panel-top)0%,var(--qos-panel-bottom)100%);box-shadow:var(--qos-sc-shadow-lg),0 16px 48px #00000073,inset 0 2px 0 #ffffff14;border-radius:16px;position:relative;overflow:hidden}.qos-lobby-panel__body{padding:clamp(20px,4cqw,28px) clamp(20px,4cqw,24px)}.qos-lobby-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--qos-text-muted);font-size:clamp(10px,2cqw,12px);font-weight:900;display:block}.qos-lobby-input{border:3px solid var(--qos-ink);text-align:center;width:100%;color:var(--qos-text);background:#16181e;border-radius:12px;outline:none;padding:clamp(12px,2.5cqh,14px) 16px;font-size:clamp(16px,2.8cqw,20px);font-weight:800;transition:border-color .15s,box-shadow .15s;display:block;box-shadow:inset 0 2px 6px #00000059}.qos-lobby-input:focus{border-color:#2a8fffa6;box-shadow:inset 0 2px 6px #00000059,0 0 0 2px #2a8fff33}.qos-btn{border:3px solid var(--qos-ink);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;font-weight:900;transition:transform .1s,filter .15s,box-shadow .1s;display:flex}.qos-btn:active:not(:disabled){transform:translateY(3px)}.qos-btn:disabled{opacity:.48;cursor:not-allowed}.qos-btn--primary{background:linear-gradient(180deg,var(--qos-blue-light)0%,var(--qos-blue)45%,#004d99 100%);color:#fff;min-height:clamp(52px,8cqh,68px);box-shadow:var(--qos-sc-shadow-lg);font-size:clamp(16px,3cqw,22px)}.qos-btn--primary:active:not(:disabled){box-shadow:0 2px 0 var(--qos-ink)}.qos-btn--primary:not(:disabled):hover{filter:brightness(1.08)}.qos-btn--secondary{color:#ffffffeb;min-height:clamp(46px,7cqh,56px);box-shadow:var(--qos-sc-shadow);background:linear-gradient(#3a3d48 0%,#1a1b1f 55%,#0f1012 100%);font-size:clamp(13px,2.4cqw,17px)}.qos-btn--secondary:active:not(:disabled){box-shadow:0 1px 0 var(--qos-ink)}.qos-btn--secondary:not(:disabled):hover{filter:brightness(1.1)}.qos-btn--ghost{box-shadow:none;color:#ffffff6b;background:0 0;border:none;min-height:44px;font-size:11px}.qos-btn--ghost:not(:disabled):hover{color:#ffffffb8}.qos-btn--ghost:active:not(:disabled){transform:none}.qos-player-slots{justify-content:center;gap:10px;margin-top:16px;display:flex}.qos-player-slot{border:3px solid var(--qos-ink);background:#0a0c10;border-radius:12px;width:clamp(36px,8cqw,44px);height:clamp(36px,8cqw,44px);transition:background .25s,box-shadow .25s,transform .25s;box-shadow:inset 0 2px 4px #00000080}.qos-player-slot--filled{background:linear-gradient(180deg,var(--qos-blue-light)0%,var(--qos-blue)100%);box-shadow:var(--qos-sc-shadow),0 0 12px #2a8fff59;animation:.35s cubic-bezier(.34,1.4,.64,1) both qos-slot-pop}.qos-player-slot--pulse{animation:1.4s ease-in-out infinite qos-slot-pulse}@keyframes qos-slot-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes qos-slot-pulse{0%,to{box-shadow:var(--qos-sc-shadow),0 0 8px #2a8fff40}50%{box-shadow:var(--qos-sc-shadow),0 0 18px #f7931e73}}.qos-ser-carousel-arrow{border:3px solid var(--qos-ink);color:#ffffffe6;width:clamp(36px,9cqw,48px);height:clamp(36px,9cqw,48px);box-shadow:var(--qos-sc-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#3a3d48 0%,#1a1b1f 55%,#0f1012 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:transform .1s,filter .15s,opacity .15s;display:flex}.qos-ser-carousel-arrow:not(:disabled):hover{filter:brightness(1.12);color:var(--qos-blue-light)}.qos-ser-carousel-arrow:active:not(:disabled){box-shadow:0 1px 0 var(--qos-ink);transform:translateY(2px)}.qos-ser-carousel-arrow:disabled{opacity:.28;cursor:not-allowed}