.vs-lobby{color:#213b4d;width:100%;margin:auto}.vs-lobby button,.vs-lobby a,.vs-projector>nav button{cursor:pointer}.vs-lobby button{color:#fff;background:#296d71;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:750;display:inline-flex}.vs-lobby button:disabled{opacity:.45;cursor:default}:is(.vs-lobby button:focus-visible,.vs-lobby a:focus-visible){outline-offset:3px;outline:3px solid #dca444}.vs-heading{color:#fff;background:linear-gradient(120deg,#183849,#325f69);border-radius:22px;align-items:center;gap:18px;padding:24px;display:flex}.vs-heading h1{margin:0 0 6px;font-size:clamp(26px,4vw,42px)}.vs-heading p{letter-spacing:2px;color:#e4c283;font-size:11px}.vs-heading>button{margin-left:auto}.vs-emblem{background:#fff1;border:2px solid #e6c58b;border-radius:50%;flex-shrink:0;place-items:center;width:70px;height:70px;display:grid}.vs-rule-cards{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.vs-rule-cards span{background:#edf5ef;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.vs-rule-cards svg{width:19px}.vs-create,.vs-invitation{background:#fffdf6;border:1px solid #ddd7c7;border-radius:20px;margin:16px 0;padding:24px;box-shadow:0 6px 20px #19354208}.vs-create h2,.vs-invitation h2{margin:0 0 10px;font-size:22px}.vs-create p,.vs-invitation p{margin:8px 0}.vs-create>div{flex-wrap:wrap;align-items:end;gap:14px;margin-top:18px;display:flex}.vs-create label{flex:1;gap:6px;min-width:180px;font-weight:700;display:grid}.vs-create select{color:#183b49;background:#fff;border:1px solid #becbc7;border-radius:10px;width:100%;padding:12px}.vs-invitation{justify-content:space-between;align-items:center;gap:24px;display:flex}.vs-invitation small{color:#57777d;text-transform:uppercase;letter-spacing:1px;font-weight:700}.vs-invitation em,.vs-match-heading em{color:#bd7c21;margin:0 12px;font-style:normal}.vs-invite-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.vs-invite-actions a{color:#215e65;align-items:center;gap:7px;font-weight:700;display:flex}.vs-lobby button.vs-secondary{color:#3c5356;background:#eaece5}.vs-error{color:#833d17;background:#fff0e3;border:1px solid #dfbe90;border-radius:12px;padding:14px 18px}.vs-empty{text-align:center;color:#657b79;padding:30px}.vs-match.battle-lab{max-width:1400px;margin:0 auto;padding:0}.vs-match-heading{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.vs-match-heading h2{margin:4px 0;font-size:clamp(18px,3vw,28px)}.vs-match-heading small{letter-spacing:1px;color:#536f77}.vs-match-heading>div:last-child{gap:8px;display:flex}.vs-hp{background:#dbe2d8;border-radius:12px;width:100%;margin:8px 0;overflow:hidden;height:9px!important}.vs-hp i{background:linear-gradient(90deg,#399460,#85c676);height:100%;transition:width .3s;display:block}.vs-match .bl-status{max-width:310px}.vs-match .bl-status>small:first-child{color:#4f716a;font-weight:800;display:block}.vs-lock{margin-right:24px}.vs-rules{text-align:center;color:#567171;margin:12px;font-size:12px}.vs-projector{background:#eef2e9;min-height:100vh;padding:16px}.vs-projector>nav{justify-content:space-between;gap:12px;max-width:1400px;margin:0 auto 12px;display:flex}.vs-projector>nav button{color:#fff;background:#275c68;border-radius:10px;padding:8px 14px}.vs-notice{background:#fff6cf;border:2px solid #dbb96c;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:16px 22px;display:flex}.vs-notice button{color:#fff;background:#296c70;border-radius:10px;padding:10px 15px}.vs-lobby .bl-narration{min-height:110px}.vs-lobby .bl-result{min-height:145px}@media (max-width:650px){.vs-invitation{flex-direction:column;align-items:start;gap:10px}.vs-heading{gap:12px;padding:18px}.vs-emblem{width:48px;height:48px}.vs-heading>button{padding:7px;font-size:12px}.vs-create{padding:18px}.vs-rule-cards{gap:6px}.vs-rule-cards span{padding:8px;font-size:11px}.vs-lobby .bl-status{width:43%;max-width:none}.vs-match-heading{align-items:start}.vs-match-heading>div:last-child{flex-direction:column}.vs-match-heading button{padding:7px 10px;font-size:12px}.vs-notice{font-size:13px}.vs-projector{padding:8px}}.vs-match.battle-lab{border-radius:18px;min-height:0;padding:14px}.vs-match-heading small{color:#b9d6d3}.vs-match .bl-status>small:first-child{color:#cbe4bd}.vs-rules{color:#b9d6d3}.vs-lobby .bl-moves strong{width:100%;display:flex}.vs-lobby .bl-party-card .vs-hp,.vs-lobby .bl-status .vs-hp{display:block}.vs-save-error{color:#613219;background:#fff0e5;border:1px solid #c77941;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px;font-size:14px;display:flex}.vs-save-error button{color:#fff;cursor:pointer;background:#235c61;border:0;border-radius:8px;flex-shrink:0;padding:10px 14px;font-weight:700}.vs-save-error button:focus-visible{outline-offset:3px;outline:3px solid #235c61}.vs-lobby .bl-status .vs-hp i{min-height:9px}@media (min-width:900px){.vs-match.battle-lab{max-width:min(1400px,177.778dvh - 247.556px)}.vs-projector .vs-match.battle-lab{max-width:min(1400px,177.778dvh - 327.556px)}.vs-match.battle-lab .bl-arena{aspect-ratio:16/9;height:calc(100dvh - 160px);min-height:480px}.vs-projector .vs-match.battle-lab .bl-arena{height:calc(100dvh - 210px)}}