html,body{overscroll-behavior:none;color:#e8e8f5;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a1a2f;margin:0;font-family:system-ui,sans-serif;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}#ui{pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ui>*{pointer-events:auto}#hud{pointer-events:none;position:fixed;inset:0 0 auto}#hud>*{pointer-events:auto}.panel{background:#232338;border:1px solid #34345a;border-radius:12px;flex-direction:column;gap:14px;width:340px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);padding:28px 32px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000073}.panel h1{margin:0;font-size:22px}label{color:#9aa0c0;flex-direction:column;gap:6px;font-size:14px;display:flex}input{color:#e8e8f5;background:#1a1a2f;border:1px solid #34345a;border-radius:8px;padding:9px 12px;font-size:15px}input#code{text-transform:uppercase;font-family:ui-monospace,monospace}button{color:#fff;cursor:pointer;background:#4a5dbd;border:none;border-radius:8px;padding:10px 16px;font-size:15px}button:disabled{color:#9aa0c0;cursor:default;background:#34345a}button.link{color:#8fa0ff;background:0 0;padding:4px 8px;font-size:13px}button.link.danger{color:#ff7a8a}.row{gap:8px;display:flex}.row input{flex:1;min-width:0}.rooms-head{color:#9aa0c0;justify-content:space-between;align-items:center;font-size:14px;display:flex}ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}ul li{align-items:center;gap:10px;font-size:14px;display:flex}ul li.empty{color:#9aa0c0}.players li{font-size:16px}.mono{letter-spacing:1px;font-family:ui-monospace,monospace}.dim{color:#9aa0c0;font-size:12px}.hint{color:#9aa0c0;margin:0;font-size:13px}.hud-bar{background:#1a1a2fe6;border-bottom:1px solid #34345a;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.hud-bar .spacer{flex:1}#status.mine{color:#ffd75e}.conn{background:#f56;border-radius:50%;width:9px;height:9px;display:inline-block}.conn.up{background:#4fdd7a}.toast{color:#ffccd4;background:#402637;border:1px solid #ff7a8a;border-radius:8px;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.rank{color:#ffd75e;width:18px}.grow{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}