@import"https://fonts.googleapis.com/css2?family=Blinker:wght@100;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Blinker:wght@100;400;700;900&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}:root{font-family:Blinker,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100vh;max-width:none;padding:0;margin:0;text-align:center;background:transparent;overflow:hidden;font-family:Blinker,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.logo-watermark{position:fixed;bottom:20px;right:20px;max-width:150px;max-height:150px;opacity:.9;pointer-events:none;z-index:1000}.login-container{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:bgFade .6s ease-out}.login-box{background:#000000d9;padding:50px;border-radius:15px;box-shadow:0 20px 60px #000000b3,inset 0 0 30px #e74c3c0d;border:2px solid rgba(231,76,60,.2);max-width:420px;width:90%;text-align:center;animation:slideIn .6s ease-out;position:relative}.login-box:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:-1}.login-box h2{color:#e74c3c;margin-bottom:35px;font-size:32px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px rgba(231,76,60,.4);font-weight:700}.login-box .input-group{margin-bottom:20px;position:relative}.login-box .input-group input{width:100%;height:48px;padding:14px 16px;border:2px solid rgba(231,76,60,.2);border-radius:8px;background:#ffffff14;color:#fff;font-size:15px;transition:all .3s ease;box-sizing:border-box;font-weight:500}.login-box .input-group input::placeholder{color:#ffffff80;font-weight:400}.login-box .input-group input:focus{outline:none;background:#ffffff1f;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33,inset 0 0 10px #e74c3c1a;transform:translateY(-2px)}.login-btn{width:100%;padding:14px;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:2px solid #e74c3c;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;margin-top:15px;box-shadow:0 4px 15px #e74c3c4d;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.login-btn:hover:before{left:100%}.login-btn:hover{background:linear-gradient(45deg,#c0392b,#a93226);transform:translateY(-3px);box-shadow:0 8px 25px #e74c3c80;border-color:#a93226}.login-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #e74c3c4d}.login-box p{color:#ffffffb3;margin-top:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:14px}.login-box p:hover{color:#e74c3c;text-decoration:underline}.register-container{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:bgFade .6s ease-out}.register-box{background:#000000d9;padding:50px;border-radius:15px;box-shadow:0 20px 60px #000000b3,inset 0 0 30px #e74c3c0d;border:2px solid rgba(231,76,60,.2);max-width:420px;width:90%;text-align:center;animation:slideIn .6s ease-out;position:relative}.register-box:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:-1}.register-box h2{color:#e74c3c;margin-bottom:35px;font-size:32px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px rgba(231,76,60,.4);font-weight:700}.register-box .input-group{margin-bottom:20px;position:relative}.register-box .input-group input{width:100%;height:48px;padding:14px 16px;border:2px solid rgba(231,76,60,.2);border-radius:8px;background:#ffffff14;color:#fff;font-size:15px;transition:all .3s ease;box-sizing:border-box;font-weight:500}.register-box .input-group input::placeholder{color:#ffffff80;font-weight:400}.register-box .input-group input:focus{outline:none;background:#ffffff1f;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c33,inset 0 0 10px #e74c3c1a;transform:translateY(-2px)}.register-btn{width:100%;padding:14px;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:2px solid #e74c3c;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;margin-top:15px;box-shadow:0 4px 15px #e74c3c4d;position:relative;overflow:hidden}.register-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.register-btn:hover:before{left:100%}.register-btn:hover{background:linear-gradient(45deg,#c0392b,#a93226);transform:translateY(-3px);box-shadow:0 8px 25px #e74c3c80;border-color:#a93226}.register-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #e74c3c4d}.register-box p{color:#ffffffb3;margin-top:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:14px}.register-box p:hover{color:#e74c3c;text-decoration:underline}@keyframes slideIn{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bgFade{0%{opacity:0}to{opacity:1}}.login-btn:disabled,.register-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-btn:disabled:hover,.register-btn:disabled:hover{transform:none;box-shadow:none}.login-btn:disabled:before,.register-btn:disabled:before{display:none}.input-error{box-shadow:0 0 0 2px #ff6b6b66!important;background:#ff6b6b14!important;border-color:#ff6b6b!important}.error-message{color:#ff6b6b;font-size:13px;margin:15px 0 10px;text-align:left;padding:12px 14px;background:#ff6b6b1a;border-radius:6px;border:2px solid rgba(255,107,107,.2);border-left:3px solid #ff6b6b;font-weight:500;animation:slideDown .3s ease-out}.success-message{color:#51cf66;font-size:13px;margin:15px 0 10px;text-align:left;padding:12px 14px;background:#51cf661a;border-radius:6px;border:2px solid rgba(81,207,102,.2);border-left:3px solid #51cf66;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-box,.register-box{padding:35px 25px;margin:20px;border-radius:12px}.login-box h2,.register-box h2{font-size:26px;margin-bottom:25px;letter-spacing:2px}.login-box .input-group input,.register-box .input-group input{padding:12px 14px;font-size:14px}.login-btn,.register-btn{padding:12px;font-size:14px;letter-spacing:1px}.error-message,.success-message{font-size:12px;padding:10px 12px}}.character-selection{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#142850cc),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="1200" height="800" fill="rgba(10,20,40,0.9)"/><rect width="1200" height="800" fill="url(%23grid)"/></svg>');background-attachment:fixed;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif;padding:40px 20px;box-sizing:border-box;overflow:auto}.character-selection h2{color:#e74c3c;font-size:36px;margin-bottom:50px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(231,76,60,.5);animation:fadeIn .6s ease-out}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;width:100%;animation:fadeIn .8s ease-out .2s backwards}.character-card{background:#000000d9;border:2px solid rgba(231,76,60,.3);border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center}.character-card:hover{border-color:#e74c3c;background:#000000e6;box-shadow:0 8px 30px #e74c3c4d;transform:translateY(-5px)}.character-card.selected{border-color:#e74c3c;background:#e74c3c1a;box-shadow:0 0 20px #e74c3c80}.character-avatar{margin-bottom:15px;display:flex;justify-content:center}.character-avatar img{border-radius:50%;width:80px;height:80px;border:3px solid #e74c3c;object-fit:cover}.character-info h3{color:#e74c3c;font-size:20px;margin:15px 0 10px;text-transform:uppercase;letter-spacing:1px}.character-info p{color:#fffc;font-size:14px;margin:5px 0}.character-card.create-new{border-style:dashed;justify-content:center;min-height:200px}.character-card.create-new:hover{border-color:#2196f3;background:#2196f31a;box-shadow:0 8px 30px #2196f34d}.create-icon{font-size:48px;color:#2196f3;font-weight:700;margin-bottom:10px}.character-card.create-new p{color:#2196f3;font-size:16px;font-weight:700}.play-button{margin-top:50px;padding:15px 60px;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 6px 25px #e74c3c66;animation:fadeIn 1s ease-out .6s backwards}.play-button:hover{background:linear-gradient(45deg,#c0392b,#e74c3c);transform:translateY(-2px);box-shadow:0 10px 35px #e74c3c99}.play-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.character-selection h2{font-size:28px;margin-bottom:40px}.characters-grid{grid-template-columns:1fr;gap:20px}.character-card{padding:20px}.play-button{padding:12px 40px;font-size:16px}}.character-creator{max-width:800px;padding:20px;background:#000c;color:#fff;border-radius:10px;font-family:Arial,sans-serif;max-height:90vh;overflow-y:auto}.character-creator h2{text-align:center;margin-bottom:30px;color:#2196f3}.character-creator h3{color:#e74c3c;border-bottom:2px solid #e74c3c;padding-bottom:5px;margin:20px 0 15px}.character-info{margin-bottom:30px;padding:15px;background:#ffffff0d;border-radius:8px}.input-group{display:flex;align-items:center;margin-bottom:15px;gap:10px}.input-group label{min-width:120px;font-weight:700}.input-group input[type=text],.input-group input[type=number]{flex:1;padding:8px 12px;border:none;border-radius:4px;background:#ffffff1a;color:#fff;font-size:14px}.input-group input[type=text]:focus,.input-group input[type=number]:focus{outline:none;background:#fff3}.gender-buttons{display:flex;gap:10px}.gender-buttons button{padding:8px 20px;border:none;border-radius:4px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .3s}.gender-buttons button:hover{background:#fff3}.gender-buttons button.active{background:#2196f3}.appearance-section{margin-bottom:25px;padding:15px;background:#ffffff08;border-radius:8px}.slider-group{display:flex;align-items:center;margin-bottom:12px;gap:15px}.slider-group label{min-width:180px;font-size:14px;color:#e0e0e0}.slider-group input[type=range]{flex:1;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#2196f3;border-radius:50%;cursor:pointer}.slider-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#2196f3;border-radius:50%;cursor:pointer;border:none}.slider-group span{min-width:50px;text-align:center;font-weight:700;color:#2196f3;background:#2196f31a;padding:4px 8px;border-radius:4px;font-size:12px}.overlay-group{margin-bottom:20px;padding:10px;background:#ffffff05;border-radius:6px;border-left:3px solid #e74c3c}.create-section{text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid rgba(255,255,255,.1)}.create-button{padding:15px 40px;font-size:18px;font-weight:700;background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000004d}.create-button:hover{background:linear-gradient(45deg,#1976d2,#2196f3);transform:translateY(-2px);box-shadow:0 6px 12px #0006}.create-button:active{transform:translateY(0)}.character-creator::-webkit-scrollbar{width:8px}.character-creator::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.character-creator::-webkit-scrollbar-thumb{background:#2196f399;border-radius:4px}.character-creator::-webkit-scrollbar-thumb:hover{background:#2196f3cc}@media(max-width:768px){.character-creator{margin:10px;padding:15px}.slider-group{flex-direction:column;align-items:flex-start;gap:8px}.slider-group label{min-width:unset}.slider-group input[type=range]{width:100%}.input-group{flex-direction:column;align-items:flex-start;gap:5px}.input-group label{min-width:unset}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0f0f1e);display:flex;justify-content:center;align-items:center;z-index:10000}.splash-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px;animation:splashSlideIn .6s ease-out}.splash-logo{max-width:200px;height:auto;filter:drop-shadow(0 0 20px rgba(231,76,60,.5));animation:splash-pulse 2s ease-in-out infinite}.splash-title{font-size:48px;font-weight:900;color:#e74c3c;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 20px rgba(231,76,60,.4);margin:0;animation:splash-glow 2s ease-in-out infinite}.splash-loading{display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(231,76,60,.3);border-top-color:#e74c3c;border-radius:50%;animation:spin 1.5s linear infinite}.splash-loading p{color:#fffc;font-size:14px;letter-spacing:2px;text-transform:uppercase;margin:0;animation:splash-text-pulse 1s ease-in-out infinite}@keyframes splashSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashFadeOut{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none}}@keyframes splash-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes splash-glow{0%,to{text-shadow:0 0 20px rgba(231,76,60,.4)}50%{text-shadow:0 0 30px rgba(231,76,60,.8)}}@keyframes splash-text-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.splash-title{font-size:36px;letter-spacing:2px}.splash-logo{max-width:150px}.splash-content{gap:20px}}.compass-hud{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.compass-container{display:flex;flex-direction:column;align-items:center;gap:0}.compass-bar{position:relative;width:500px;height:50px;border-radius:0;overflow:hidden}.compass-background{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;padding:0 50px;opacity:0;pointer-events:none;font-size:11px;color:#fff6;font-weight:700}.compass-mark{min-width:45px;text-align:center}.compass-viewport{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.compass-slider{display:flex;align-items:center;white-space:nowrap;height:100%}.tape-mark{min-width:65px;text-align:center;padding:0 5px;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.9);position:relative}.tape-mark:after{content:"· | ·";position:absolute;right:-15px;color:#fffffff2;font-size:12px;font-weight:700;letter-spacing:2px;text-shadow:-1px -1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.8),-1px 1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.8),-1.5px 0 0 rgba(0,0,0,.8),1.5px 0 0 rgba(0,0,0,.8),0 -1.5px 0 rgba(0,0,0,.8),0 1.5px 0 rgba(0,0,0,.8)}.tape-mark-cardinal{color:#ff6464f2;font-size:22px;font-weight:700;text-shadow:0 0 10px rgba(255,100,100,.7),0 0 4px rgba(0,0,0,.9)}.center-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:60%;background:linear-gradient(180deg,#ff646400,#ff6464cc,#ff646400);pointer-events:none;box-shadow:0 0 10px #ff6464b3;z-index:10}.heading-badge{background:transparent;border-radius:2px;padding:0 8px;margin-top:-8px;font-size:16px;font-weight:700;color:#ff6464f2;text-shadow:0 0 6px rgba(0,0,0,.9);font-family:Courier New,monospace;white-space:nowrap}.street-name{padding:0 10px;margin-top:-2px;font-size:14px;font-weight:700;color:#fffffff2;text-shadow:-1px -1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.8),-1px 1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.8),-2px 0 0 rgba(0,0,0,.8),2px 0 0 rgba(0,0,0,.8),0 -2px 0 rgba(0,0,0,.8),0 2px 0 rgba(0,0,0,.8);white-space:nowrap;max-width:90vw}.radar-frame{position:fixed;bottom:26px;left:55px;width:256px;height:170px;border:3px solid #300606ef;border-radius:3%;box-shadow:0 0 20px #ab03036c,inset 0 0 20px #8b00001a;pointer-events:none;z-index:1}.hud-container{position:fixed;top:2rem;right:2rem;display:flex;flex-direction:column;align-items:flex-end;color:#fff}.hud-top-row{position:relative;display:flex;flex-direction:row;gap:1rem;align-items:center}.hud-badge{display:flex;justify-content:center;align-items:center;gap:.75rem;width:75px;height:30px;background-color:#fff3;border:1px solid rgba(255,255,255,.2);border-radius:28px}.hud-badge-text{font-weight:600;font-size:14px}.hud-icon-small{width:14px;height:14px}.hud-time-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hud-time{font-size:36px;font-weight:700;line-height:1}.hud-date{color:#9ca3af;font-size:12px;line-height:1;margin-top:2px}.hud-logo{width:50px;height:auto;margin-left:10px}.hud-money-value{font-weight:900;font-size:36px;color:#4ade80;filter:drop-shadow(0 0 10px rgba(74,222,128,.5)) drop-shadow(0 0 20px rgba(74,222,128,.3));margin:-5px 0 10px;display:flex;align-items:center;font-family:Rubik,system-ui,-apple-system,sans-serif;padding:4px 0}.hud-money-symbol{margin-right:2px}.hud-money-counter{display:flex;height:1em;overflow:hidden}.hud-money-column{position:relative;width:.6em;height:1em;overflow:hidden}.hud-money-column-inner{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%}.hud-money-column-inner.animating{animation:slotMachineScroll 2s cubic-bezier(.25,-.1,.75,1.1) forwards;animation-delay:var(--delay)}.hud-money-column-digit{display:block;text-align:center;height:1em;line-height:1}@keyframes slotMachineScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 1em))}}.hud-wanted-container{display:flex;gap:0px;justify-content:flex-end;margin:-10px 0 5px}.hud-wanted-star{width:40px;height:40px;margin-left:-4px;filter:drop-shadow(0 0 1px rgba(0,0,0,.8))}.hud-wanted-star-active{color:#8b0000}.hud-wanted-star-inactive{color:#fff3}.hud-status-container{display:flex;flex-direction:row;gap:16px;margin:10px 0;justify-content:flex-end}.hud-status-icon-wrapper{position:relative;width:40px;height:40px}.hud-status-icon-bg{position:absolute;top:0;left:0;width:100%;height:100%;color:#c5c5c5a1;filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.hud-status-icon-fill{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;transition:height .3s ease}.hud-status-icon-fg{position:absolute;bottom:0;left:0;width:40px;height:40px}.hud-status-health-fill{color:#ff454b;filter:drop-shadow(0px 0px 6px rgba(255,69,75,.6))}.hud-status-armor-fill{color:#4a90d9;filter:drop-shadow(0px 0px 6px rgba(74,144,217,.6))}.hud-status-hunger-fill{color:#f5a623;filter:drop-shadow(0px 0px 6px rgba(245,166,35,.6))}.hud-status-thirst-fill{color:#50e3c2;filter:drop-shadow(0px 0px 6px rgba(80,227,194,.6))}.hud-weapon-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:10px}.hud-weapon-icon{width:165px;height:auto}.hud-weapon-info{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.hud-weapon-name{font-weight:700;font-size:16px}.hud-weapon-bar-bg{width:100%;height:5px;border-radius:2px;background-color:#fff3}.hud-weapon-bar-fill{max-width:100%;height:100%;border-radius:2px;background-color:#8b0000;box-shadow:0 0 11.7px #8b000087}.hud-ammo-container{display:flex;gap:.5rem;align-items:center}.hud-ammo-icon{width:20px;height:20px;background-size:15px;background-position:center;background-repeat:no-repeat}.hud-ammo-text{font-weight:500;font-size:16px}.hud-ammo-max{color:#9ca3af}.voice-chat-helper{position:fixed;right:20px;top:40%;transform:translateY(-50%);z-index:100;pointer-events:auto}.key-helper{position:relative;display:inline-flex;align-items:center;justify-content:center}.key-helper--small{width:40px;height:40px}.key-helper--medium{width:60px;height:60px}.key-helper--large{width:80px;height:80px}.key-helper__main-square{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);border-radius:4px;background-color:#0006;box-shadow:0 2px 8px #0009;transition:all .2s ease}.key-helper:hover .key-helper__main-square{border-color:#fff9;background-color:#00000080;box-shadow:0 2px 12px #fff3}.key-helper__icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;color:#fff}.key-helper--small .key-helper__icon{font-size:1.2em}.key-helper--large .key-helper__icon{font-size:2em}.key-helper__key-square{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);border-radius:3px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff;font-size:.75em;font-weight:700;box-shadow:0 2px 6px #000c,inset 0 1px 2px #ffffff1a;text-transform:uppercase;letter-spacing:.5px}.key-helper:hover .key-helper__key-square{border-color:#fff9;box-shadow:0 2px 8px #000c,inset 0 1px 3px #fff3}.key-helper--small .key-helper__key-square{width:18px;height:18px;font-size:.65em;bottom:-6px;right:-6px}.key-helper--large .key-helper__key-square{width:30px;height:30px;font-size:.85em;bottom:-12px;right:-12px}.inventory-helper{position:fixed;right:20px;top:calc(40% + 40px);z-index:100;pointer-events:auto}.phone-helper{position:fixed;right:20px;top:calc(40% + 100px);z-index:100;pointer-events:auto}.radio-helper{position:fixed;right:20px;top:calc(40% + 160px);z-index:100;pointer-events:auto}.notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;background-color:#000c;color:#fff;min-width:300px;max-width:500px;animation:slideIn .3s ease-out forwards;pointer-events:auto;will-change:transform,opacity}.notification-toast.removing{animation:fadeOut .3s ease-out forwards}.notification-toast.notification-info{border-left:4px solid #3498db}.notification-toast.notification-success{border-left:4px solid #27ae60}.notification-toast.notification-error{border-left:4px solid #e74c3c}.notification-toast.notification-warning{border-left:4px solid #f39c12}.notification-icon{font-size:18px;font-weight:700}.notification-message{flex:1;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.death-timer-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.death-timer-circle{position:relative;width:100px;height:100px}.death-timer-circle svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff14;stroke-width:8}.ring-death{fill:none;stroke:#e8364f;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .15s linear;filter:drop-shadow(0 0 4px rgba(232,54,79,.45))}.ring-accept{fill:none;stroke:#00c86459;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .15s linear,stroke .3s ease}.ring-accept--ready{stroke:#00d46a;filter:drop-shadow(0 0 6px rgba(0,212,106,.5))}.death-timer-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;line-height:0;color:#e8364f;opacity:.85}.death-timer-icon svg{position:static;transform:none;width:100%;height:100%;display:block}.death-timer-info{display:flex;flex-direction:column;align-items:center;gap:2px}.death-timer-clock{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#e8364f;letter-spacing:1px;text-shadow:0 0 8px rgba(232,54,79,.5)}.death-timer-sep{animation:blink 1s steps(1) infinite}.death-timer-label{font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px}.death-timer-label--accept{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3);animation:pulse 2s ease-in-out infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.phone-container{position:fixed;right:350px;bottom:-400px;transform:none;z-index:1000;user-select:none;-webkit-user-select:none;font-smooth:always;-webkit-font-smoothing:antialiased;transition:bottom .3s ease-out;cursor:pointer}.phone-container.shown{bottom:20px}.phone-container.hidden{bottom:-510px}.iphone-frame{width:272px;height:556px;position:relative;display:flex;flex-direction:column;background-size:contain;background-repeat:no-repeat;background-position:center;overflow:hidden;border-radius:52px}.phone-screen{position:absolute;inset:10px 13px;background:#000;overflow:hidden;border-radius:40px;display:flex;flex-direction:column;z-index:10}.wallpaper{width:100%;height:100%;background:linear-gradient(110deg,#0a0a1a,#1a0a3a,#2d1a4a);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-top:1px}.screen-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;color:#fff;text-align:center;z-index:10}.phone-info{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.time-display{font-size:62px;font-weight:100;letter-spacing:-3px;font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;line-height:1;-webkit-font-smoothing:antialiased}.date-display{font-size:16px;opacity:.8;font-weight:400;letter-spacing:-.3px;font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;-webkit-font-smoothing:antialiased}.status-bar{position:absolute;top:0;left:0;right:0;height:40px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#fff;font-size:11px;z-index:20;font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;font-weight:400;border-top-left-radius:52px;border-top-right-radius:52px;overflow:hidden}.status-right{display:flex;align-items:center;gap:4px;font-size:15px;justify-content:flex-end;width:100%;margin-top:auto;margin-right:15px}.battery-icon{width:35px;height:20px;stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.battery-container{display:flex;align-items:center;gap:1px;flex-shrink:0}.battery-body{width:22px;height:10px;border:1px solid rgba(255,255,255,.8);border-radius:2px;overflow:hidden;background:transparent;position:relative;display:flex;align-items:center;justify-content:center}.battery-fill{position:absolute;left:0;top:0;height:100%;background:#fff;transition:width .3s ease,background-color .3s ease;border-radius:1px}.battery-percentage{position:absolute;font-size:10px;font-weight:600;color:#000;z-index:10;font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;letter-spacing:-.2px}.battery-nub{width:2px;height:5px;background:#fffc;border-radius:0 1px 1px 0;flex-shrink:0}.battery-text{margin-left:2px;font-size:12px;font-weight:500;opacity:.9;letter-spacing:-.2px}.home-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);height:4px;width:118px;background:#ffffff52;border-radius:2px;z-index:15;box-shadow:0 0 1px #0000004d}@media(max-height:900px){.iphone-frame{transform:scale(.92)}}@media(max-height:800px){.iphone-frame{transform:scale(.82)}}@media(max-height:700px){.iphone-frame{transform:scale(.72)}}@media(max-height:600px){.iphone-frame{transform:scale(.62);right:30px}}.inventory-root{width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:9999;position:relative;font-family:Blinker,sans-serif}.background{width:50vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-9999}.inventory-left-section{position:fixed;left:30px;display:flex;flex-direction:row;align-items:center;gap:15px;height:100vh}.inventory-left-group{display:flex;justify-content:center;flex-direction:column;transform:perspective(100px) rotateY(1deg);gap:10px}.inventory-left-accessories{height:auto!important;width:100px!important;min-width:80px!important;padding:12px!important}.inventory-left-accessories .inventory-slots{grid-template-columns:1fr!important;grid-template-rows:repeat(4,70px)!important;height:auto!important;gap:8px!important;overflow-y:hidden!important;padding-right:0!important}.inventory-left-accessories .inventory-slot{height:70px!important}.inventory-left-accessories .inventory-header-progress,.inventory-left-accessories .inventory-sort-controls{display:none!important}.inventory-left-accessories .inventory-item-icon{top:50%!important}.inventory-right-center{position:fixed;transform:translateY(-50%) perspective(100px) rotateY(-1deg);transform-origin:right center;right:30px;top:50%}.inventory-container{padding:20px;height:440px;width:530px;background-color:#000000f2;border:2px solid #ff000080;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a}.inventory-container-locked{opacity:.6;background-color:#323232f1!important;filter:grayscale(100%);pointer-events:none}.inventory-container-locked .inventory-header{opacity:.7}.inventory-container-locked .inventory-sort-controls{opacity:.5;pointer-events:none}.inventory-container-locked .inventory-sort-option:hover{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.inventory-header{display:flex;flex-direction:column;color:#fff;gap:1rem}.inventory-header-content{display:flex;justify-content:space-between;align-items:center}.inventory-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.inventory-title-text{font-size:1rem;font-weight:400}.inventory-weight{display:flex;align-items:center;gap:.2rem}.inventory-weight-icon{width:24px;height:24px}.inventory-weight-text{font-size:.9rem;font-weight:400}.inventory-sort-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.inventory-sort-label{color:#ffffff80;font-size:.75rem;margin-right:4px}.inventory-sort-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.7rem;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.inventory-sort-option svg{width:20px;height:20px}.inventory-sort-option:hover{background:#8b000033;border-color:#8b000080;color:#b22222}.inventory-sort-option.active{background:#8b00004d;border-color:#8b0000;color:#b22222}.inventory-header-progress{width:100%;height:11px;border-radius:5px;border:2px solid rgba(255,255,255,.1)}.inventory-header-progress-fill{height:100%;border-radius:5px;max-width:100%;background-color:#8b0000}.inventory-slots{display:grid;margin-top:1rem;grid-template-columns:repeat(4,1fr);gap:1rem;overflow-y:scroll;overflow-x:hidden;height:335px;padding-right:10px}.inventory-slots::-webkit-scrollbar{width:8px}.inventory-slots::-webkit-scrollbar-track{background-color:#ffffff1a}.inventory-slots::-webkit-scrollbar-thumb{background-color:#8b0000;border-radius:5px}.inventory-slot{width:100%;height:100px;background-color:#ffffff1a;border-radius:5px;position:relative;border:2px solid transparent;border-image:radial-gradient(109.02% 98.02% at 50% 50%,#fff0 47.12%,#ffffff48);border-image-slice:1}.inventory-slot-locked{background-color:#6464644d;opacity:.6}.inventory-slot-locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;opacity:.8;z-index:10}.inventory-item{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.inventory-item-locked{opacity:.5;filter:grayscale(100%);cursor:not-allowed!important}.inventory-item-icon{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:50px;height:auto;object-fit:contain}.inventory-item-name{position:absolute;font-size:15px;text-align:center;max-width:90%;font-weight:400;color:#fff;bottom:5px;left:50%;transform:translate(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-item-weight{position:absolute;top:5px;right:5px;color:#ffffffaf;font-size:14px}.inventory-item-quantity{position:absolute;top:5px;left:5px;color:#b22222;font-size:14px;font-weight:600;background-color:#00000080;padding:2px 4px;border-radius:3px}.inventory-context-menu{position:fixed;background-color:#000000b3;border:2px solid rgba(255,255,255,.116);border-radius:8px;padding:8px 0;min-width:160px;z-index:1000;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:contextMenuAppear .15s ease-out}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inventory-context-menu-header{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}.inventory-context-menu-icon{width:28px;height:28px;object-fit:contain}.inventory-context-menu-info{display:flex;flex-direction:column;gap:2px}.inventory-context-menu-title{color:#fff;font-size:.85rem;font-weight:400}.inventory-context-menu-weight{color:#ffffff80;font-size:.7rem}.inventory-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:#fff;font-size:.85rem;font-weight:400;cursor:pointer;transition:all .15s ease;text-align:left}.inventory-context-menu-item:hover{background-color:#8b000033;padding-left:20px}.inventory-context-menu-item:hover .inventory-context-menu-item-icon{color:#b22222}.inventory-context-menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;color:#ffffffb3;transition:color .15s ease}.inventory-context-menu-item-label{transition:color .15s ease}.inventory-slot-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.inventory-slot-placeholder-icon{width:40px;height:40px;opacity:.3;color:#fff}.inventory-slot-active{border-color:#8b0000!important;background-color:#8b000033!important}.inventory-slot-invalid{border-color:#dc3545!important;background-color:#dc354533!important}.speedometer-wrapper{position:fixed;bottom:0;right:0;z-index:99;background:transparent;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none;width:100%;height:100%;padding-right:1rem;padding-bottom:.5rem}.speedometer-svg{width:100%;max-width:550px;height:auto;display:block;flex-shrink:0}.speedometer-gauge-text{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:900;font-size:23px;fill:#fff}.speedometer-digital-value{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:900;fill:#fff}.speedometer-digital-label{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:700;fill:#fff;letter-spacing:2px}.speedometer-status-icons .speedometer-status-icon{transition:all .3s ease}.speedometer-status-icons .speedometer-status-icon.speedometer-off{color:#fff}.speedometer-status-icons .speedometer-status-icon.speedometer-seatbelt.speedometer-on{color:#ef4444}.speedometer-status-icons .speedometer-status-icon.speedometer-lights.speedometer-on{color:#3b82f6}.speedometer-status-icons .speedometer-status-icon.speedometer-lock.speedometer-on{color:#22c55e}.speedometer-status-icons .speedometer-status-icon.speedometer-engine.speedometer-on{color:#f97316}.buy-car-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.buy-car-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #a50404;border-radius:8px;width:100%;max-width:400px;box-shadow:0 8px 32px #ff00004d,inset 0 1px #ffffff1a;animation:slideInDown .3s ease-out;pointer-events:auto}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.buy-car-header{background-color:#ffffff0d;border-bottom:1px solid #a00b0b;padding:16px;border-radius:6px 6px 0 0}.buy-car-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.buy-car-content{padding:24px 16px;text-align:center}.vehicle-info{margin-bottom:20px;padding:12px;background-color:#ffffff0d;border-radius:6px;border:1px solid rgba(180,9,9,.966)}.vehicle-name{margin:0 0 8px;color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.vehicle-price{margin:0;color:#0f0;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(0,255,0,.4)}.confirmation-text{color:#ccc;font-size:14px;margin:0}.buy-car-footer{display:flex;gap:12px;padding:16px;border-top:1px solid rgba(0,255,0,.2);background-color:#0000004d;border-radius:0 0 6px 6px}.btn-confirm,.btn-cancel{flex:1;padding:12px 16px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn-confirm{background:linear-gradient(135deg,#0f0,#0c0);color:#000;box-shadow:0 0 10px #00ff0080}.btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#0f6,#0f0);box-shadow:0 0 20px #0f0c;transform:translateY(-2px)}.btn-confirm:active:not(:disabled){transform:translateY(0);box-shadow:0 0 10px #00ff0080}.btn-cancel{background:linear-gradient(135deg,#444,#333);color:#fff;border:1px solid #666666}.btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#555,#444);border-color:#888;transform:translateY(-2px)}.btn-cancel:active:not(:disabled){transform:translateY(0)}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.dealership-container{height:100vh;width:100%;background-size:cover;cursor:grab}.dealership-container.is-rotating{cursor:grabbing}.dealership-content-wrapper{height:100%;width:100%}.dealership-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;width:100%}.dealership-navbar{margin:30px 0;display:flex;width:100%;align-items:center;justify-content:space-between}.dealership-navbar-center{display:flex;align-items:center;width:100%;justify-content:center}.dealership-vehicle-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dealership-vehicle-name-wrapper{display:flex;align-items:center;justify-content:flex-start;margin-top:15px}.dealership-vehicle-name{position:absolute;margin-left:48px;font-size:30px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff}.dealership-vehicle-stock{display:flex;align-items:center;gap:8px;color:#f5a623;font-weight:700;font-size:28.8px;width:100%}.dealership-vehicle-stock svg{width:25px;height:25px}.dealership-vehicle-price{display:flex;align-items:center;justify-content:flex-start;margin-left:48px;gap:9.6px;margin-top:21px}.dealership-price-icon{width:28.8px;color:#4ade80}.dealership-price-amount{font-size:24.96px;font-weight:800;color:#4ade80;filter:drop-shadow(0 0 10px rgba(74,222,128,.4))}.dealership-stats-grid{margin-left:48px;margin-top:32px}.dealership-traction-section{margin-left:48px;margin-top:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.dealership-traction-title{font-size:23.04px;font-weight:800;font-style:italic;color:#fff}.dealership-traction-description{width:60%;font-size:11px;font-weight:500;color:#e2e1e199}.dealership-actions{position:absolute;bottom:300px;right:0;margin-right:48px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;width:100%}.dealership-color-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:40px;row-gap:21px}.dealership-color-swatch{height:30px;width:30px;border-radius:9px;cursor:pointer;transition:all .3s ease}.dealership-color-swatch:hover{box-shadow:0 0 0 4px #fff}.dealership-color-swatch.selected{cursor:default;box-shadow:0 0 0 4px #fff}.dealership-price-value-inner{display:flex;align-items:center;gap:3px;transform:skew(15deg)}.dealership-price-icon-small{width:21.12px;color:#141414d9}.dealership-buttons-col{margin-top:27px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:15.36px}.dealership-button-inner{display:flex;align-items:center;justify-content:center;gap:3px}.dealership-button{display:flex;position:relative;justify-content:center;align-items:center;gap:7px;background-color:#4ade80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2c2c2c;padding:10px 28.8px;font-size:23.04px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .2s ease;border-radius:4px;overflow:hidden;border:none}.dealership-button:hover{opacity:.6}.dealership-button svg:nth-child(1){position:absolute;opacity:.4;width:90px;height:90px;z-index:-5}.dealership-button.test-drive{background-color:#fc2}.dealership-button-icon{width:23.04px}.dealership-vehicle-stats{display:flex;align-items:center;margin:12px 0;gap:10px}.dealership-vehicle-stats-bar{position:relative;height:10.8px;width:134.4px;background-color:#2c2c2c}.dealership-vehicle-stats-label{font-size:16px;color:#f5a623;font-weight:600}.dealership-vehicle-stats-value{font-size:16px;color:#fff;font-weight:600}.dealership-stat-bar-fill{height:100%;background-color:#fff}.dealership-stat-bar-thumb{position:absolute;top:50%;height:18px;width:28.8px;background-color:#fff;transform:translateY(-50%)}.dealership-traction-icon{margin-top:21.6px;width:78px}.preview-interface-container{position:fixed;inset:0;display:flex;justify-content:space-between;align-items:center;padding:40px;pointer-events:none}.preview-left-panel,.preview-right-panel{pointer-events:auto;width:450px}.preview-right-panel{width:305px}.preview-left-panel{transform:perspective(1000px) rotateY(15deg);transform-origin:left center}.preview-right-panel{transform:perspective(1000px) rotateY(-15deg);transform-origin:right center;display:flex;flex-direction:column;align-items:flex-end}.preview-left-panel .dealership-vehicle-info,.preview-right-panel .dealership-actions{background:#000000e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:30px;border-radius:8px;border:2px solid #ff000080;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a;position:relative;width:100%;bottom:0%}.preview-controls{position:fixed;bottom:50px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;pointer-events:auto}.preview-back-button{background:#8b000033;border:1px solid #8b0000;color:#fff;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s ease}.preview-back-button:hover{background:#8b0000}.preview-cycle-controls{display:flex;align-items:center;gap:20px}.vehicles-container{display:flex;gap:15px;padding:10px;overflow-x:auto;max-width:800px;scrollbar-width:none}.vehicles-container::-webkit-scrollbar{display:none}.vehicles-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;opacity:.6}.vehicles-item.active{opacity:1;transform:scale(1.1)}.vehicles-image-wrapper{width:110px;height:110px;background:#141414cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:5px;transition:all .3s ease}.vehicles-item.active .vehicles-image-wrapper{border-color:#8b0000;box-shadow:0 0 15px #8b00004d}.vehicles-image-wrapper img{width:100%;height:100%;object-fit:contain}.vehicles-name{font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:center;max-width:98%;overflow:hidden;text-overflow:ellipsis}.cycle-arrow{font-size:40px;color:#fff;cursor:pointer;opacity:.5;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cycle-arrow:hover{opacity:1;transform:scale(1.2)}.car-name-display{font-size:32px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,255,255,.2)}.dealership-unique-stat-bar{display:flex;align-items:center;margin:0 10px}.stat-node{display:flex;align-items:center;position:relative}.node-ring{width:10px;height:10px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#0006;z-index:2}.node-core{width:4px;height:4px;background:#ffffff1a;border-radius:50%;transition:all .4s ease}.node-connector{width:6px;height:1.5px;background:#ffffff1a;margin:0 -.5px;transition:all .4s ease;z-index:1}.stat-node.active .node-ring{border-color:#84cc16;background:#84cc161a;box-shadow:0 0 8px #84cc1666,inset 0 0 4px #84cc1633;transform:scale(1.1)}.stat-node.active .node-core{background:#84cc16;box-shadow:0 0 6px #84cc16}.node-connector.active{background:linear-gradient(90deg,#84cc16,#4d7c0f);box-shadow:0 0 4px #84cc164d}.dealership-vehicle-stats-label{font-size:14px;color:#ffffff80;font-weight:700;text-transform:uppercase;letter-spacing:1px;min-width:110px}.dealership-vehicle-stats-value{font-size:18px;color:#fff;font-weight:900;font-style:italic;text-shadow:0 0 10px rgba(255,255,255,.2)}.glitch-text{position:relative;text-shadow:.05em 0 0 rgba(139,0,0,.75),-.025em -.05em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(139,0,0,.75);animation:glitch .5s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(139,0,0,.75),-.05em -.025em 0 rgba(139,0,0,.3),-.025em .05em 0 rgba(139,0,0,.3)}14%{text-shadow:.05em 0 0 rgba(139,0,0,.75),-.05em -.025em 0 rgba(139,0,0,.3),-.025em .05em 0 rgba(139,0,0,.3)}15%{text-shadow:-.05em -.025em 0 rgba(139,0,0,.75),.025em .025em 0 rgba(139,0,0,.3),-.05em -.05em 0 rgba(139,0,0,.3)}49%{text-shadow:-.05em -.025em 0 rgba(139,0,0,.75),.025em .025em 0 rgba(139,0,0,.3),-.05em -.05em 0 rgba(139,0,0,.3)}50%{text-shadow:.025em .05em 0 rgba(139,0,0,.75),.05em 0 0 rgba(139,0,0,.3),0 -.05em 0 rgba(139,0,0,.3)}99%{text-shadow:.025em .05em 0 rgba(139,0,0,.75),.05em 0 0 rgba(139,0,0,.3),0 -.05em 0 rgba(139,0,0,.3)}to{text-shadow:-.025em 0 0 rgba(139,0,0,.75),-.025em -.025em 0 rgba(139,0,0,.3),-.025em -.05em 0 rgba(139,0,0,.3)}}.button-glitter{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:all .5s}.dealership-button:hover .button-glitter{left:100%}.market-root{position:fixed;z-index:200;width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.market-left-panel,.market-right-panel{position:fixed;top:50%;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}.market-left-panel{left:40px;transform:translateY(-50%) perspective(1000px) rotateY(8deg);transform-origin:left center;width:590px;height:calc(100vh - 80px);max-height:820px}.market-right-panel{right:40px;transform:translateY(-50%) perspective(1000px) rotateY(-8deg);transform-origin:right center;width:360px;height:calc(100vh - 80px);max-height:820px;display:flex;flex-direction:column}.market-panel{background:#000000f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid #ff000080;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a;border-radius:8px;padding:24px;height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.market-panel-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.market-panel-title{font-size:1.3rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#fff}.market-panel-subtitle{font-size:1rem;color:#ffffff59;font-weight:500}.market-items-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;gap:12px;flex:1 1 auto;min-height:0;height:100%;align-content:start;width:100%;padding-right:8px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.market-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;height:200px}.market-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:50%;animation:market-spin .6s linear infinite}@keyframes market-spin{to{transform:rotate(360deg)}}.market-items-grid::-webkit-scrollbar{width:6px}.market-items-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.market-items-grid::-webkit-scrollbar-thumb{background:#8b0000;border-radius:4px}.market-item-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,background .2s ease}.market-item-card:hover{border-color:#ffffff2e;background:#ffffff14}.market-item-card.in-cart{border-color:#4ade8059}.market-item-img-wrap{position:relative;background:#ffffff0a;display:flex;align-items:center;justify-content:center;height:110px;padding:14px}.market-item-img{width:60px;height:60px;object-fit:contain}.market-item-qty-badge{position:absolute;top:7px;right:7px;background:#4ade80;color:#111;font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:20px;min-width:18px;text-align:center}.market-item-stock-badge{position:absolute;top:7px;left:7px;color:#f5a623;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.market-item-stock-badge.out-of-stock{color:#ef4444}.market-item-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.market-item-name{font-size:.85rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-item-price{font-size:1.1rem;font-weight:900;color:#4ade80;filter:drop-shadow(0 0 6px rgba(74,222,128,.3))}.market-item-add-btn{background:#4ade801f;border:1px solid rgba(74,222,128,.35);color:#4ade80;padding:7px 6px;border-radius:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:background .15s ease,border-color .15s ease;width:100%}.market-item-add-btn:hover:not(:disabled){background:#4ade8040;border-color:#4ade80}.market-item-add-btn:disabled{background:#ffffff0a;border-color:#ffffff14;color:#fff3;cursor:not-allowed}.market-cart-list{flex:1;min-height:0;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:8px}.market-cart-list::-webkit-scrollbar{width:6px}.market-cart-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.market-cart-list::-webkit-scrollbar-thumb{background:#8b0000;border-radius:4px}.market-cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff3;font-size:.82rem;font-style:italic}.market-cart-item{display:flex;align-items:center;gap:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:10px 12px}.market-cart-img{width:38px;height:38px;object-fit:contain;flex-shrink:0}.market-cart-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.market-cart-name{font-size:.85rem;font-weight:800;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-cart-unit{font-size:.72rem;color:#ffffff59;font-weight:500}.market-cart-subtotal{font-size:.85rem;font-weight:700;color:#4ade80}.market-qty-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}.market-qty-btn{width:24px;height:24px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:4px;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;padding:0;line-height:1}.market-qty-btn:hover{background:#8b00004d;border-color:#8b0000;color:#f66}.market-qty-val{font-size:.82rem;font-weight:800;color:#fff;min-width:22px;text-align:center}.market-remove-btn{width:28px;height:28px;background:#8b00001f;border:1px solid rgba(139,0,0,.35);border-radius:5px;color:#b22222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;flex-shrink:0;padding:0}.market-remove-btn:hover{background:#8b00004d;border-color:#8b0000;color:#f44}.market-cart-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.market-total-row{display:flex;align-items:center;justify-content:space-between}.market-total-label{font-size:.82rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.market-total-price{display:flex;align-items:center;gap:5px;font-size:1.5rem;font-weight:900;color:#4ade80;filter:drop-shadow(0 0 12px rgba(74,222,128,.4))}.market-buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#4ade80;border:none;border-radius:5px;padding:14px;color:#111;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:opacity .2s ease;width:100%;position:relative;overflow:hidden}.market-buy-btn:before{content:"";position:absolute;inset:0;background:#ffffff14;opacity:0;transition:opacity .15s ease}.market-buy-btn:hover:not(:disabled):before{opacity:1}.market-buy-btn:disabled{background:#ffffff12;color:#ffffff26;cursor:not-allowed}.business-info-panel{position:fixed;bottom:20%;left:85%;transform:translate(-50%);z-index:150;min-width:340px;max-width:390px;background:#000000f3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #ff000080;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a;border-radius:8px;padding:16px 20px;font-family:Montserrat,sans-serif;color:#fff;animation:businessInfoSlideIn .25s ease-out}@keyframes businessInfoSlideIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.business-info-close{position:absolute;top:8px;right:10px;background:none;border:none;color:#fff6;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;transition:color .15s ease}.business-info-close:hover{color:#fffc}.business-info-id{font-size:12px;font-weight:600;color:#ffffff4d;letter-spacing:1px;margin-bottom:2px}.business-info-type{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;margin-bottom:6px}.business-info-ownership{font-size:16px;font-weight:500;color:#fff;margin-bottom:2px}.business-info-ownership.for-sale{color:#4ade80}.business-info-price{font-size:16px;color:#ffffff8c;margin-bottom:14px}.business-info-buttons{display:flex;gap:8px}.business-info-btn{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:#fffc;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;text-align:center;letter-spacing:.5px;cursor:default;transition:background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.business-info-btn .keybind{color:#ffffff59;margin-right:4px}.business-info-btn.shop{border-color:#4ade8040;color:#4ade80}.business-info-btn.manage{border-color:#60a5fa40;color:#60a5fa}.business-info-btn.purchase{border-color:#fbbf2440;color:#fbbf24}.interaction-wheel-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.interaction-wheel-wheel{position:relative;width:380px;height:380px;display:flex;align-items:center;justify-content:center}.interaction-wheel-segment-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.interaction-wheel-svg{position:absolute;inset:0;overflow:visible;pointer-events:none}.interaction-wheel-segment{transition:colors .2s;cursor:pointer;pointer-events:auto}.interaction-wheel-segment-texture,.interaction-wheel-segment-highlight{pointer-events:none}.interaction-wheel-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:none;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.interaction-wheel-icon{width:32px!important;height:32px!important;object-fit:contain}.interaction-wheel-back-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;cursor:pointer;pointer-events:auto}.interaction-wheel-back-button-inner{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.interaction-wheel-back-button-glow{position:absolute;inset:0;border-radius:50%;background-color:#0009;filter:blur(24px);transition:background-color .2s}.interaction-wheel-back-button-main{position:absolute;inset:8px;border-radius:50%;background-color:#0f0f0f;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.interaction-wheel-back-button-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.interaction-wheel-back-button-content svg,.interaction-wheel-back-button-icon{width:50px;height:50px;color:#fff;transition:color .2s}.interaction-wheel-back-button-icon{object-fit:contain}.interaction-wheel-back-button-content svg:hover{color:#8b0000}.interaction-wheel-back-button-text{color:#fff;font-weight:900;font-size:10px;letter-spacing:.15em;text-transform:uppercase;-webkit-user-select:none;user-select:none;opacity:.8}.interaction-wheel-back-button-overlay{position:absolute;inset:8px;border-radius:50%;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none}.job-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:all}.job-confirm-panel{background:#0f0f0ff2;border-radius:8px;padding:30px 40px;text-align:center;min-width:320px;border:2px solid #ff000080;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a}.job-confirm-title{font-size:18px;color:#e65c00;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.job-confirm-description{font-size:15px;color:#fff;margin-bottom:24px;line-height:1.4}.job-confirm-buttons{display:flex;gap:16px;justify-content:center}.job-confirm-btn{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:#fffc;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;text-align:center;letter-spacing:.5px;cursor:pointer;transition:background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.job-confirm-btn:hover{background:#ffffff1a}.job-confirm-btn.yes{border-color:#4ade8040;color:#4ade80}.job-confirm-btn.no{border-color:#f8717140;color:#f87171}.fire-mission-hud{position:fixed;top:50%;right:7rem;transform:translateY(-50%);width:260px;background:#0a0a0ad9;border:2px solid #ff000080;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a;border-radius:15px;padding:14px 16px;color:#fff;font-family:Segoe UI,Arial,sans-serif;z-index:200;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fire-mission-hud__header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.fire-mission-hud__icon{position:absolute;left:0;font-size:18px;line-height:1}.fire-mission-hud__title{font-size:13px;font-weight:700;letter-spacing:1.5px;color:#ff4500;text-transform:uppercase}.fire-mission-hud__location{font-size:11px;color:#ccc;margin-bottom:8px}.fire-mission-hud__divider{height:1px;background:#ffffff1f;margin-bottom:10px}.fire-mission-hud__stats{display:flex;flex-direction:column;gap:8px}.fire-mission-hud__stat{display:flex;justify-content:space-between;align-items:center}.fire-mission-hud__stat-label{font-size:12px;color:#aaa}.fire-mission-hud__stat-value{font-size:14px;font-weight:600;color:#fff}.fire-mission-hud__stat-value--fire{color:#ff6b35}.fire-mission-hud__stat-value--personal{color:#4fc3f7}.taxi-mission-hud{position:fixed;top:50%;right:7rem;transform:translateY(-50%);width:260px;background:#0a0a0ad9;border:2px solid rgba(255,204,0,.5);box-shadow:0 0 20px #ffcc004d,inset 0 0 20px #8b6e001a;border-radius:15px;padding:14px 16px;color:#fff;font-family:Segoe UI,Arial,sans-serif;z-index:200;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.taxi-mission-hud__header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.taxi-mission-hud__icon{position:absolute;left:0;font-size:18px;line-height:1}.taxi-mission-hud__title{font-size:13px;font-weight:700;letter-spacing:1.5px;color:#fc0;text-transform:uppercase}.taxi-mission-hud__passenger{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.taxi-mission-hud__location{font-size:11px;color:#ccc;margin-bottom:8px}.taxi-mission-hud__divider{height:1px;background:#ffffff1f;margin-bottom:10px}.taxi-mission-hud__stats{display:flex;flex-direction:column;gap:8px}.taxi-mission-hud__stat{display:flex;justify-content:space-between;align-items:center}.taxi-mission-hud__stat-label{font-size:12px;color:#aaa}.taxi-mission-hud__stat-value{font-size:14px;font-weight:600;color:#fff}.taxi-mission-hud__stat-value--time{color:#ff6b35}.taxi-mission-hud__stat-value--payment{color:#4fc3f7}.chat-wrapper{position:fixed;top:20px;left:20px;width:730px;z-index:50;font-family:Inter,Segoe UI,system-ui,sans-serif;pointer-events:none;display:flex;flex-direction:column;transition:opacity .3s ease}.chat-wrapper.hidden{opacity:0;pointer-events:none!important}.chat-wrapper.faded{opacity:0;pointer-events:none}.chat-wrapper.active,.chat-wrapper.hovered{pointer-events:auto}.chat-messages{min-height:0;overflow-y:scroll;overflow-x:hidden;direction:rtl;padding:12px 16px 8px;background:transparent;border-radius:10px;transition:background .3s ease;scroll-behavior:smooth;display:flex;flex-direction:column;justify-content:flex-end}.chat-wrapper.active .chat-messages,.chat-wrapper.hovered .chat-messages{background:transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:20px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.chat-msg{font-size:14.5px;font-weight:645;line-height:25px;padding:1px 0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:.02em;direction:ltr;text-align:left}.chat-timestamp{color:#fff;font-size:inherit;font-weight:300;font-variant-numeric:tabular-nums;font-family:Consolas,Courier New,monospace}.chat-input-area{margin-top:4px;padding:0;background:transparent}.chat-input-wrapper{position:relative;width:100%;display:flex;align-items:center;background:#0f0f0fd9;border:2px solid #ff00002c;border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 10px #f006,inset 0 0 20px #8b00001a;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-ghost-container{position:relative;flex:1;min-width:0}.chat-input-ghost{position:absolute;inset:0;padding:11px 0 11px 18px;font-size:13px;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.2;color:#ffffff40;pointer-events:none;white-space:nowrap;overflow:hidden;box-sizing:border-box;display:flex;align-items:center}.chat-input-wrapper:focus-within{border-color:#ff00004b;box-shadow:0 0 16px #ff000080,inset 0 0 20px #8b000026}.chat-input-field{width:100%;background:transparent;border:none;color:#e8e8e8;font-size:13px;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.2;padding:11px 0 11px 18px;outline:none;box-sizing:border-box}.chat-input-field::placeholder{color:#ffffff40;font-weight:400}.chat-input-field:focus{border:none;background:transparent;box-shadow:none}.chat-input-actions{display:flex;align-items:center;gap:4px;padding-right:8px;flex-shrink:0}.chat-send-btn{background:none;border:none;padding:6px;cursor:pointer;color:#d8d8d8;transition:color .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.chat-send-btn:hover{color:#fff;transform:scale(1.15)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn svg{width:18px;height:18px}.chat-emoji-btn{background:none;border:none;padding:6px;cursor:pointer;color:#d8d8d8;transition:color .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.chat-emoji-btn:hover{color:#fff;transform:scale(1.15)}.chat-emoji-btn:active{transform:scale(.95)}.chat-emoji-btn svg{width:18px;height:18px}.chat-emoji-picker{position:absolute;bottom:calc(100% + 8px);right:0;width:320px;background:#0f0f0ff2;border:2px solid #ff00002c;border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 10px #ff00004d,0 8px 24px #00000080;overflow:hidden;z-index:100}.emoji-categories{display:flex;gap:2px;padding:8px 8px 4px;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.emoji-cat-btn{background:none;border:none;padding:4px 6px;font-size:16px;cursor:pointer;border-radius:6px;transition:background .15s ease;flex-shrink:0;opacity:.5}.emoji-cat-btn:hover{background:#ffffff14;opacity:.8}.emoji-cat-btn.active{background:#ffffff1a;opacity:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:200px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:4px}.emoji-grid::-webkit-scrollbar-track{background:transparent}.emoji-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:20px}.emoji-item{background:none;border:none;font-size:20px;padding:4px;cursor:pointer;border-radius:6px;transition:background .1s ease,transform .1s ease;text-align:center;line-height:1}.emoji-item:hover{background:#ffffff1a;transform:scale(1.15)}.chat-scroll-indicator{text-align:center;padding:4px 0;font-size:9px;color:#ffffff4d;letter-spacing:1px;text-transform:uppercase;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:color .2s}.chat-scroll-indicator:hover{color:#fff9}.jvc-root{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200;font-family:Blinker,sans-serif}.jvc-panel{width:min(900px,90vw);max-height:85vh;padding:24px;background:#000000f2;border:2px solid #ff000080;border-radius:8px;box-shadow:0 0 20px #f006,inset 0 0 20px #8b00001a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;color:#fff;box-sizing:border-box;overflow:hidden}.jvc-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.jvc-title{font-size:1.3rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#fff}.jvc-subtitle{font-size:.85rem;color:#fff6;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.jvc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:12px;flex:1 1 auto;min-height:0;align-content:start;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px}.jvc-grid::-webkit-scrollbar{width:8px}.jvc-grid::-webkit-scrollbar-track{background-color:#ffffff0f}.jvc-grid::-webkit-scrollbar-thumb{background-color:#8b0000;border-radius:5px}.jvc-grid::-webkit-scrollbar-thumb:hover{background-color:#b22222}.jvc-card{background-color:#ffffff0f;border:2px solid transparent;border-image:radial-gradient(109.02% 98.02% at 50% 50%,#fff0 47.12%,#ffffff47) 1;border-radius:6px;padding:14px 10px 12px;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;transition:background-color .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease}.jvc-card:hover:not(:disabled){background-color:#8b00002e;border:2px solid #8b0000;box-shadow:0 0 12px #8b000073;transform:translateY(-1px)}.jvc-card:active:not(:disabled){transform:translateY(0)}.jvc-card:disabled{opacity:.4;cursor:default}.jvc-card-submitting{background-color:#8b000059!important;border:2px solid #b22222!important;box-shadow:0 0 16px #b222228c!important;opacity:1!important}.jvc-card-image-wrap{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:4px;margin-bottom:4px}.jvc-card-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));-webkit-user-select:none;user-select:none}.jvc-card-name{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;word-break:break-word;text-align:center}.jvc-card-class{font-size:.7rem;font-weight:400;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em}.jvc-empty{padding:60px 16px;text-align:center;color:#ffffff80;font-style:italic;letter-spacing:.04em}.jvc-cancel{margin-top:16px;align-self:flex-end;background:#8b000033;border:1px solid #8b0000;color:#fff;padding:8px 18px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:background .15s ease,box-shadow .15s ease}.jvc-cancel:hover{background:#8b000066;box-shadow:0 0 10px #8b000080}
