:root{--bg-deep: #070b19;--cyan-glow: #00f0ff;--magenta-glow: #ff007f;--yellow-glow: #ffe600;--green-glow: #39ff14;--text-main: #f0f4ff;--text-dim: #8b9bb4;--glass-bg: rgba(13, 20, 38, .78);--glass-border: rgba(0, 240, 255, .35);--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-sans)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:18px 24px}.hud-interactive{pointer-events:auto}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.hud-brand{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:8px 16px;box-shadow:0 4px 20px #00f0ff26}.hud-brand .cat-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--cyan-glow))}.hud-brand .brand-text{font-family:var(--font-mono);font-weight:700;letter-spacing:1px}.hud-brand .brand-text span{color:var(--cyan-glow)}.hud-brand-btn{display:flex;align-items:center;gap:12px;background:transparent;border:none;padding:0;color:inherit;cursor:pointer;text-align:left;outline:none}.hud-online-chip{display:inline-flex;align-items:center;background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:8px;padding:3px 8px;color:#10b981;font-family:var(--font-mono, monospace);font-size:11px;cursor:pointer;transition:all .2s ease;white-space:nowrap;outline:none}.hud-online-chip:hover{background:#10b98147;border-color:#10b981;box-shadow:0 0 10px #10b98166;transform:translateY(-1px)}.hud-stats{display:flex;gap:12px;align-items:center}.stat-pill{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:8px 14px;font-family:var(--font-mono);font-size:13px;display:flex;align-items:center;gap:8px}.purr-container{display:flex;align-items:center;gap:8px;min-width:140px}.purr-bar{flex-grow:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(0,240,255,.2)}.purr-fill{height:100%;width:25%;background:linear-gradient(90deg,var(--cyan-glow),var(--magenta-glow));box-shadow:0 0 8px var(--cyan-glow);transition:width .3s ease}.hud-actions{display:flex;gap:8px;pointer-events:auto}.hud-btn{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-main);border-radius:10px;padding:8px 14px;font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:all .2s ease;pointer-events:auto}.hud-btn:hover{background:#00f0ff33;border-color:var(--cyan-glow);box-shadow:0 0 12px #00f0ff4d;transform:translateY(-1px)}.hud-btn-settings{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;min-width:38px}.hud-btn-settings .btn-icon{font-size:15px;line-height:1}.room-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.room-feature-card{display:flex;align-items:flex-start;gap:10px;background:#0f172a73;border:1px solid rgba(0,240,255,.15);border-radius:8px;padding:10px 12px}.room-feature-card .feature-icon{font-size:20px;line-height:1;flex-shrink:0}.room-feature-card h5{margin:0 0 4px;font-family:var(--font-mono, monospace);font-size:12px;color:#38bdf8}.room-feature-card p{margin:0;font-size:11px;color:#94a3b8;line-height:1.3}.interaction-prompt{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:#0d1426e6;backdrop-filter:blur(12px);border:1px solid var(--cyan-glow);border-radius:24px;padding:10px 24px;font-family:var(--font-mono);font-size:14px;color:var(--cyan-glow);box-shadow:0 0 20px #00f0ff4d;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:auto;cursor:pointer}.interaction-prompt.visible{opacity:1}.interaction-prompt .key-badge{background:var(--cyan-glow);color:#070b19;font-weight:700;border-radius:4px;padding:2px 6px;font-size:12px}.hud-bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;width:100%}.control-hints{background:#0d1426b3;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);white-space:nowrap}.control-hints kbd{background:#ffffff26;color:var(--text-main);padding:2px 5px;border-radius:3px;margin:0 2px;white-space:nowrap}.laser-hint-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.laser-hint{font-family:var(--font-mono);font-size:11px;color:#f57;white-space:nowrap}.laser-text-short{display:none}@media(max-width:1200px){.hint-desktop-only,.laser-text-full{display:none}.laser-text-short{display:inline}.control-hints{font-size:11px;padding:5px 10px}}@media(max-width:960px){.laser-hint{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;background:#050812d1;backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;padding:20px}.modal-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.modal-overlay:not(.active){pointer-events:none!important;visibility:hidden!important}.modal-overlay:not(.active) *{pointer-events:none!important;visibility:hidden!important}body.modal-open .touch-container,body.modal-open .dialogue-box-container,body.modal-open .waypoint-indicator{pointer-events:none!important}.modal-content{background:#0c1224;border:1px solid var(--cyan-glow);border-radius:16px;max-width:720px;width:100%;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,240,255,.4) transparent;box-shadow:0 10px 40px #00f0ff40,inset 0 0 20px #00f0ff0d;position:relative;display:flex;flex-direction:column}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#00f0ff66;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--cyan-glow);box-shadow:0 0 8px var(--cyan-glow)}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,240,255,.2);display:flex;justify-content:space-between;align-items:center}.modal-title-box{display:flex;align-items:center;gap:12px}.modal-badge{background:#00f0ff26;border:1px solid var(--cyan-glow);color:var(--cyan-glow);font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;text-transform:uppercase}.modal-title{font-family:var(--font-mono);font-size:20px;color:#fff;letter-spacing:.5px}.modal-close-btn{background:transparent;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--magenta-glow)}.modal-body{padding:24px;line-height:1.6;color:#d1dcfa;font-size:15px}.modal-body p{margin-bottom:16px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.card{background:#121930d9;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--cyan-glow);transform:translateY(-2px)}.card h4{font-family:var(--font-mono);color:var(--cyan-glow);margin-bottom:8px;font-size:16px}.card p{font-size:13px;color:var(--text-dim);margin-bottom:12px}.card .tags{display:flex;flex-wrap:wrap;gap:6px}.card .tag{background:#00f0ff1a;border:1px solid rgba(0,240,255,.25);color:var(--cyan-glow);font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:3px}.card .card-link{display:inline-block;margin-top:10px;color:var(--magenta-glow);font-family:var(--font-mono);font-size:13px;text-decoration:none;font-weight:700}.card .card-link:hover{text-decoration:underline}.modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-family:var(--font-mono);color:var(--text-dim)}.modal-footer a{color:var(--cyan-glow);text-decoration:none}.modal-footer a:hover{text-decoration:underline}.touch-container{position:absolute;bottom:24px;left:24px;right:24px;display:none;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:20}.touch-joystick{width:120px;height:120px;background:#00f0ff1f;border:2px solid rgba(0,240,255,.4);border-radius:50%;position:relative;pointer-events:auto;touch-action:none}.touch-knob{width:50px;height:50px;background:var(--cyan-glow);box-shadow:0 0 15px var(--cyan-glow);border-radius:50%;position:absolute;top:35px;left:35px;pointer-events:none}.touch-buttons{display:flex;gap:14px;pointer-events:auto}.touch-btn{width:60px;height:60px;border-radius:50%;background:#0d1426d9;border:2px solid var(--magenta-glow);color:#fff;font-family:var(--font-mono);font-size:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 12px #ff007f4d;cursor:pointer;touch-action:none}.touch-btn:active{background:var(--magenta-glow);transform:scale(.92)}.hud-btn-warp{border-color:#06b6d4!important;color:#38bdf8!important;background:#06b6d426!important}.hud-btn-warp:hover{background:#06b6d459!important;box-shadow:0 0 14px #06b6d499!important}.teleport-dialog{max-width:680px;width:92vw;background:#0b1329f2;border:1px solid rgba(6,182,212,.4);box-shadow:0 0 35px #06b6d440,0 10px 40px #000000b3;border-radius:14px}.teleport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:8px 0}.teleport-card{background:#121c36bf;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.teleport-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, #06b6d4);box-shadow:0 0 10px var(--accent, #06b6d4)}.teleport-card:hover{transform:translateY(-2px);border-color:var(--accent, #06b6d4);background:#182648d9;box-shadow:0 6px 20px #0006}.teleport-card.current-map{border-color:#10b981;background:#10b98114}.teleport-card.current-map:before{background:#10b981;box-shadow:0 0 12px #10b981}.teleport-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.teleport-card-icon{font-size:28px}.teleport-card-titles{display:flex;flex-direction:column;gap:2px}.teleport-card-title{font-family:var(--font-mono);font-size:15px;font-weight:700;color:#f8fafc}.teleport-card-badge{font-family:var(--font-mono);font-size:10px;padding:2px 6px;border:1px solid;border-radius:4px;display:inline-block;width:fit-content;letter-spacing:.5px}.teleport-card-desc{font-size:12px;color:#94a3b8;line-height:1.4;margin:6px 0 14px;flex-grow:1}.teleport-card-footer{display:flex;justify-content:flex-end}.teleport-warp-btn{background:var(--accent, #06b6d4);color:#0b1329;font-family:var(--font-mono);font-size:12px;font-weight:700;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%}.teleport-warp-btn:hover{filter:brightness(1.15);box-shadow:0 0 12px var(--accent, #06b6d4);transform:scale(1.02)}.teleport-status-badge{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#10b981;padding:6px 12px;background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:6px;width:100%;text-align:center}.teleport-hint{font-size:12px;color:#64748b;font-family:var(--font-mono)}.teleport-hint code{color:#38bdf8;background:#06b6d41a;padding:2px 6px;border-radius:4px}.story-objective-banner{background:#0f172ad9;backdrop-filter:blur(12px);border:1px solid rgba(6,182,212,.5);border-radius:12px;padding:10px 18px;max-width:480px;margin-top:10px;box-shadow:0 4px 20px #06b6d433;pointer-events:auto;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.story-objective-banner:hover{border-color:#00f0ff;box-shadow:0 6px 25px #00f0ff59}.story-quest-header{display:flex;align-items:center;justify-content:space-between;gap:10px;user-select:none}.story-quest-header-left{display:flex;align-items:center;gap:8px;flex-grow:1;overflow:hidden}.quest-pill-icon{font-size:14px;filter:drop-shadow(0 0 6px #06b6d4)}.story-quest-title{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#06b6d4;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-toggle-btn{background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#00f0ff;font-size:11px;border-radius:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.quest-toggle-btn:hover{background:#06b6d44d;box-shadow:0 0 8px #00f0ff}.story-quest-desc{font-size:12px;color:#e2e8f0;line-height:1.4;margin-top:4px;transition:all .25s ease}.story-objective-banner.collapsed{padding:6px 14px;max-width:340px;border-radius:20px;background:#0f172ab8;box-shadow:0 2px 10px #06b6d426}.story-objective-banner.collapsed .story-quest-desc{opacity:0;max-height:0;margin-top:0;overflow:hidden;pointer-events:none}.story-objective-banner.collapsed .quest-toggle-btn{transform:rotate(-90deg)}.story-objective-banner.expanded .story-quest-desc{opacity:1;max-height:90px}.story-objective-banner.expanded .quest-toggle-btn{transform:rotate(0)}.map-badge{font-family:var(--font-mono);font-size:10px;color:#f43f5e;text-transform:uppercase;letter-spacing:.8px}.online-badge{font-family:var(--font-mono);font-size:9px;color:#10b981;letter-spacing:.5px;margin-top:1px}.stat-bars-container{display:flex;flex-direction:column;gap:4px;min-width:130px}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{font-family:var(--font-mono);font-size:10px;font-weight:700;color:#94a3b8;width:24px}.meter-bar{flex-grow:1;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.hp-bar .meter-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);box-shadow:0 0 6px #10b981;transition:width .25s ease}.nrg-bar .meter-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#a855f7);box-shadow:0 0 6px #a855f7;transition:width .25s ease}.dialogue-box-container{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(30px);max-width:650px;width:90%;z-index:60;opacity:0;pointer-events:none;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.dialogue-box-container.visible{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%) translateY(0)}.dialogue-box-container:not(.visible){pointer-events:none!important;visibility:hidden!important}.dialogue-box-container:not(.visible) *{pointer-events:none!important}.dialogue-card{background:#0f172af0;backdrop-filter:blur(16px);border:1px solid #06b6d4;border-radius:16px;padding:18px 22px;display:flex;gap:16px;box-shadow:0 10px 40px #06b6d44d}.dialogue-avatar{font-size:38px;width:58px;height:58px;background:#06b6d426;border:1px solid #06b6d4;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dialogue-content{flex-grow:1}.dialogue-speaker{font-family:var(--font-mono);font-size:13px;color:#06b6d4;font-weight:700;text-transform:uppercase;margin-bottom:6px}.dialogue-text{font-size:14px;line-height:1.5;color:#f8fafc;margin-bottom:14px}.dialogue-choices{display:flex;gap:10px}.dialogue-choice-btn{background:#06b6d4;color:#0f172a;border:none;border-radius:8px;padding:8px 16px;font-family:var(--font-mono);font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s,background .15s}.dialogue-choice-btn:hover{background:#22d3ee;transform:translateY(-2px)}.profile-edit-section{display:flex;flex-direction:column;gap:12px;width:100%}.name-edit-row{display:flex;gap:8px;width:100%}.cyber-input{flex:1;background:#0f172ad9;border:1px solid rgba(6,182,212,.4);color:#f1f5f9;border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.cyber-input:focus{border-color:#00f0ff;box-shadow:0 0 8px #00f0ff59}.color-picker-label{font-family:var(--font-mono);font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.palette-picker{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.palette-chip{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.palette-chip:hover{transform:scale(1.15);box-shadow:0 0 10px var(--chip-color)}.palette-chip.selected{border-color:#fff;transform:scale(1.2);box-shadow:0 0 14px var(--chip-color)}.skin-picker-grid,.breed-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:8px;width:100%}.breed-chip{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#0f172ab3;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#cbd5e1;font-family:inherit;font-size:12px;cursor:pointer;transition:all .18s ease;text-align:left}.breed-chip:hover{background:#1e293be6;border-color:#00f0ff80;transform:translateY(-1px)}.breed-chip.selected{background:#00f0ff2e;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff59;color:#fff;font-weight:600}.breed-chip-header{display:flex;align-items:center;gap:6px}.breed-chip-origin{font-size:9px;color:#64748b;font-family:var(--font-mono, monospace)}.skin-chip{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#0f172ab3;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#cbd5e1;font-family:inherit;font-size:12px;cursor:pointer;transition:all .18s ease;text-align:left}.skin-chip:hover{background:#1e293be6;border-color:#00f0ff80;transform:translateY(-1px)}.skin-chip.selected{background:#00f0ff2e;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff59;color:#fff;font-weight:600}.skin-chip-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.skin-chip-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card{display:grid;grid-template-columns:210px 1fr;align-items:start;gap:18px}@media(max-width:640px){.profile-card{grid-template-columns:1fr}}.cat-preview-panel{display:flex;flex-direction:column;width:100%}.cat-preview-frame{position:relative;width:100%;aspect-ratio:1 / 1;max-height:200px;background:radial-gradient(circle at center,#00f0ff1f,#0f172ad9 75%);border:1px solid rgba(0,240,255,.35);border-radius:12px;box-shadow:0 0 20px #00f0ff26 inset,0 4px 16px #00000080;overflow:hidden;display:flex;align-items:center;justify-content:center}.cat-preview-img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.7));transition:opacity .15s ease;user-select:none}.cat-preview-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00f0ff0d 50%);background-size:100% 4px;pointer-events:none;z-index:2}.cat-preview-glow-badge{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:6px;background:#0a0f1de0;border:1px solid rgba(255,255,255,.15);padding:3px 8px;border-radius:10px;font-size:10px;font-family:var(--font-mono, monospace);color:#cbd5e1;backdrop-filter:blur(8px);z-index:3}.glow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cat-preview-meta{margin-top:10px;display:flex;flex-direction:column;gap:3px}.cat-preview-header-label{font-size:9px;font-weight:700;color:#64748b;letter-spacing:.8px;font-family:var(--font-mono, monospace)}.cat-preview-skin-title{font-size:13px;font-weight:700;color:#00f0ff;letter-spacing:.4px}.cat-preview-skin-desc{font-size:11px;color:#94a3b8;line-height:1.35}.cat-preview-breed-trait{font-size:10px;color:#38bdf8;font-family:var(--font-mono, monospace);margin-top:4px;background:#06b6d41f;border:1px solid rgba(6,182,212,.25);padding:4px 7px;border-radius:6px;line-height:1.3}.players-list-container{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.player-row{display:flex;align-items:center;gap:10px;background:#0f172aa6;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:8px 12px;font-family:var(--font-mono);font-size:13px}.player-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.player-name{color:#f8fafc;font-weight:600;flex:1}.self-tag{background:#10b98133;color:#10b981;font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.remote-tag{background:#38bdf833;color:#38bdf8;font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.alone-hint{font-size:12px;color:#64748b;font-style:italic;padding:8px 4px}.badge-count{background:#10b98133;color:#10b981;font-size:10px;padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.online-badge{cursor:pointer;user-select:none;transition:transform .15s,opacity .15s}.online-badge:hover{transform:translateY(-1px);opacity:.85}.cyber-chatbox{position:absolute;bottom:74px;left:20px;width:320px;max-width:calc(100vw - 40px);z-index:100;display:flex;flex-direction:column;gap:6px;pointer-events:auto;transition:bottom .25s cubic-bezier(.16,1,.3,1),opacity .3s ease}body.hints-hidden .cyber-chatbox{bottom:20px}.chat-mobile-bar,.camera-mobile-reset-btn{display:none}.chat-drawer-wrap{display:flex;flex-direction:column;gap:6px}.chat-messages-container{display:flex;flex-direction:column;gap:4px;max-height:140px;overflow-y:auto;padding:4px 6px;scrollbar-width:none;transition:background .25s ease,box-shadow .25s ease}.chat-messages-container::-webkit-scrollbar{display:none}.chat-msg-row{background:#070b19bf;backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.15);border-radius:6px;padding:4px 8px;font-family:var(--font-mono);font-size:11px;line-height:1.35;transition:opacity .25s ease,background .2s ease,border-color .2s ease;word-break:break-word;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.chat-msg-content{flex:1;min-width:0;word-break:break-word}.chat-copy-btn{background:#0f172a99;border:1px solid rgba(56,189,248,.2);color:#94a3b8;font-size:10px;padding:1px 4px;border-radius:4px;cursor:pointer;flex-shrink:0;opacity:.5;transition:all .2s ease;line-height:1.2;margin-top:1px}.chat-msg-row:hover .chat-copy-btn{opacity:1;border-color:#38bdf873}.chat-copy-btn:hover{color:#38bdf8;background:#38bdf833;border-color:var(--cyan-glow, #00f0ff);transform:scale(1.05)}.chat-copy-btn.copied{color:#34d399!important;background:#34d39933!important;border-color:#34d399!important;opacity:1!important}.chat-msg-row.faded{opacity:.35}.cyber-chatbox:hover .chat-msg-row,.cyber-chatbox.focused .chat-msg-row{opacity:1;background:#070b19e0;border-color:#38bdf84d}.cyber-chatbox:hover .chat-messages-container{background:#070b1980;border-radius:8px;box-shadow:0 0 16px #00f0ff1a}.chat-timestamp{color:#64748b;font-size:.9em;margin-right:5px;font-weight:500}.cyber-chatbox.chat-size-small{width:280px}.cyber-chatbox.chat-size-small .chat-msg-row{font-size:10px;padding:3px 6px}.cyber-chatbox.chat-size-small .chat-messages-container{max-height:120px}.cyber-chatbox.chat-size-normal{width:330px}.cyber-chatbox.chat-size-normal .chat-msg-row{font-size:12px;padding:4px 8px}.cyber-chatbox.chat-size-normal .chat-messages-container{max-height:150px}.cyber-chatbox.chat-size-large{width:390px}.cyber-chatbox.chat-size-large .chat-msg-row{font-size:14px;padding:6px 10px}.cyber-chatbox.chat-size-large .chat-messages-container{max-height:190px}.cyber-chatbox.chat-size-xlarge{width:440px}.cyber-chatbox.chat-size-xlarge .chat-msg-row{font-size:16px;padding:7px 11px}.cyber-chatbox.chat-size-xlarge .chat-messages-container{max-height:230px}.cyber-chatbox.chat-size-huge{width:490px}.cyber-chatbox.chat-size-huge .chat-msg-row{font-size:18px;padding:8px 12px}.cyber-chatbox.chat-size-huge .chat-messages-container{max-height:270px}.chat-sender{font-weight:700;margin-right:6px}.chat-text{color:#f1f5f9}.chat-quick-actions{display:flex;gap:4px;flex-wrap:wrap;opacity:.8;transition:opacity .2s}.cyber-chatbox:hover .chat-quick-actions,.cyber-chatbox.focused .chat-quick-actions{opacity:1}.quick-chat-btn{background:#0f172acc;border:1px solid rgba(6,182,212,.3);color:#38bdf8;border-radius:999px;padding:2px 8px;font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:transform .1s,background .1s}.quick-chat-btn:hover{background:#06b6d433;transform:scale(1.05)}.chat-input-bar{position:relative!important;display:flex;gap:4px;background:#070b19d9;backdrop-filter:blur(10px);border:1px solid rgba(6,182,212,.35);border-radius:8px;padding:4px 6px}.cyber-chatbox.focused .chat-input-bar{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff40}.chat-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-mono);font-size:11px}.chat-input::placeholder{color:#64748b}.chat-send-btn .send-icon{display:none}.chat-send-btn{background:#06b6d4;border:none;color:#070b19;border-radius:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 10px;cursor:pointer}.chat-send-btn:hover{background:#22d3ee}.respawn-alert{position:absolute;top:75px;left:50%;transform:translate(-50%) translateY(-20px) scale(.95);background:#1a0a1ee6;backdrop-filter:blur(16px);border:2px solid #ff007f;border-radius:14px;padding:10px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 0 25px #ff007f8c,inset 0 0 15px #ff007f33;z-index:100;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.respawn-alert.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1);animation:pulse-border 1.2s infinite alternate}@keyframes pulse-border{0%{box-shadow:0 0 18px #ff007f66,inset 0 0 10px #ff007f26}to{box-shadow:0 0 32px #ff007fcc,inset 0 0 20px #ff007f59}}.respawn-alert-icon{font-size:22px;animation:bounce-icon .6s infinite alternate ease-in-out}@keyframes bounce-icon{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.respawn-alert-text{font-family:var(--font-mono, monospace);font-weight:700;font-size:14px;color:#ffb3d9;text-shadow:0 0 8px rgba(255,0,127,.6)}.respawn-alert-btn{background:linear-gradient(135deg,#ff007f,#a855f7);border:1px solid #ffffff;color:#fff;border-radius:8px;padding:8px 16px;font-family:var(--font-mono, monospace);font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 0 12px #ff007f99;transition:all .2s ease}.respawn-alert-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ff007fe6;background:linear-gradient(135deg,#f39,#c084fc)}.respawn-toast{position:absolute;top:130px;left:50%;transform:translate(-50%) translateY(-15px) scale(.9);background:#061e30eb;backdrop-filter:blur(16px);border:1.5px solid #00f0ff;border-radius:12px;padding:10px 24px;font-family:var(--font-mono, monospace);font-size:13px;font-weight:700;color:#cffafe;text-shadow:0 0 10px rgba(0,240,255,.7);box-shadow:0 0 30px #00f0ff73;z-index:99;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.respawn-toast.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.hud-btn-respawn{border-color:#00f0ff99!important;color:#67e8f9!important}.hud-btn-respawn:hover{background:#00f0ff33!important;border-color:#00f0ff!important;box-shadow:0 0 14px #00f0ff66!important}.waypoint-indicator{position:absolute;top:0;left:0;pointer-events:none;z-index:45;opacity:0;transform:translate(-100px,-100px);transition:opacity .25s ease}.waypoint-indicator.visible{opacity:1}.waypoint-arrow{position:absolute;top:-24px;left:50%;margin-left:-7px;color:#00f0ff;font-size:14px;filter:drop-shadow(0 0 6px #00f0ff);transition:transform .1s linear}.waypoint-badge{background:#0d1426e0;backdrop-filter:blur(12px);border:1px solid #00f0ff;border-radius:16px;padding:5px 12px;display:flex;align-items:center;gap:6px;box-shadow:0 0 15px #00f0ff59;font-family:var(--font-mono, monospace);white-space:nowrap}.waypoint-icon{font-size:14px}.waypoint-name{font-size:11px;font-weight:700;color:#e0f2fe}.waypoint-dist{font-size:11px;font-weight:700;color:#38bdf8;background:#38bdf833;border-radius:8px;padding:1px 6px}.waypoint-indicator.arrived .waypoint-badge{border-color:#10b981;box-shadow:0 0 20px #10b981}.waypoint-indicator.arrived .waypoint-dist{color:#10b981;background:#10b98133}.floating-score-pill{position:absolute;transform:translate(-50%,-50%);background:#0f172ae6;backdrop-filter:blur(8px);border:1px solid #00f0ff;border-radius:12px;padding:4px 10px;font-family:var(--font-mono, monospace);font-size:12px;font-weight:700;white-space:nowrap;animation:float-rise 1.2s forwards cubic-bezier(.16,1,.3,1)}@keyframes float-rise{0%{opacity:0;transform:translate(-50%,-10px) scale(.85)}20%{opacity:1;transform:translate(-50%,-25px) scale(1.05)}to{opacity:0;transform:translate(-50%,-65px) scale(1)}}.victory-overlay{position:fixed;inset:0;background:#070b19eb;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:20px}.victory-overlay.visible{opacity:1;pointer-events:auto}.victory-card{background:#0f172af5;border:2px solid #fbbf24;border-radius:20px;padding:32px 36px;max-width:580px;width:100%;text-align:center;box-shadow:0 0 50px #fbbf2466;animation:scale-up .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes scale-up{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.victory-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b4b;font-family:var(--font-mono, monospace);font-weight:800;font-size:13px;letter-spacing:1px;padding:6px 16px;border-radius:20px;margin-bottom:14px}.victory-title{font-family:var(--font-mono, monospace);font-size:26px;font-weight:800;color:#f8fafc;letter-spacing:1px;margin-bottom:8px}.victory-desc{font-size:14px;color:#94a3b8;line-height:1.5;margin-bottom:24px}.victory-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.vstat-item{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.vstat-label{font-family:var(--font-mono, monospace);font-size:11px;color:#64748b;font-weight:700}.vstat-val{font-family:var(--font-mono, monospace);font-size:18px;font-weight:800;color:#38bdf8}.victory-reward-card{display:flex;align-items:center;gap:16px;background:#fbbf241f;border:1px solid rgba(251,191,36,.4);border-radius:14px;padding:12px 18px;text-align:left;margin-bottom:28px}.reward-icon{font-size:32px;filter:drop-shadow(0 0 10px #fbbf24)}.reward-title{font-family:var(--font-mono, monospace);font-weight:700;font-size:14px;color:#fef08a}.reward-sub{font-size:12px;color:#cbd5e1}.victory-actions{display:flex;gap:14px;justify-content:center;margin-bottom:18px}.vbtn{padding:12px 24px;border-radius:12px;font-family:var(--font-mono, monospace);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.vbtn-primary{background:linear-gradient(135deg,#00f0ff,#0284c7);border:1px solid #ffffff;color:#042f2e;box-shadow:0 0 15px #00f0ff80}.vbtn-primary:hover{transform:scale(1.04);box-shadow:0 0 25px #00f0ffcc}.vbtn-secondary{background:#0f172acc;border:1px solid rgba(255,255,255,.2);color:#f8fafc}.vbtn-secondary:hover{background:#1e293be6;border-color:#00f0ff}.victory-footer{font-size:11px;font-family:var(--font-mono, monospace);color:#64748b}.victory-footer a{color:#38bdf8;text-decoration:none}.settings-modal-content,.room-modal-content{max-width:580px!important;width:92vw;border-radius:14px}.settings-modal-content .modal-header,.room-modal-content .modal-header{padding:12px 18px}.settings-modal-content .modal-body,.room-modal-content .modal-body{padding:12px 18px;gap:8px}.settings-modal-content .modal-footer,.room-modal-content .modal-footer{padding:8px 18px}.settings-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:580px){.settings-grid-2col{grid-template-columns:1fr}}.settings-modal-body{display:flex;flex-direction:column;gap:8px}.settings-subtitle{color:#94a3b8;font-family:var(--font-mono, "Courier New", monospace);font-size:13px;margin:0 0 8px}.settings-card{display:flex;justify-content:space-between;align-items:center;background:#0f172abf;border:1px solid rgba(0,240,255,.2);border-radius:12px;padding:14px 16px;gap:16px;transition:border-color .2s}.settings-card.compact{padding:8px 12px;gap:8px;border-radius:10px}.settings-card.compact .settings-card-header{gap:8px;min-width:0;flex:1}.settings-card.compact .settings-card-icon{font-size:18px;flex-shrink:0}.settings-card.compact h4{font-size:11.5px;margin:0;line-height:1.25}.settings-card.compact .settings-card-action{flex-shrink:0}.settings-card.compact .settings-btn.mini,.settings-card.compact .settings-dropdown.mini{min-width:82px;padding:4px 8px;font-size:10.5px;flex-shrink:0}.settings-card-col{flex-direction:column;align-items:stretch}.settings-card-sub{font-size:10px;color:#94a3b8;margin:2px 0 0;line-height:1.2}.room-status-badge{display:inline-block;font-size:9px;padding:1px 6px;border-radius:4px;font-weight:700;margin-left:6px;vertical-align:middle}.room-status-badge.private{background:#00f0ff33;color:#00f0ff;border:1px solid rgba(0,240,255,.5)}.room-status-badge.public{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.4)}.settings-card:hover{border-color:#00f0ff66}.settings-card-header{display:flex;align-items:center;gap:14px}.settings-card-icon{font-size:26px;flex-shrink:0}.settings-card-header h4{margin:0 0 4px;font-family:var(--font-mono, "Courier New", monospace);color:#f1f5f9;font-size:14px}.settings-card-header p{margin:0;font-size:12px;color:#94a3b8;line-height:1.4}.settings-card-action{flex-shrink:0}.settings-dropdown{background:#0d1426f2;border:1px solid var(--cyan-glow, #00f0ff);color:#f8fafc;border-radius:8px;padding:8px 12px;font-family:var(--font-mono, "Courier New", monospace);font-size:13px;outline:none;cursor:pointer;min-width:160px}.settings-dropdown option{background:#0d1426;color:#f8fafc;padding:6px}.settings-btn{background:#00f0ff26;border:1px solid var(--cyan-glow, #00f0ff);color:#f8fafc;border-radius:8px;padding:8px 16px;font-family:var(--font-mono, "Courier New", monospace);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:150px;text-align:center}.settings-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #00f0ff4d}.settings-btn.active{background:#10b98133;border-color:#10b981;color:#34d399}.settings-btn.muted{background:#f43f5e33;border-color:#f43f5e;color:#fb7185}.settings-btn.respawn-btn{background:#38bdf826;border-color:#38bdf8;color:#38bdf8}.settings-btn.respawn-btn:hover{background:#38bdf84d;box-shadow:0 0 12px #38bdf866}.settings-controls-details{margin-top:4px;background:#0f172a8c;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;transition:all .2s ease}.settings-controls-details[open]{border-color:#00f0ff4d}.settings-controls-summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;font-family:var(--font-mono, "Courier New", monospace);font-size:12px;font-weight:600;color:#e2e8f0;outline:none;list-style:none}.settings-controls-summary::-webkit-details-marker{display:none}.details-chevron{font-size:10px;color:var(--cyan-glow, #00f0ff);transition:transform .2s ease}.settings-controls-details[open] .details-chevron{transform:rotate(180deg)}.settings-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px;margin-top:8px}.ctrl-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;padding:4px 8px;border-radius:4px;font-family:var(--font-mono, "Courier New", monospace);font-size:11px;color:#cbd5e1}.ctrl-row kbd{background:#00f0ff26;border:1px solid rgba(0,240,255,.35);color:#00f0ff;padding:1px 5px;border-radius:4px;font-size:10px}.room-card-block{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.room-card-block .settings-card-header{width:100%;border-bottom:1px solid rgba(0,240,255,.15);padding-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:12px}.room-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.room-header-badges{flex-shrink:0}.room-card-content{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.room-link-section,.settings-create-room-group{display:flex;flex-direction:column;gap:6px;width:100%}.settings-room-input{background:#0d1426f2;border:1px solid rgba(0,240,255,.35);color:#00f0ff;border-radius:6px;padding:6px 10px;font-family:var(--font-mono, monospace);font-size:11px;width:100%;box-sizing:border-box;text-overflow:ellipsis;outline:none}.settings-room-buttons{display:flex;gap:8px;width:100%}.settings-room-buttons .settings-btn{min-width:auto;flex:1;padding:6px 12px;font-size:12px}@media(max-width:768px){.room-header-left{min-width:0}.settings-chat-controls{width:100%;min-width:0}}.chat-card-block{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.chat-card-block .settings-card-header{width:100%;border-bottom:1px solid rgba(0,240,255,.15);padding-bottom:5px;gap:8px}.chat-card-block .settings-card-header h4{font-size:12px;margin:0}.settings-chat-controls{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}.settings-chat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;width:100%;box-sizing:border-box;margin-top:2px}@media(max-width:520px){.settings-chat-grid{grid-template-columns:1fr;gap:6px}}.chat-setting-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-mono, monospace);font-size:11px;color:#cbd5e1;min-width:0;box-sizing:border-box}.chat-setting-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chat-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono, monospace);font-size:12px;color:#cbd5e1}.chat-setting-row span{flex:1}.settings-btn.mini,.settings-dropdown.mini{min-width:85px;padding:4px 8px;font-size:11px}.settings-btn.micro{min-width:65px;padding:3px 6px;font-size:10px;border-radius:4px;flex-shrink:0}.settings-dropdown.micro{min-width:75px;max-width:95px;padding:3px 6px;font-size:10px;border-radius:4px;flex-shrink:0;box-sizing:border-box}.hud-brand.hud-brand-btn{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:8px 16px;box-shadow:0 4px 20px #00f0ff26;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left;color:inherit;outline:none}.hud-brand.hud-brand-btn:hover{background:#0f172ae6;border-color:var(--cyan-glow, #00f0ff);box-shadow:0 0 25px #00f0ff59;transform:translateY(-2px)}.hud-brand.hud-brand-btn:active{transform:translateY(0)}.hud-brand-info{display:flex;flex-direction:column;gap:1px}.session-players-overlay{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:95;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;margin:0!important;min-width:0!important;max-width:240px;cursor:pointer;user-select:none;pointer-events:auto}.session-players-overlay:hover{background:transparent!important;border:none!important;box-shadow:none!important}.session-players-list{display:flex;flex-direction:column;gap:4px}.session-player-item{display:inline-flex;align-items:center;gap:7px;padding:2px 4px;background:transparent!important;border:none!important;border-radius:4px;font-family:var(--font-mono, monospace);font-size:13px;font-weight:700;color:#f8fafc;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.85);transition:transform .15s ease,color .15s ease,text-shadow .15s ease;cursor:pointer}.session-player-item:hover{transform:translate(3px);color:#00f0ff;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 12px rgba(0,240,255,.8)}.session-player-item.self .player-name{color:#fff}.player-color-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.room-password-overlay{z-index:9999;background:#040712d9;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:16px}.room-password-content{width:90%;max-width:440px;background:#090e1f;border:1px solid var(--cyan-glow, #00f0ff);border-radius:14px;box-shadow:0 0 35px #00f0ff4d,inset 0 0 20px #00f0ff0d;padding:24px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.room-auth-header{border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:12px}.room-auth-desc{font-family:var(--font-mono, monospace);font-size:13px;color:#cbd5e1;line-height:1.5;margin:0 0 16px}.room-auth-desc strong{color:var(--cyan-glow, #00f0ff)}.room-auth-form{display:flex;flex-direction:column;gap:12px}.room-auth-input-wrap{width:100%}.room-auth-input{width:100%;padding:10px 14px;font-size:14px;border-radius:8px;border:1px solid rgba(0,240,255,.3);background:#0f172ae6;color:#f8fafc;outline:none;font-family:var(--font-mono, monospace);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.room-auth-input:focus{border-color:var(--cyan-glow, #00f0ff);box-shadow:0 0 15px #00f0ff59}.room-auth-error-msg{font-family:var(--font-mono, monospace);font-size:12px;color:#f43f5e;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);border-radius:6px;padding:8px 12px}.room-auth-error-msg.success{color:#10b981;background:#10b9811f;border-color:#10b9814d}.room-auth-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.room-auth-submit-btn{width:100%;padding:10px 16px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer}.room-auth-leave-btn{width:100%;padding:8px 16px;font-size:12px;border-radius:8px;cursor:pointer;text-align:center}.player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.bottom-bar-hide-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#94a3b8;width:22px;height:22px;min-width:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;cursor:pointer;transition:all .2s ease;margin-left:8px;padding:0}.bottom-bar-hide-btn:hover{background:#f43f5e4d;border-color:#f43f5e;color:#fff;transform:scale(1.15)}@media(max-width:768px){.session-players-overlay{display:none!important}}.chat-input-controls{display:flex;align-items:center;gap:4px}.chat-char-counter{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#64748b;white-space:nowrap;user-select:none;padding:0 4px;letter-spacing:.5px;transition:color .15s ease,text-shadow .15s ease}.chat-char-counter.warning{color:#f59e0b}.chat-char-counter.limit{color:#ff007f;font-weight:700;text-shadow:0 0 6px rgba(255,0,127,.5)}.chat-expand-btn{background:#0f172a99;border:1px solid rgba(6,182,212,.3);color:#00f0ff;border-radius:6px;font-size:11px;padding:2px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-expand-btn:hover{background:#06b6d433;border-color:#00f0ff;box-shadow:0 0 8px #00f0ff59;transform:scale(1.05)}.chat-modal-content{width:90vw;max-width:1400px;height:86vh;max-height:88vh;display:flex;flex-direction:column;padding:22px 26px;background:linear-gradient(135deg,#070b19f5,#0f172af0);border:1px solid rgba(0,240,255,.35);box-shadow:0 0 45px #00f0ff38,0 25px 60px #000000e6;border-radius:16px;box-sizing:border-box}.chat-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;border-bottom:1px solid rgba(0,240,255,.15);padding-bottom:10px}.chat-modal-title-wrap{display:flex;flex-direction:column;gap:2px}.chat-modal-title-wrap .modal-terminal-badge{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#00f0ff;letter-spacing:1.5px;text-shadow:0 0 6px rgba(0,240,255,.5)}.chat-modal-title-wrap .modal-title{font-size:19px;font-weight:800;color:#f8fafc;margin:0;display:flex;align-items:center;gap:8px}.chat-modal-subtitle{font-size:11px;color:#94a3b8;margin:0;font-family:var(--font-mono, "Courier New", monospace)}.chat-modal-header-actions{display:flex;align-items:center;gap:12px}.chat-modal-online-badge{font-family:var(--font-mono, "Courier New", monospace);font-size:11px;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:4px 8px;border-radius:12px;white-space:nowrap}.chat-modal-body{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.chat-modal-messages{flex:1;min-height:0;max-height:none;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#040812a6;border:1px solid rgba(56,189,248,.15);border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) rgba(7,11,25,.5)}.chat-modal-messages::-webkit-scrollbar{width:6px}.chat-modal-messages::-webkit-scrollbar-track{background:#070b1980;border-radius:4px}.chat-modal-messages::-webkit-scrollbar-thumb{background:#06b6d466;border-radius:4px}.chat-modal-messages::-webkit-scrollbar-thumb:hover{background:#00f0ff}.chat-modal-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 10px;background:#0f172a99;border:1px solid rgba(56,189,248,.12);border-radius:8px;font-family:var(--font-mono, "Courier New", monospace);font-size:13px;line-height:1.4;word-break:break-word;transition:all .15s ease}.chat-modal-row:hover{background:#0f172ad9;border-color:#00f0ff4d}.chat-modal-row.self-msg{border-left:3px solid #00f0ff}.chat-modal-row.remote-msg{border-left:3px solid rgba(148,163,184,.4)}.chat-modal-row-content{flex:1;min-width:0;word-break:break-word}.chat-modal-quick-actions{display:flex;flex-wrap:wrap;gap:6px}.chat-modal-input-bar{position:relative!important;display:flex;align-items:center;gap:8px;background:#070b19e6;border:1px solid rgba(0,240,255,.35);border-radius:10px;padding:6px 10px;box-shadow:0 0 12px #00f0ff1a;transition:border-color .2s ease,box-shadow .2s ease}.chat-modal-input-bar:focus-within{border-color:#00f0ff;box-shadow:0 0 14px #00f0ff40}.chat-modal-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:var(--font-mono, "Courier New", monospace);font-size:13px;min-width:0}.chat-modal-input::placeholder{color:#64748b}.chat-modal-send-btn{background:#00f0ff;color:#070b19;border:none;font-family:var(--font-mono, "Courier New", monospace);font-size:11px;font-weight:700;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.chat-modal-send-btn:hover{background:#38bdf8;box-shadow:0 0 10px #38bdf880}@media(max-width:768px){#chat-modal.modal-overlay,#chat-modal-overlay.modal-overlay,.chat-modal-overlay.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;justify-content:center!important;align-items:stretch!important;padding:0!important;margin:0!important;background:#040712fa!important;z-index:10000!important}#chat-modal .modal-content,#chat-modal .chat-modal-content,#chat-modal-overlay .modal-content,#chat-modal-overlay .chat-modal-content,.chat-modal-overlay .modal-content,.chat-modal-overlay .chat-modal-content{width:100vw!important;max-width:100vw!important;min-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;border:none!important;border-radius:0!important;transform:none!important;box-shadow:none!important;margin:0!important;padding:10px 12px!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important}#chat-modal .chat-modal-header,#chat-modal-overlay .chat-modal-header,.chat-modal-overlay .chat-modal-header{margin-bottom:6px;padding-bottom:6px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}#chat-modal .chat-modal-title-wrap,#chat-modal-overlay .chat-modal-title-wrap,.chat-modal-overlay .chat-modal-title-wrap{display:flex;align-items:center;gap:6px;min-width:0}#chat-modal .chat-modal-title-wrap .modal-terminal-badge,#chat-modal .chat-modal-title-wrap .chat-modal-subtitle,#chat-modal-overlay .chat-modal-title-wrap .modal-terminal-badge,#chat-modal-overlay .chat-modal-title-wrap .chat-modal-subtitle,.chat-modal-overlay .chat-modal-title-wrap .modal-terminal-badge,.chat-modal-overlay .chat-modal-title-wrap .chat-modal-subtitle{display:none!important}#chat-modal .chat-modal-title-wrap .modal-title,#chat-modal-overlay .chat-modal-title-wrap .modal-title,.chat-modal-overlay .chat-modal-title-wrap .modal-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chat-modal .chat-modal-header-actions,#chat-modal-overlay .chat-modal-header-actions,.chat-modal-overlay .chat-modal-header-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}#chat-modal .chat-header-btn,#chat-modal-overlay .chat-header-btn,.chat-modal-overlay .chat-header-btn{padding:3px 6px!important;font-size:11px!important}#chat-modal .chat-modal-e2e-badge,#chat-modal-overlay .chat-modal-e2e-badge,.chat-modal-overlay .chat-modal-e2e-badge,#chat-modal .chat-modal-online-badge,#chat-modal-overlay .chat-modal-online-badge,.chat-modal-overlay .chat-modal-online-badge{padding:2px 6px!important;font-size:10px!important}#chat-modal .chat-modal-header-actions .modal-close-btn,#chat-modal-overlay .chat-modal-header-actions .modal-close-btn,.chat-modal-overlay .chat-modal-header-actions .modal-close-btn{width:30px;height:30px;font-size:16px;margin-left:2px;flex-shrink:0}#chat-modal .chat-modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:6px}#chat-modal .chat-modal-messages{flex:1!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;padding:4px 2px}#chat-modal .chat-modal-row{font-size:11px;padding:5px 8px}#chat-modal .chat-modal-quick-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;padding:3px 0;flex-shrink:0}#chat-modal .chat-modal-quick-actions::-webkit-scrollbar{display:none}#chat-modal .chat-modal-quick-actions .quick-chat-btn{flex-shrink:0;padding:3px 8px;font-size:11px}#chat-modal .chat-modal-input-bar{padding:4px 6px;border-radius:8px;flex-shrink:0;margin-top:4px;gap:5px}#chat-modal .chat-modal-input{font-size:13px;padding:6px 8px}#chat-modal .chat-char-counter{font-size:9px}#chat-modal .chat-modal-send-btn{padding:6px 12px;font-size:11px}}.chat-modal-e2e-badge{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.4);padding:4px 8px;border-radius:12px;white-space:nowrap;letter-spacing:.5px;text-shadow:0 0 6px rgba(16,185,129,.4);box-shadow:0 0 8px #10b98133}.chat-e2e-lock{font-size:.9em;margin-right:3px;display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.chat-e2e-lock.locked{filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.chat-text-locked{color:#94a3b8!important;font-style:italic;opacity:.7}.settings-e2e-badge{display:inline-block;margin-top:4px;font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.35);padding:2px 6px;border-radius:4px}.chat-passphrase-toggle-btn{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);padding:4px 8px;border-radius:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.chat-passphrase-toggle-btn:hover{background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.chat-passphrase-drawer{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f172ad9;border:1px solid rgba(245,158,11,.35);border-radius:8px}.chat-passphrase-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-family:var(--font-mono, "Courier New", monospace);font-size:12px}.chat-passphrase-input::placeholder{color:#64748b}.chat-passphrase-apply-btn{background:#f59e0b;color:#070b19;border:none;font-family:var(--font-mono, "Courier New", monospace);font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer}.chat-passphrase-apply-btn:hover{background:#fbbf24}.settings-passphrase-box{margin-top:8px;display:flex;flex-direction:column;gap:4px}.settings-passphrase-label{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#94a3b8}.settings-passphrase-row{display:flex;gap:6px}.chat-header-btn{font-family:var(--font-mono, "Courier New", monospace);font-size:11px;color:#94a3b8;background:#1e293b99;border:1px solid rgba(148,163,184,.25);padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.chat-header-btn:hover{color:#f8fafc;border-color:#38bdf880;background:#38bdf826}.chat-header-btn.danger:hover{color:#f87171;border-color:#ef444480;background:#ef444426}.chat-modal-row.system-msg{justify-content:center;background:#0f172a80;border:1px dashed rgba(148,163,184,.25);border-radius:8px;padding:6px 12px;margin:6px 0}.chat-system-text{font-family:var(--font-mono, "Courier New", monospace);font-size:11px;color:#94a3b8;text-align:center}.chat-inline-unlock-btn{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#f59e0b;border-radius:4px;padding:1px 6px;font-size:11px;cursor:pointer;margin-left:6px;transition:all .15s ease}.chat-inline-unlock-btn:hover{background:#f59e0b66;box-shadow:0 0 8px #f59e0b4d}.chat-modal-badge.e2e-2fa,.chat-modal-e2e-badge.e2e-2fa{color:#10b981!important;border-color:#10b981!important;background:#10b98126!important}.settings-passphrase-active-tag{font-family:var(--font-mono, "Courier New", monospace);font-size:9px;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.4);padding:1px 5px;border-radius:4px;margin-left:6px}.settings-passphrase-feedback{font-family:var(--font-mono, "Courier New", monospace);font-size:11px;color:#10b981;margin-top:4px}.settings-passphrase-hint{font-family:var(--font-mono, "Courier New", monospace);font-size:10px;color:#64748b;margin-top:4px;line-height:1.3}.chat-tabs-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0a0f1eb3;border-bottom:1px solid rgba(0,240,255,.2);overflow-x:auto;scrollbar-width:thin}.chat-tab{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#1e293b80;border:1px solid rgba(148,163,184,.25);border-radius:6px;color:#94a3b8;font-family:var(--font-mono, "Courier New", monospace);font-size:11px;cursor:pointer;transition:all .15s ease;white-space:nowrap;user-select:none}.chat-tab:hover{color:#f8fafc;border-color:#00f0ff80;background:#00f0ff1a}.chat-tab.active{color:#00f0ff;border-color:#00f0ff;background:#00f0ff2e;box-shadow:0 0 10px #00f0ff40}.chat-tab.direct.active{color:#38bdf8;border-color:#38bdf8;background:#38bdf833;box-shadow:0 0 10px #38bdf84d}.chat-tab-unread{background:#ff007f;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;box-shadow:0 0 6px #ff007f}.chat-tab-close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:2px;border-radius:50%;color:#94a3b8;font-size:12px;line-height:1;transition:all .15s}.chat-tab-close:hover{background:#ef44444d;color:#f87171}.chat-tab-add{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#1e293b66;border:1px dashed rgba(0,240,255,.4);color:#00f0ff;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-tab-add:hover{background:#00f0ff33;border-color:#00f0ff;box-shadow:0 0 8px #00f0ff4d}.chat-private-banner{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;background:#38bdf814;border-bottom:1px solid rgba(56,189,248,.2);font-size:11px;color:#7dd3fc;font-family:var(--font-mono, "Courier New", monospace)}.chat-popout-btn{background:#00f0ff26;border:1px solid rgba(0,240,255,.4);color:#00f0ff;border-radius:4px;padding:2px 8px;font-size:10px;cursor:pointer;transition:all .15s ease}.chat-popout-btn:hover{background:#00f0ff4d;box-shadow:0 0 8px #00f0ff66}.player-dm-btn{background:#00f0ff26;border:1px solid rgba(0,240,255,.4);color:#00f0ff;font-family:var(--font-mono, "Courier New", monospace);font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px;cursor:pointer;margin-left:auto;transition:all .15s ease}.player-dm-btn:hover{background:#00f0ff4d;border-color:#00f0ff;box-shadow:0 0 8px #00f0ff66;color:#fff}.chat-dm-dropdown{position:absolute;top:105px;left:20px;background:#0f172af2;border:1px solid rgba(0,240,255,.4);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1000;box-shadow:0 8px 24px #000000b3;backdrop-filter:blur(12px);min-width:200px}.chat-dm-dropdown-title{font-size:10px;color:#94a3b8;font-family:var(--font-mono, "Courier New", monospace);padding:2px 6px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}.chat-dm-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;background:#ffffff08;border:1px solid transparent;color:#f1f5f9;font-size:12px;cursor:pointer;transition:all .15s}.chat-dm-item:hover{background:#00f0ff26;border-color:#00f0ff66}.chat-emoji-btn{background:#0f172ab3;border:1px solid rgba(6,182,212,.35);color:#00f0ff;border-radius:6px;font-size:15px;padding:3px 7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;user-select:none}.chat-emoji-btn:hover{background:#06b6d440;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff66;transform:scale(1.08)}.chat-emoji-btn.active{background:#00f0ff47;border-color:#00f0ff;box-shadow:0 0 12px #00f0ff80}.chat-input-bar,.chat-modal-input-bar{position:relative!important}.chat-modal-content{overflow:visible!important}.cyber-emoji-picker{position:absolute;bottom:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 24px);background:#0b1121f5;border:1px solid rgba(0,240,255,.4);border-radius:12px;box-shadow:0 12px 36px #000000bf,0 0 20px #00f0ff33,inset 0 1px #ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10050!important;display:flex;flex-direction:column;overflow:hidden;animation:emojiPop .18s cubic-bezier(.16,1,.3,1)}@keyframes emojiPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0f172ad9;border-bottom:1px solid rgba(0,240,255,.2)}.emoji-picker-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.emoji-picker-tabs::-webkit-scrollbar{display:none}.emoji-tab-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px;color:#94a3b8;cursor:pointer;white-space:nowrap;transition:all .15s ease}.emoji-tab-btn:hover{background:#00f0ff1a;color:#f1f5f9}.emoji-tab-btn.active{background:#00f0ff2e;border-color:#00f0ff73;color:#00f0ff;box-shadow:0 0 8px #00f0ff40;font-weight:600}.emoji-tab-label{font-size:11px}.emoji-picker-close-btn{background:transparent;border:none;color:#94a3b8;font-size:18px;line-height:1;padding:2px 6px;cursor:pointer;border-radius:4px;transition:all .15s ease}.emoji-picker-close-btn:hover{color:#ff007f;background:#ff007f26}.emoji-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px;max-height:210px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,240,255,.3) transparent}.emoji-picker-grid::-webkit-scrollbar{width:5px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:3px}.emoji-item-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .12s ease;user-select:none}.emoji-item-btn:hover{background:#00f0ff33;transform:scale(1.25);box-shadow:0 0 8px #00f0ff59;z-index:2}.emoji-item-btn:active{transform:scale(.95)}@media(max-width:480px){.cyber-emoji-picker{width:290px;right:0;bottom:calc(100% + 8px)}.emoji-picker-grid{grid-template-columns:repeat(6,1fr);max-height:180px}.emoji-tab-label{display:none}.emoji-tab-btn{padding:6px 10px;font-size:16px}}#admin-modal .modal-content{max-width:620px;width:92vw;background:#0a0f1df5;border:1px solid rgba(244,63,94,.4);box-shadow:0 10px 40px #f43f5e40,0 0 20px #00f0ff26}.admin-header-badge{background:#f43f5e33!important;color:#fb7185!important;border-color:#f43f5e80!important}.admin-auth-box{padding:16px 0;display:flex;flex-direction:column;gap:12px}.admin-input-group{display:flex;flex-direction:column;gap:6px}.admin-input{background:#0f172ad9;border:1px solid rgba(0,240,255,.3);border-radius:8px;padding:10px 14px;color:#f8fafc;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.admin-input:focus{border-color:#f43f5e;box-shadow:0 0 12px #f43f5e59}.admin-btn{background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.9rem;transition:opacity .2s,transform .1s,box-shadow .2s}.admin-btn:hover{opacity:.92;box-shadow:0 0 15px #f43f5e80}.admin-btn.secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1}.admin-btn.secondary:hover{background:#ffffff26;color:#fff;box-shadow:none}.admin-btn.danger{background:#dc2626}.admin-error-text{color:#f87171;font-size:.85rem;min-height:1.2rem}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;margin-bottom:14px}.admin-tab-btn{background:none;border:none;color:#94a3b8;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:500;border-radius:6px;transition:all .2s}.admin-tab-btn.active{background:#f43f5e33;color:#fb7185}.admin-player-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:8px;gap:12px;flex-wrap:wrap}.admin-player-info{display:flex;align-items:center;gap:10px;min-width:160px}.admin-player-color{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.admin-player-name{font-weight:600;color:#f8fafc}.admin-player-id{font-size:.75rem;color:#64748b;font-family:monospace}.admin-ban-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.admin-select{background:#0f172ad9;border:1px solid rgba(0,240,255,.3);color:#e2e8f0;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.82rem;outline:none}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th,.admin-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.admin-table th{color:#94a3b8;font-weight:600}.banned-screen-overlay{position:fixed;inset:0;background:#05050af2;backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.banned-screen-box{background:#140a0ff2;border:2px solid #ef4444;box-shadow:0 0 40px #ef444466;border-radius:14px;padding:28px;max-width:480px;width:100%;text-align:center}@media(max-width:768px){#hud-overlay{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.hud-top-section{display:flex;flex-direction:column;gap:6px;width:100%;align-items:flex-start}.hud-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:nowrap}.hud-brand{padding:0!important;gap:6px!important;border:none!important;background:transparent!important;box-shadow:none!important;flex-shrink:0;display:flex;align-items:center}.hud-brand-btn{display:flex!important;align-items:center!important;gap:5px!important;background:#0d1426e0!important;border:1px solid rgba(0,240,255,.4)!important;box-shadow:0 2px 8px #00f0ff33!important;border-radius:10px!important;padding:4px 8px!important;cursor:pointer;flex-shrink:0}.hud-brand .cat-icon{font-size:16px}.hud-brand .brand-text{font-size:11px;letter-spacing:.5px}.hud-brand .brand-text span,.hud-brand .map-badge{display:none!important}.hud-online-chip{display:inline-flex!important;align-items:center!important;background:#0d1426e0!important;border:1px solid rgba(16,185,129,.45)!important;box-shadow:0 2px 8px #10b98133!important;border-radius:10px!important;padding:4px 7px!important;cursor:pointer;white-space:nowrap;flex-shrink:0}.hud-online-chip .online-badge{font-size:9px!important;color:#10b981!important;white-space:nowrap}.hud-stats{display:none!important}.hud-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;pointer-events:auto}.hud-actions .hud-btn-meow{display:none!important}.hud-actions .hud-btn{width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;display:inline-flex!important;justify-content:center;align-items:center;background:#0d1426d9;border:1px solid rgba(0,240,255,.4);box-shadow:0 2px 8px #00f0ff33;flex-shrink:0;pointer-events:auto}.hud-actions .hud-btn .btn-text{display:none!important}.hud-actions .hud-btn .btn-icon{font-size:16px;line-height:1;margin:0}.story-objective-banner{margin-top:2px;width:fit-content;max-width:calc(100vw - 24px);transition:all .25s cubic-bezier(.16,1,.3,1)}.story-objective-banner.collapsed{padding:4px 10px;border-radius:14px;background:#0f172ac7;box-shadow:0 2px 8px #06b6d426}.story-objective-banner.collapsed .story-quest-title{font-size:11px;max-width:220px}.story-objective-banner.collapsed .quest-pill-icon{font-size:12px}.story-objective-banner.collapsed .quest-toggle-btn{width:18px;height:18px;font-size:9px}.story-objective-banner.expanded{padding:8px 12px;border-radius:12px;background:#0f172aeb}.story-objective-banner.expanded .story-quest-title{font-size:12px}.story-objective-banner.expanded .story-quest-desc{font-size:11px;margin-top:3px;line-height:1.35}.hud-bottom-bar,.control-hints,.laser-hint{display:none!important}.interaction-prompt{bottom:115px;font-size:12px;padding:7px 16px;border-radius:18px;gap:8px}.interaction-prompt .key-badge{font-size:12px;padding:2px 6px}.touch-container{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));pointer-events:none;z-index:25}.touch-joystick{width:100px;height:100px;background:#00f0ff1a;border:2px solid rgba(0,240,255,.35);box-shadow:0 0 15px #00f0ff26}.touch-knob{width:44px;height:44px;top:26px;left:26px;background:var(--cyan-glow);box-shadow:0 0 12px var(--cyan-glow)}.touch-buttons{display:flex;gap:8px;align-items:flex-end}.touch-btn{border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .1s ease}.touch-btn:active{transform:scale(.92)}.touch-btn-jump{width:58px;height:58px;background:#0d1426e0;border:2px solid var(--cyan-glow);color:#fff;font-size:13px;box-shadow:0 0 12px #00f0ff4d}.touch-btn-jump span{font-size:8px;letter-spacing:.5px;color:var(--cyan-glow);font-weight:700}.touch-btn-attack{width:50px;height:50px;background:#0d1426e0;border:2px solid var(--magenta-glow);color:#fff;font-size:12px;box-shadow:0 0 12px #ff007f4d}.touch-btn-attack span{font-size:8px;letter-spacing:.5px;color:var(--magenta-glow);font-weight:700}.touch-btn-meow{width:44px;height:44px;background:#0d1426d9;border:2px solid var(--yellow-glow);color:#fff;font-size:11px;box-shadow:0 0 10px #ffe60040}.touch-btn-meow span{font-size:7px;letter-spacing:.5px;color:var(--yellow-glow);font-weight:700}.dialogue-box-container{bottom:max(16px,env(safe-area-inset-bottom));width:95%}.dialogue-card{padding:12px 14px;gap:10px}.dialogue-avatar{width:42px;height:42px;font-size:24px}.dialogue-text{font-size:12px;line-height:1.35}.dialogue-choice-btn{padding:8px 12px;font-size:12px}.waypoint-badge{padding:3px 8px;border-radius:12px;gap:4px}.waypoint-name{font-size:10px}.waypoint-dist{font-size:10px;padding:1px 4px}.cyber-chatbox,body.hints-hidden .cyber-chatbox{position:absolute!important;bottom:124px!important;left:14px!important;width:auto!important;max-width:calc(100vw - 28px)!important;z-index:90!important;pointer-events:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.chat-mobile-bar{display:flex!important;align-items:center!important;gap:6px!important;pointer-events:auto!important}.chat-mobile-toggle-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#090e1eeb!important;border:1px solid rgba(0,240,255,.45)!important;border-radius:20px!important;padding:6px 14px!important;color:#00f0ff!important;font-family:var(--font-mono, "Courier New", monospace)!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 14px #000000b3,0 0 12px #00f0ff40!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;user-select:none!important;-webkit-user-select:none!important;touch-action:manipulation!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.chat-mobile-toggle-btn:active,.chat-mobile-toggle-btn.active{background:#00f0ff47!important;border-color:#00f0ff!important;box-shadow:0 0 16px #00f0ff99!important;transform:scale(.96)!important}.chat-mobile-toggle-btn .chat-toggle-icon{font-size:14px!important;line-height:1!important}.camera-mobile-reset-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;background:#090e1eeb!important;border:1px solid rgba(0,240,255,.45)!important;border-radius:50%!important;color:#00f0ff!important;font-size:13px!important;cursor:pointer!important;box-shadow:0 4px 14px #000000b3,0 0 12px #00f0ff40!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;user-select:none!important;-webkit-user-select:none!important;touch-action:manipulation!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.camera-mobile-reset-btn:active{background:#00f0ff47!important;border-color:#00f0ff!important;box-shadow:0 0 16px #00f0ff99!important;transform:scale(.92) rotate(-90deg)!important}.chat-mobile-toggle-btn .chat-toggle-label{letter-spacing:.5px!important}.chat-messages-container{max-height:85px!important;width:min(280px,calc(100vw - 32px))!important;overflow:hidden!important;pointer-events:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:4px!important;margin-bottom:2px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.chat-msg-row{pointer-events:auto!important;cursor:pointer!important;background:#070b19e0!important;border:1px solid rgba(0,240,255,.35)!important;border-radius:8px!important;padding:5px 9px!important;font-size:11px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 4px 12px #0009!important;animation:toastPop .2s cubic-bezier(.16,1,.3,1)!important;word-break:break-word!important}@keyframes toastPop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-drawer-wrap{display:none!important}.cyber-chatbox.mobile-open .chat-drawer-wrap{display:flex!important;flex-direction:column!important;gap:8px!important;position:absolute!important;bottom:calc(100% + 8px)!important;left:0!important;width:min(340px,calc(100vw - 24px))!important;background:#080c1af5!important;border:1px solid rgba(0,240,255,.45)!important;border-radius:12px!important;padding:10px!important;box-sizing:border-box!important;box-shadow:0 12px 36px #000000d9,0 0 20px #00f0ff40!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;pointer-events:auto!important;z-index:10020!important;animation:drawerPop .18s cubic-bezier(.16,1,.3,1)!important}@keyframes drawerPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cyber-chatbox.mobile-open .chat-quick-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important;opacity:1!important}.cyber-chatbox.mobile-open .quick-chat-btn{font-size:11px!important;padding:4px 8px!important}.cyber-chatbox.mobile-open .chat-input-bar{display:flex!important;align-items:center!important;gap:4px!important;padding:4px 6px!important;background:#0d1426e6!important;border:1px solid rgba(0,240,255,.3)!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important;min-width:0!important}.cyber-chatbox.mobile-open .chat-input{flex:1 1 0%!important;min-width:0!important;font-size:12px!important;padding:4px 6px!important}.cyber-chatbox.mobile-open .chat-input-controls{display:flex!important;align-items:center!important;gap:3px!important;flex-shrink:0!important}.cyber-chatbox.mobile-open .chat-char-counter{display:none!important}.cyber-chatbox.mobile-open .chat-send-btn{width:32px!important;height:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;flex-shrink:0!important}.cyber-chatbox.mobile-open .chat-send-btn .send-text{display:none!important}.cyber-chatbox.mobile-open .chat-send-btn .send-icon{display:inline-block!important;font-size:13px!important;line-height:1!important}.cyber-chatbox.mobile-open .chat-emoji-btn,.cyber-chatbox.mobile-open .chat-expand-btn{padding:2px 5px!important;font-size:12px!important;flex-shrink:0!important}}@media(max-width:768px){.modal-overlay:not(.room-password-overlay){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;padding:0!important;margin:0!important;background:#040712fa!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:10000!important;justify-content:center!important;align-items:stretch!important;overflow:hidden!important}.modal-overlay:not(.room-password-overlay) .modal-content,.settings-modal-content,.room-modal-content,.dimension-cats-content,.profile-modal-content{width:100vw!important;max-width:100vw!important;min-width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border:none!important;background:#080c1a!important;box-sizing:border-box!important;transform:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:0!important}.modal-header{position:sticky!important;top:0!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:max(12px,env(safe-area-inset-top)) 16px 12px 16px!important;background:#080c1afa!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid rgba(0,240,255,.25)!important;flex-shrink:0!important;box-sizing:border-box!important;width:100%!important}.modal-title-box{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1!important}.modal-title{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;letter-spacing:.5px!important}.modal-badge{font-size:9px!important;padding:2px 6px!important;flex-shrink:0!important}.modal-close-btn{width:36px!important;height:36px!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;touch-action:manipulation!important;flex-shrink:0!important;background:#ffffff0f!important;border:1px solid rgba(0,240,255,.3)!important;border-radius:8px!important;color:#00f0ff!important;margin-left:8px!important}.modal-body{flex:1 1 auto!important;padding:14px!important;box-sizing:border-box!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.modal-footer{padding:10px 14px max(10px,env(safe-area-inset-bottom)) 14px!important;border-top:1px solid rgba(0,240,255,.15)!important;background:#080c1afa!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;box-sizing:border-box!important;width:100%!important;font-size:11px!important}.modal-hint,.modal-footer span:last-child{display:none!important}#dimension-cats-modal .settings-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important}#dimension-cats-modal .settings-card-header{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;border-bottom:1px solid rgba(0,240,255,.15)!important;padding-bottom:8px!important}#dimension-cats-modal .players-list-container{width:100%!important;gap:8px!important;margin-top:4px!important;box-sizing:border-box!important}#dimension-cats-modal .player-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;padding:8px 10px!important;box-sizing:border-box!important;min-width:0!important}#dimension-cats-modal .player-name{flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important}#dimension-cats-modal .player-dm-btn{padding:3px 6px!important;font-size:11px!important;min-width:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#dimension-cats-modal .player-dm-btn .dm-text{display:none!important}#dimension-cats-modal .player-dm-btn .dm-icon{font-size:13px!important;line-height:1!important}#dimension-cats-modal .remote-tag,#dimension-cats-modal .self-tag{font-size:9px!important;padding:2px 4px!important}#profile-modal .settings-card.profile-card,.profile-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important}#profile-modal .cat-preview-panel{width:100%!important;max-width:280px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}#profile-modal .cat-preview-frame{width:100%!important;max-height:150px!important;border-radius:10px!important;overflow:hidden!important}#profile-modal .cat-preview-meta{text-align:center!important;margin-top:8px!important;width:100%!important}#profile-modal .cat-preview-skin-title{font-size:13px!important}#profile-modal .cat-preview-skin-desc{font-size:11px!important}#profile-modal .cat-preview-breed-trait{font-size:10px!important;display:inline-block!important}#profile-modal .profile-edit-section{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}#profile-modal .name-edit-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}#profile-modal .name-edit-row .cyber-input,#profile-modal #cat-name-input{flex:1 1 auto!important;min-width:0!important;font-size:13px!important;padding:6px 10px!important;box-sizing:border-box!important}#profile-modal .name-edit-row .settings-btn,#profile-modal #save-name-btn{width:auto!important;min-width:75px!important;padding:6px 14px!important;flex:0 0 auto!important;box-sizing:border-box!important}#profile-modal .palette-picker{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;width:100%!important}#profile-modal .palette-chip{width:28px!important;height:28px!important;flex-shrink:0!important}#profile-modal .breed-picker-grid,#profile-modal .skin-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}#profile-modal .breed-chip,#profile-modal .skin-chip{padding:6px 8px!important;font-size:11px!important;min-width:0!important;box-sizing:border-box!important}#profile-modal .skin-chip-title,#profile-modal .breed-chip-origin{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important}#room-modal .room-features-grid{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}#room-modal .room-feature-card{width:100%!important;box-sizing:border-box!important}#room-modal .settings-passphrase-row{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}#room-modal .settings-room-input{width:100%!important;font-size:12px!important;padding:8px 10px!important;box-sizing:border-box!important}#room-modal #modal-room-create-btn,#room-modal .settings-room-buttons .settings-btn{width:100%!important;min-width:0!important;padding:8px 12px!important;font-size:13px!important}.settings-modal-body .settings-card{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.settings-modal-body .settings-card-action{width:100%!important}.settings-modal-body .settings-btn,.settings-modal-body .settings-dropdown{width:100%!important;min-width:0!important;box-sizing:border-box!important}.settings-grid-2col{grid-template-columns:1fr!important}}