#pvp-lobby [hidden],#pvp-lobby[hidden],#pvp-bar[hidden],#pvp-room-panel[hidden],#pvp-entry[hidden],#pvp-start[hidden],#pvp-end[hidden],#pvp-invite[hidden],#pvp-reconnect[hidden]{display:none}
#pvp-lobby{position:fixed;inset:0;z-index:100;background:#101828b8;color:#f8f4e7;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;box-sizing:border-box;font-family:inherit;touch-action:manipulation}
.pvp-card{width:min(100%,520px);margin:auto;padding:30px;border:3px solid #fff;border-radius:0;background:#305080;box-shadow:6px 6px 0 #101018;box-sizing:border-box}
.pvp-eyebrow{font-size:12px;letter-spacing:3px;color:#fff060;font-weight:700}.pvp-card h1{font-size:32px;line-height:1.2;margin:10px 0}.pvp-card p{color:#d0e0ff;line-height:1.6;margin:8px 0 18px}.pvp-card label{display:block;font-size:13px;color:#d4ddd3;margin:16px 0 7px}
.pvp-card button,.pvp-card input,.pvp-card select,#pvp-bar button{font:inherit;min-height:46px;box-sizing:border-box;border-radius:0;border:1px solid #a8c0e0}
.pvp-card select,.pvp-card input{width:100%;padding:10px 12px;background:#203860;color:#fff;user-select:text;touch-action:auto}.pvp-card button{padding:10px 17px;background:#f8d030;color:#101018;font-weight:700;cursor:pointer}.pvp-card button:disabled{opacity:.45;cursor:default}.pvp-card .secondary{background:transparent;color:#e5e8da}
#pvp-create{width:100%;margin-top:20px}#pvp-join-form{display:flex;gap:8px;margin-top:8px}#pvp-room-input{min-width:0;flex:1}#pvp-join{white-space:nowrap}.pvp-divider{display:flex;gap:14px;align-items:center;color:#91a69c;font-size:12px;margin:20px 0 10px}.pvp-divider:before,.pvp-divider:after{content:'';height:1px;flex:1;background:#8098c0}
#pvp-status{min-height:40px;font-size:13px;color:#fff060;margin:20px 0 0;line-height:1.5}#pvp-status.error{color:#ffb2a3}.pvp-note{font-size:12px!important;color:#d0e0ff!important;margin-bottom:0!important}.pvp-code-label{font-size:12px;color:#acbfb5;margin-top:20px}#pvp-room-code{font-size:clamp(18px,5vw,30px);font-weight:800;font-family:ui-monospace,monospace;overflow-wrap:anywhere;margin:6px 0 14px;user-select:text}.pvp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pvp-actions button{flex:1}.pvp-player{padding:12px;border:1px solid #8098c0;border-radius:0;margin-top:8px;font-size:13px}.pvp-player.self{border-color:#f8d030;color:#fff060}#pvp-invite{margin-top:10px}
#pvp-bar{position:fixed;z-index:80;left:12px;right:12px;top:max(8px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;pointer-events:none;font:12px FusionPixel,monospace;color:#fff}#pvp-game-status{background:#203860f5;border:1px solid #5c7860;padding:7px 10px;border-radius:0;flex:1;overflow-wrap:anywhere}#pvp-bar button{pointer-events:auto;background:#203860f5;color:#fff;padding:6px 12px;min-height:34px;cursor:pointer}
#pvp-end{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0005}#pvp-end div{padding:24px 40px;background:#203860f5;border:1px solid #f8d030;border-radius:0;text-align:center}#pvp-end h2{font-size:28px;margin:0 0 10px;color:#fff060}#pvp-end p{margin:0;font-size:14px}
.online-active #btn-pause,.online-active #btn-reset,.online-active #btn-start{display:none!important}
.online-active #hh-pills{display:none!important}
@media(max-height:540px){#pvp-lobby{padding:12px}.pvp-card{padding:20px}.pvp-card h1{font-size:25px}.pvp-card p{margin-bottom:10px}#pvp-status{margin-top:12px}.pvp-card label{margin-top:10px}}

#pvp-back{margin-top:18px;width:100%}.online-engaged #btn-pause,.online-engaged #btn-reset,.online-engaged #btn-start,.online-engaged #hh-pills{display:none!important}
.pvp-card button:focus-visible,.pvp-card input:focus-visible{outline:3px solid #fff060;outline-offset:3px}