[hidden]{display:none!important}.account-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px;font-size:11px}.account-nav button,.account-nav a{background:#1a2d44;border:1px solid #354b67;color:#b2d6e9;border-radius:8px;padding:9px;text-decoration:none}.account-nav span{margin-left:auto;color:#a5ff74;font-size:10px}#roomPassword,#inviteCode{font-size:11px;padding:10px;margin:7px 0}#chatBox{display:none;position:fixed;left:24px;bottom:85px;width:310px;background:#0d182ce8;border:1px solid #2b405e;border-radius:12px;padding:10px;z-index:5}.chat-title{font-size:9px;color:#9eb8d6}#chatMessages{height:100px;overflow:auto;font-size:11px;color:#bfd2e9;scrollbar-width:thin}#chatMessages p{margin:5px 0;overflow-wrap:anywhere}#chatForm{display:flex;gap:5px}#chatForm input{width:145px;padding:7px;font-size:11px}#chatForm select{width:65px;padding:4px;font-size:9px}#chatForm button{font-size:9px;background:#203e38;border:1px solid #486653;border-radius:7px}dialog{max-width:min(560px,94vw);max-height:85vh;overflow:auto;background:#0f1c30;color:#d9e7fa;border:1px solid #496585;border-radius:16px;padding:25px}dialog::backdrop{background:#000b}dialog p{font-size:12px;color:#9db3cc}dialog button{background:#254133;color:#b6f6a0;border:1px solid #4b6757;padding:9px;border-radius:8px;cursor:pointer}dialog button:disabled{opacity:.4}.quest-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;padding:14px 0;border-bottom:1px solid #2a3b54}@media(max-width:650px){#chatBox{left:12px;bottom:260px;width:240px}#chatMessages{height:70px}#chatForm input{width:100px}#chatForm select{width:55px}.account-nav span{width:100%}}
#connectionBadge{position:fixed;right:26px;top:61px;z-index:7;display:flex;gap:8px;align-items:center;font-size:10px;color:#a5ff74;background:#102133ed;border:1px solid #33485e;border-radius:8px;padding:7px 10px;pointer-events:auto}#connectionBadge[data-state=reconnecting],#connectionBadge[data-state=connecting]{color:#ffd17d}#connectionBadge[data-state=offline]{color:#ff9cae}#retryConnection{background:#283d53;border:1px solid #4f6c88;border-radius:5px;color:inherit;padding:4px 7px;font-size:9px}#joystick{display:none;position:fixed;left:24px;bottom:35px;width:116px;height:116px;border-radius:50%;background:#102b4266;border:2px solid #69dbff60;z-index:12;touch-action:none;user-select:none;align-items:center;justify-content:center;box-shadow:inset 0 0 24px #69dbff0a}#joystick:before{content:'HAREKET';position:absolute;top:-22px;color:#9bb8cc;font-size:9px;letter-spacing:2px}#joystickKnob{width:45px;height:45px;border-radius:50%;background:#69dbff66;border:2px solid #a5eaff;box-shadow:0 0 20px #69dbff20;pointer-events:none}#joystick.dragging{border-color:#a5ff74}#joystick.dragging #joystickKnob{border-color:#a5ff74;background:#a5ff7455}@media(pointer:coarse){#joystick:not([hidden]){display:flex}.controls{left:auto;right:12px;transform:none;bottom:32px;max-width:calc(100vw - 165px);flex-wrap:wrap;white-space:normal}.controls button{min-width:52px;min-height:45px}#settingsOpen{bottom:8px}#adminLink{bottom:8px}#chatBox{bottom:255px}#map{bottom:160px}#spectatorBar{bottom:100px}}@media(max-width:650px){#connectionBadge{top:53px;right:12px;font-size:9px}}
#roomTitleBar{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:6;text-align:center;max-width:45vw;background:#081422dc;border:1px solid #3a5d4c;border-radius:13px;padding:10px 25px;pointer-events:none}#roomTitle{display:block;font-size:22px;font-weight:700;letter-spacing:3px;color:#d7ffc1;overflow-wrap:anywhere;line-height:1.2}#roomCountdown{display:block;font-size:30px;font-variant-numeric:tabular-nums;font-weight:700;color:#a5ff74;margin-top:4px}#roomTitleBar small{display:block;color:#8b9fb8;font-size:8px;letter-spacing:2px}#roomTitleBar[data-ending=true] #roomCountdown{color:#ffbd76}@media(max-width:650px){#roomTitleBar{top:9px;padding:6px 12px;max-width:50vw}#roomTitle{font-size:12px;letter-spacing:1.5px}#roomCountdown{font-size:22px}#roomTitleBar small{font-size:6px}}