.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-medium) 100%)}.auth-layout{display:flex;gap:60px;align-items:center;max-width:900px;width:100%}.auth-info{flex:1;max-width:400px}.auth-info .logo{margin-bottom:24px}.game-description{color:var(--color-text-muted);font-size:15px;line-height:1.6;margin-bottom:32px}.feature-list{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;color:var(--color-text);font-size:14px}.feature-icon{color:var(--color-primary);flex-shrink:0}.auth-container{max-width:400px;width:100%}@media (max-width: 800px){.auth-layout{flex-direction:column;gap:40px}.auth-info{text-align:center;max-width:100%}.feature-list{align-items:center}.feature-item{justify-content:center}}.auth-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--color-bg-dark);padding:4px;border-radius:12px}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:600;transition:all .2s ease}.auth-tab:hover{color:var(--color-text)}.auth-tab.active{background:var(--color-primary);color:#fff}.auth-form{background:var(--color-bg-medium);padding:32px;border-radius:16px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--color-text-muted)}.auth-error{background:#b44a3a33;border:1px solid var(--color-error);color:var(--color-error);padding:12px 16px;border-radius:8px;font-size:14px}.btn-large{padding:16px 24px;font-size:16px}.auth-footer{text-align:center;margin-top:24px;color:var(--color-text-muted);font-size:14px}.link-btn{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.auto-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--color-text-muted)}.auto-auth-loading .spinner{animation:spin 1s linear infinite;color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-screen{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-medium) 100%)}.home-container{max-width:700px;width:100%}.home-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.logo h1{font-size:36px;font-weight:900;color:var(--color-secondary);text-shadow:3px 3px 0 var(--color-primary);letter-spacing:2px}.logo .subtitle{display:block;font-size:14px;color:var(--color-text-muted);letter-spacing:4px;margin-top:4px}.test-mode-badge{display:inline-block;margin-top:8px;padding:4px 12px;background:linear-gradient(135deg,#fc0,#f90);color:#000;font-size:12px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:1px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.user-info{display:flex;align-items:center;gap:12px}.user-name{font-weight:600;color:var(--color-text)}.btn-small{padding:8px 12px;font-size:13px}.connection-status{text-align:center;margin-bottom:30px}.connection-status span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px}.connection-status .connected{background:#4ade8033;color:var(--color-success)}.connection-status .disconnected{background:#ef444433;color:var(--color-error)}.nickname-form{background:var(--color-bg-medium);padding:40px;border-radius:16px;display:flex;flex-direction:column;gap:20px;text-align:center}.nickname-form h2{color:var(--color-text);font-size:24px}.lobby-section{background:var(--color-bg-medium);padding:24px;border-radius:16px}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lobby-header h2{font-size:20px}.lobby-actions{display:flex;gap:10px}.lobby-actions .btn{display:flex;align-items:center;gap:8px;padding:10px 16px}.lobby-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.no-lobbies{text-align:center;padding:40px;color:var(--color-text-muted)}.no-lobbies .hint{font-size:14px;margin-top:8px}.lobby-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-dark);border-radius:12px}.lobby-item:hover{background:var(--color-bg-light)}.lobby-info{flex:1}.lobby-info h3{font-size:16px;margin-bottom:4px}.lobby-info .host{font-size:12px;color:var(--color-text-muted)}.lobby-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lobby-meta .players{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--color-text-muted)}.lobby-meta .status{font-size:12px;padding:4px 8px;border-radius:4px;text-transform:uppercase}.status-waiting{background:#4ade8033;color:var(--color-success)}.status-in_game{background:#ffd70033;color:var(--color-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-bg-medium);padding:32px;border-radius:16px;min-width:320px;max-width:90%}.modal h2{margin-bottom:24px;text-align:center}.modal .input{width:100%;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.color-picker{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.color-option{width:48px;height:48px;border-radius:50%;border:3px solid transparent;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 12px #ffffff80}.color-red{background:#ef4444}.color-blue{background:#3b82f6}.color-green{background:#22c55e}.color-yellow{background:#eab308}.color-purple{background:#a855f7}.color-orange{background:#f97316}.color-cyan{background:#06b6d4}.color-pink{background:#ec4899}.lobby-section{margin-bottom:24px}.lobby-section:last-child{margin-bottom:0}.lobby-id-row{display:flex;align-items:center;gap:8px;margin-top:4px}.lobby-id{font-size:11px;color:var(--color-text-muted);background:var(--color-bg-medium);padding:4px 8px;border-radius:4px;word-break:break-all;-webkit-user-select:all;user-select:all}.copy-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.copy-btn:hover{color:var(--color-text);background:var(--color-bg-light)}.status.online{background:#5a8f4a33;color:var(--color-success)}.status.offline{background:#9a908333;color:var(--color-text-muted)}.lobby-item-actions{display:flex;gap:8px}.btn-icon{padding:10px}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#9a3a2e}.modal-hint{font-size:14px;color:var(--color-text-muted);text-align:center;margin-bottom:20px}.my-lobby{border-left:3px solid var(--color-primary)}.saved-lobby{border-left:3px solid var(--color-secondary)}.logout-btn{margin-left:auto}.profile-section{background:var(--color-bg-medium);padding:24px;border-radius:16px;margin-bottom:24px}.profile-header{margin-bottom:16px}.profile-header h2{font-size:18px;color:var(--color-text)}.profile-name-section{margin-bottom:20px}.profile-name-display,.profile-name-edit{display:flex;align-items:center;gap:8px}.profile-display-name{font-size:20px;font-weight:700;color:var(--color-text)}.profile-name-input{flex:1;max-width:200px}.btn-edit-icon{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-edit-icon:hover{color:var(--color-text);background:var(--color-bg-dark)}.btn-icon-small{padding:6px 10px}.profile-username{font-size:14px;color:var(--color-text-muted);margin-left:8px}.vehicle-browser{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.browse-btn{background:var(--color-bg-dark);border:none;color:var(--color-text-muted);padding:12px;border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.browse-btn:hover:not(:disabled){background:var(--color-bg-light);color:var(--color-text)}.browse-btn:disabled{opacity:.5;cursor:not-allowed}.vehicle-carousel-container{display:flex;align-items:center;justify-content:center;gap:8px}.vehicle-preview{display:flex;align-items:center;justify-content:center;background:var(--color-bg-dark);border-radius:12px;padding:8px;flex-shrink:0}.vehicle-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.vehicle-preview.small{width:48px;height:48px;opacity:.5}.vehicle-preview.main{width:80px;height:80px;border:2px solid var(--color-primary)}.vehicle-preview.large{width:96px;height:96px}.lobby-name-row{display:flex;align-items:center;gap:8px}.owner-icon{color:var(--color-secondary);flex-shrink:0}.join-modal{text-align:center}.join-preview{padding:24px 0}.join-preview .vehicle-preview{margin:0 auto 16px}.join-player-name{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}.join-hint{font-size:13px;color:var(--color-text-muted)}.nav-links-section{display:flex;justify-content:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.nav-link{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-muted);text-decoration:none;font-size:14px;transition:all .2s}.nav-link:hover{background:#ffffff1a;border-color:#fff3;color:var(--color-text);transform:translateY(-2px)}.nav-icon{font-size:18px}.nav-text{font-weight:500}.scoreboard-link:hover{border-color:#fbbf2480;color:#fbbf24}.wiki-link:hover{border-color:#6b4dc480;color:#c9a6ff}.patches-link:hover{border-color:#22c55e80;color:#4ade80}@media (max-width: 500px){.nav-links-section{flex-direction:column;gap:10px}.nav-link{justify-content:center}}.lobby-item{display:flex;flex-direction:column;gap:0}.lobby-main-row{display:flex;align-items:center;gap:16px;width:100%}.xp-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.xp-icon{color:var(--color-secondary)}.my-xp{font-size:14px;color:#c9a6ff;font-weight:600}.expand-btn{background:var(--color-bg-medium);border:none;color:var(--color-text-muted);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s}.expand-btn:hover{background:var(--color-bg-light);color:var(--color-text)}.lobby-members{background:#0003;border-radius:8px;padding:12px 16px;margin-top:12px}.members-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-text-muted);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.total-xp{color:#c9a6ff;font-weight:600}.members-list{display:flex;flex-direction:column;gap:6px}.member-row{display:flex;align-items:center;gap:12px;padding:6px 8px;background:#ffffff08;border-radius:4px}.member-rank{color:var(--color-text-muted);font-size:12px;min-width:28px}.member-name{flex:1;color:var(--color-text);font-size:14px}.member-xp{color:#c9a6ff;font-size:13px;font-weight:500}.btn-edit-icon.small{padding:2px;margin-left:-4px}.lobby-item.expanded{background:var(--color-bg-light)}.lobby-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-medium) 100%)}.lobby-container{max-width:500px;width:100%}.back-btn{display:flex;align-items:center;gap:8px;background:transparent;color:var(--color-text-muted);padding:8px 0;margin-bottom:20px;transition:color .2s ease}.back-btn:hover{color:var(--color-text)}.lobby-title{text-align:center;margin-bottom:40px}.lobby-title h1{font-size:32px;color:var(--color-secondary);margin-bottom:8px}.lobby-title .lobby-id{font-size:12px;color:var(--color-text-muted);font-family:monospace}.players-section{background:var(--color-bg-medium);padding:24px;border-radius:16px;margin-bottom:24px}.players-section h2{font-size:18px;margin-bottom:20px;color:var(--color-text-muted)}.players-list{display:flex;flex-direction:column;gap:12px}.player-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-dark);border-radius:12px;border:2px solid transparent}.player-card.is-self{border-color:var(--color-primary)}.player-card.empty{opacity:.4}.player-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-bg-light)}.player-avatar.empty{border:2px dashed var(--color-text-muted);background:transparent}.player-info{flex:1;display:flex;flex-direction:column;gap:4px}.player-name{font-weight:600}.host-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-secondary)}.ready-status{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef444433;color:var(--color-error)}.ready-status.ready{background:#4ade8033;color:var(--color-success)}.lobby-actions{display:flex;justify-content:center}.btn-large{padding:16px 48px;font-size:18px;width:100%}.hud-panel{position:absolute;pointer-events:auto;font-family:Courier New,Consolas,monospace}.hud-bottom-left{bottom:30px;left:30px;background:linear-gradient(180deg,#1a4d1a,#0d260d);border:4px solid #2a5a2a;border-radius:10px;padding:14px;box-shadow:inset 0 2px 4px #ffffff1a,0 6px 12px #0009}.hud-bottom-right{bottom:30px;right:30px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:4px solid #444;border-radius:10px;padding:14px;min-width:180px;max-width:260px;box-shadow:inset 0 2px 4px #ffffff1a,0 6px 12px #0009}.hud-top-right{top:30px;right:30px;background:linear-gradient(180deg,#1a4d1a,#0d260d);border:4px solid #2a5a2a;border-radius:10px;padding:12px 18px;box-shadow:inset 0 2px 4px #ffffff1a,0 6px 12px #0009}.hud-xp-display{top:30px;left:30px;background:linear-gradient(180deg,#1e1e28d9,#14141ce6);border:2px solid rgba(100,100,120,.4);border-radius:8px;padding:8px 14px;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.xp-container{display:flex;flex-direction:column;align-items:center;gap:3px}.xp-main{display:flex;align-items:baseline;gap:5px}.xp-value{font-size:18px;font-weight:700;color:#ddd;letter-spacing:.5px}.xp-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase}.xp-multiplier{font-size:10px;color:#aaa;font-weight:600;padding:2px 6px;background:#ffffff14;border-radius:3px;border:1px solid rgba(255,255,255,.1);cursor:help}.silo-container{display:flex;gap:16px;margin-bottom:12px}.silo{display:flex;flex-direction:column;align-items:center}.silo-label{font-size:13px;font-weight:700;color:#fc0;text-transform:uppercase;margin-bottom:6px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.silo-tank{width:44px;height:100px;background:linear-gradient(180deg,#1a1a1a,#333,#1a1a1a);border:3px solid #555;border-radius:6px 6px 10px 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000c,0 3px 6px #00000080}.silo-fill{position:absolute;bottom:0;left:0;right:0;transition:height .3s ease;border-radius:0 0 7px 7px}.silo-fill.hull-fill{background:linear-gradient(180deg,#f44,#c00,#900);box-shadow:inset 0 0 12px #ff646480}.silo-fill.fuel-fill{background:linear-gradient(180deg,#b8860b,#8b6914,#654a0e);box-shadow:inset 0 0 12px #c8963280}.silo-marker{position:absolute;left:0;right:0;height:1px;background:#ffffff4d}.silo-indicator{position:absolute;right:-4px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0;font-size:10px;font-weight:700;color:#fc0}.indicator-f{text-shadow:0 0 4px #ffcc00}.indicator-e{color:#f44;text-shadow:0 0 4px #ff4444}.low-fuel-warning{color:#f44!important;animation:fuel-blink 1s ease-in-out infinite}.low-fuel-tank{border-color:#f44!important;animation:fuel-glow 1.5s ease-in-out infinite}@keyframes fuel-blink{0%,to{opacity:1;text-shadow:1px 1px 2px rgba(0,0,0,.8)}50%{opacity:.5;text-shadow:0 0 8px rgba(255,68,68,.8)}}@keyframes fuel-glow{0%,to{box-shadow:inset 0 0 12px #000c,0 3px 6px #00000080}50%{box-shadow:inset 0 0 12px #000c,0 3px 6px #00000080,0 0 15px #f449}}.altitude-display{display:flex;align-items:baseline;justify-content:center;background:#0a0a0a;border:3px solid #333;border-radius:6px;padding:6px 12px;margin-top:12px}.altitude-value{font-size:32px;font-weight:700;color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5)}.altitude-unit{font-size:14px;color:#888;margin-left:4px}.hud-right{top:20px;right:20px;background:linear-gradient(180deg,#1a4d1a,#0d260d);border:4px solid #2a5a2a;border-radius:10px;padding:14px;min-width:160px;box-shadow:inset 0 2px 4px #ffffff1a,0 6px 12px #0009}.cargo-display{margin-bottom:10px}.cargo-bar-container{display:flex;flex-direction:column;gap:4px}.cargo-bar{height:18px;background:linear-gradient(180deg,#1a1a1a,#333,#1a1a1a);border:3px solid #555;border-radius:4px;overflow:hidden}.cargo-bar-fill{height:100%;background:linear-gradient(180deg,#4a90d9,#2a5a8a,#1a3a5a);transition:width .3s ease;box-shadow:inset 0 0 10px #6496ff80}.cargo-text{font-size:12px;color:#aaa;text-align:right}.money-display{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.money-value{font-size:32px;font-weight:700;color:#2c2;text-shadow:0 0 10px rgba(34,204,34,.5)}.money-suffix{font-size:18px;font-weight:700;color:#2c2;opacity:.8}.stats-row{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.stats-row.upgrades-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cargo-section{margin-bottom:10px}.cargo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cargo-label{font-size:13px;font-weight:700;color:#fc0;text-transform:uppercase}.inventory-section{border-top:2px solid #333}.upgrades-display{display:flex;gap:10px;justify-content:center}.upgrade-item{display:flex;align-items:center;justify-content:center;gap:4px}.upgrade-icon{font-size:14px}.upgrade-level{font-size:11px;color:#fc0;font-weight:700}.hud-top-center{top:20px;left:50%;transform:translate(-50%)}.clock-retro{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#1a1a3a,#0d0d1d);border:4px solid #3a3a6a;border-radius:10px;padding:10px 20px;box-shadow:inset 0 2px 4px #ffffff1a,0 6px 12px #0009}.clock-day-retro{font-size:12px;font-weight:700;color:#ffd700cc;text-transform:uppercase;letter-spacing:4px}.clock-time-retro{font-size:32px;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(255,215,0,.5);letter-spacing:4px}.hud-inventory-retro{bottom:70px;right:20px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:3px solid #444;border-radius:10px;padding:12px;min-width:200px;max-width:240px;box-shadow:0 6px 12px #0009}.inventory-header-retro{font-size:14px;font-weight:700;color:#fc0;text-transform:uppercase;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #333;text-shadow:0 0 6px rgba(255,204,0,.3)}.inventory-category-retro{margin-bottom:10px}.inventory-category-retro:last-child{margin-bottom:0}.category-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.category-name-retro{font-size:13px;font-weight:700}.category-sell-retro{font-size:11px;color:#666;flex:1;text-align:right}.inventory-items-retro{display:flex;flex-wrap:wrap;gap:4px}.inventory-item-retro{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);cursor:help;transition:transform .1s}.inventory-item-retro:hover{transform:scale(1.15);z-index:1}.item-qty-retro{font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-controls-retro{bottom:20px;left:50%;transform:translate(-50%);background:#000000bf;padding:8px 16px;border-radius:8px;border:2px solid #333}.hud-controls-retro span{font-size:12px;color:#ffffffb3}.hud-top-left{top:30px;left:30px}.hud-action-buttons{display:flex;gap:10px}.hud-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:3px solid #444;border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .15s ease;position:relative;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0006}.hud-action-btn:hover{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-color:#666;transform:translateY(-2px)}.hud-action-btn:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0006}.hud-action-btn .btn-icon{font-size:24px}.hud-action-btn .btn-label{font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;font-family:Courier New,monospace}.hud-action-btn.has-notification{border-color:#f44;animation:trade-pulse 1s ease-in-out infinite}@keyframes trade-pulse{0%,to{box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0006,0 0 10px #ff44444d}50%{box-shadow:inset 0 2px 4px #ffffff1a,0 4px 8px #0006,0 0 20px #f449}}.notification-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#f44;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;animation:badge-bounce .5s ease-in-out infinite}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hud-action-btn.has-nearby{border-color:#4a4}.nearby-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;background:#4a4;border:2px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;padding:0 4px}.hud-open-inventory-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:6px 10px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border:2px solid #555;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:Courier New,monospace}.hud-open-inventory-btn:hover{background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border-color:#777;transform:translateY(-1px)}.hud-open-inventory-btn:active{transform:translateY(0)}.hud-open-inventory-btn .btn-icon{font-size:14px}.hud-open-inventory-btn .btn-text{font-size:11px;font-weight:700;color:#fc0;text-transform:uppercase}.cheat-warning-banner{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(90deg,#1a0000,#4a0000 20%,#7a0000,#4a0000 80%,#1a0000);border-bottom:3px solid #ff4444;box-shadow:0 4px 20px #f006;z-index:9999;animation:cheat-pulse 2s ease-in-out infinite}@keyframes cheat-pulse{0%,to{opacity:.9}50%{opacity:1}}.cheat-warning-icon{font-size:18px;animation:cheat-shake .5s ease-in-out infinite}@keyframes cheat-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.cheat-warning-text{color:#f66;font-family:Courier New,monospace;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,0,0,.5)}.inventory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inventory-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #6b4dc4;border-radius:12px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 0 30px #6b4dc466;font-family:Courier New,monospace;color:#e0e0e0}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(107,77,196,.3)}.inventory-header h2{margin:0;font-size:22px;font-weight:600;color:#c9a6ff;letter-spacing:1px}.close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:4px 8px;transition:color .2s}.close-btn:hover{color:#fff}.inventory-section{margin:16px 20px;background:#0000004d;border-radius:8px;padding:14px}.inventory-section h3{margin:0 0 12px;font-size:.9rem;font-weight:500;color:#9580c4;text-transform:uppercase;letter-spacing:.5px}.stats-section .stats-grid{display:flex;flex-direction:column;gap:10px}.stat-item{display:grid;grid-template-columns:30px 80px 1fr;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0d;border-radius:4px}.stat-icon{font-size:16px}.stat-label{color:#888;font-size:.85rem}.stat-value{color:#fff;font-size:.85rem;font-weight:500;text-align:right}.stat-bar{grid-column:1 / 4;height:6px;background:#0006;border-radius:3px;overflow:hidden;margin-top:4px}.stat-bar-fill{height:100%;transition:width .3s ease;border-radius:3px}.stat-bar-fill.fuel{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-bar-fill.hull{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-bar-fill.cargo{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.upgrade-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px}.upgrade-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.upgrade-icon{font-size:16px}.upgrade-name{flex:1;font-size:.85rem;font-weight:500;color:#ddd}.upgrade-level{font-size:.75rem;color:#888;font-weight:600}.upgrade-bar{position:relative;height:8px;background:#0006;border-radius:4px;overflow:hidden;margin-bottom:6px}.upgrade-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}.upgrade-marker{position:absolute;top:0;bottom:0;width:1px;background:#00000080}.upgrade-stat{font-size:.75rem;color:#888}.upgrade-next{color:#4ade80;margin-left:6px}.loot-section{background:#6b4dc41a;border:1px solid rgba(107,77,196,.3)}.loot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.loot-header h3{margin:0;color:#c9a6ff}.loot-value{font-size:.9rem;color:#fbbf24;font-weight:700}.unified-item-grid{display:flex;flex-wrap:wrap;gap:8px;min-height:60px}.empty-inventory{color:#555;font-size:.85rem;font-style:italic;padding:20px;text-align:center;width:100%}.item-slot{width:48px;height:48px;border:2px solid rgba(255,255,255,.15);border-radius:6px;position:relative;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;background:#0000004d}.item-slot:hover,.item-slot.hovered{transform:scale(1.1);border-color:#c9a6ff99;z-index:10;box-shadow:0 0 15px #c9a6ff4d}.item-slot .item-image{max-width:85%;max-height:85%;object-fit:contain;pointer-events:none}.item-slot .item-quantity{position:absolute;bottom:2px;right:2px;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;background:#000000b3;padding:1px 4px;border-radius:3px}.item-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #6b4dc4;border-radius:8px;padding:12px 16px;min-width:160px;z-index:100;pointer-events:none;margin-bottom:8px;box-shadow:0 4px 20px #6b4dc466}.tooltip-name{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:8px;border-bottom:1px solid rgba(107,77,196,.3);padding-bottom:6px}.tooltip-info{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#888}.tooltip-weight{color:#60a5fa}.tooltip-total{color:#fbbf24;font-weight:700;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.tooltip-shop{color:#4ade80;font-size:.7rem}.action-areas{display:flex;gap:12px;padding:16px 20px}.delete-area{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:2px dashed rgba(248,113,113,.3);border-radius:8px;font-size:.85rem;cursor:not-allowed;transition:all .2s;background:#f871710d;color:#666}.delete-area.active{background:#f8717126;border-color:#f8717180;color:#f87171;cursor:pointer}.delete-area.active:hover{background:#f8717140;border-color:#f87171;box-shadow:0 0 15px #f871714d}.action-icon{font-size:18px}.action-text{font-weight:500}.cursor-item{position:fixed;width:40px;height:40px;border:2px solid rgba(201,166,255,.7);border-radius:6px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2000;box-shadow:0 4px 15px #6b4dc480;opacity:.95}.cursor-item .item-image{max-width:85%;max-height:85%;object-fit:contain}.cursor-item .item-quantity{position:absolute;bottom:-2px;right:-2px;font-size:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;background:#000c;padding:1px 4px;border-radius:3px}.inventory-help{display:flex;justify-content:center;gap:20px;padding:12px 20px;border-top:1px solid rgba(107,77,196,.2);font-size:.75rem;color:#666}.inventory-help span{display:flex;align-items:center;gap:6px}.inventory-panel::-webkit-scrollbar{width:8px}.inventory-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.inventory-panel::-webkit-scrollbar-thumb{background:#6b4dc4;border-radius:4px}.inventory-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf6}@media (max-width: 600px){.inventory-panel{width:95%;max-height:90vh}.upgrades-grid{grid-template-columns:1fr}.stat-item{grid-template-columns:24px 60px 1fr}.inventory-help{flex-direction:column;align-items:center;gap:8px}}.stats-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stats-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #6b4dc4;border-radius:12px;padding:20px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 0 30px #6b4dc466}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(107,77,196,.3)}.stats-header h2{margin:0;color:#c9a6ff;font-size:1.5rem;font-weight:600}.stats-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:4px 8px;transition:color .2s}.stats-close:hover{color:#fff}.stats-content{display:flex;flex-direction:column;gap:16px}.stats-section{background:#0000004d;border-radius:8px;padding:12px}.stats-section h3{margin:0 0 10px;color:#9580c4;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stats-xp-summary{background:linear-gradient(135deg,#2d1f5e,#1f1440);border:1px solid #8b5cf6}.stats-xp-main{text-align:center;margin-bottom:12px}.stats-xp-value{display:block;font-size:2.5rem;font-weight:700;color:#c9a6ff;text-shadow:0 0 20px rgba(201,166,255,.5)}.stats-xp-label{color:#8b7eb8;font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.stats-xp-breakdown{display:flex;justify-content:center;gap:24px;padding-top:12px;border-top:1px solid rgba(139,92,246,.3)}.stats-xp-row{display:flex;gap:8px;color:#a89bc4;font-size:.9rem}.stats-multiplier{color:gold;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats-item{display:flex;justify-content:space-between;padding:6px 8px;background:#ffffff0d;border-radius:4px}.stats-label{color:#888;font-size:.85rem}.stats-value{color:#fff;font-weight:500;font-size:.85rem}.stats-terrain .stats-item{background:#8b451333}.stats-loot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-loot-category{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;background:#ffffff0d}.stats-loot-icon{font-size:1.5rem;margin-bottom:4px}.stats-loot-count{font-size:1.3rem;font-weight:700;color:#fff}.stats-loot-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.stats-pant{background:#00a55033;border:1px solid rgba(0,165,80,.4)}.stats-skrot{background:#8b451333;border:1px solid rgba(139,69,19,.4)}.stats-metal{background:#71797e33;border:1px solid rgba(113,121,126,.4)}.stats-artifact{background:#daa52033;border:1px solid rgba(218,165,32,.4)}.stats-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px;background:#0003;border-radius:4px;font-size:.8rem;color:#aaa}.stats-breakdown-title{color:#888;margin-right:4px}.stats-money-earned{color:#4ade80}.stats-money-spent{color:#f87171}.stats-session{display:flex;justify-content:space-between}.stats-session .stats-item{flex:1}.stats-valid{color:#4ade80}.stats-invalid{color:#f87171;font-weight:600}.stats-footer{margin-top:16px;text-align:center}.stats-hint{color:#666;font-size:.8rem}.stats-panel::-webkit-scrollbar{width:8px}.stats-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.stats-panel::-webkit-scrollbar-thumb{background:#6b4dc4;border-radius:4px}.stats-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf6}@media (max-width: 600px){.stats-panel{padding:16px;max-height:90vh}.stats-loot-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.stats-xp-value{font-size:2rem}}.trade-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trade-panel{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:4px solid #555;border-radius:12px;padding:20px;color:#e0e0e0;font-family:Courier New,monospace;box-shadow:0 0 40px #000c}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #444}.trade-header h2{margin:0;font-size:22px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.close-btn,.btn-cancel{background:#622;border:2px solid #883333;color:#f88;font-size:14px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .15s}.close-btn:hover,.btn-cancel:hover{background:#833;color:#faa}.trade-request{text-align:center;min-width:300px}.trade-request p{font-size:16px;margin:16px 0}.trade-request-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.btn-accept{background:linear-gradient(180deg,#2a6a2a,#1a4a1a);border:2px solid #3a8a3a;color:#afa;font-size:16px;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .15s}.btn-accept:hover{background:linear-gradient(180deg,#3a8a3a,#2a6a2a);transform:scale(1.05)}.btn-decline{background:linear-gradient(180deg,#6a2a2a,#4a1a1a);border:2px solid #8a3a3a;color:#faa;font-size:16px;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .15s}.btn-decline:hover{background:linear-gradient(180deg,#8a3a3a,#6a2a2a);transform:scale(1.05)}.nearby-panel{min-width:350px;max-width:450px}.no-players{text-align:center;padding:30px 20px;color:#888}.no-players p{margin:8px 0}.no-players .hint{font-size:12px;color:#666}.player-section{margin-bottom:16px}.player-section h3{font-size:13px;color:#888;margin:0 0 10px;text-transform:uppercase}.player-list{display:flex;flex-direction:column;gap:8px}.player-item{display:flex;align-items:center;gap:12px;background:#333;padding:10px 14px;border-radius:6px;border:2px solid #444}.player-item.tradable{border-color:#4a8a4a}.player-item.distant{opacity:.6}.player-name{flex:1;font-weight:700;color:#fff}.player-distance{font-size:12px;color:#888}.btn-trade{background:linear-gradient(180deg,#4a6a8a,#3a5a7a);border:2px solid #5a7a9a;color:#acf;font-size:12px;padding:6px 14px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .15s}.btn-trade:hover{background:linear-gradient(180deg,#5a7a9a,#4a6a8a);transform:scale(1.05)}.too-far{font-size:11px;color:#866;font-style:italic}.trade-help{margin-top:16px;padding-top:12px;border-top:1px solid #444;font-size:12px;color:#666;text-align:center}.active-trade{min-width:700px;max-width:900px}.trade-columns{display:flex;gap:20px;margin-bottom:16px}.trade-column{flex:1;background:#222;border:2px solid #444;border-radius:8px;padding:14px}.trade-column h3{margin:0 0 12px;font-size:14px;color:#aaa;text-align:center}.my-offer{border-color:#4a8a4a}.my-offer h3{color:#8c8}.their-offer{border-color:#8a6a4a}.their-offer h3{color:#ca8}.trade-separator{display:flex;align-items:center;font-size:28px;color:#666}.trade-items{display:flex;flex-wrap:wrap;gap:6px;min-height:80px;padding:10px;background:#1a1a1a;border-radius:6px;margin-bottom:12px}.empty-trade{width:100%;text-align:center;color:#555;font-size:12px;padding:20px}.trade-item-slot,.inventory-item-slot{width:44px;height:44px;border:2px solid #555;border-radius:6px;position:relative;cursor:pointer;background:#333;display:flex;align-items:center;justify-content:center;transition:all .15s}.trade-item-slot:hover,.inventory-item-slot:hover{transform:scale(1.1);z-index:10}.trade-item-slot.readonly{cursor:default}.trade-item-slot.readonly:hover{transform:none}.trade-item-slot.locked{box-shadow:0 0 8px #ffc80080}.trade-item-slot .item-image,.inventory-item-slot .item-image{max-width:85%;max-height:85%;object-fit:contain;pointer-events:none}.trade-item-slot .item-color,.inventory-item-slot .item-color{width:70%;height:70%;border-radius:4px}.trade-item-slot .item-quantity,.inventory-item-slot .item-quantity{position:absolute;bottom:1px;right:1px;font-size:9px;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;background:#000000b3;padding:1px 3px;border-radius:3px}.trade-resources{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.resource-input{display:flex;align-items:center;gap:8px}.resource-input label{font-size:13px;min-width:80px}.resource-input input{width:80px;background:#1a1a1a;border:2px solid #444;border-radius:4px;padding:6px 10px;color:#fff;font-family:Courier New,monospace;font-size:13px}.resource-input input:focus{border-color:#666;outline:none}.max-value{font-size:11px;color:#666}.trade-resources.readonly{background:#1a1a1a;padding:10px;border-radius:6px}.resource-display{font-size:14px;color:#aaa;padding:4px 0}.confirm-status{text-align:center;padding:8px;background:#2a2a2a;border-radius:4px;font-size:12px;color:#888}.confirm-status.confirmed{background:#2a4a2a;color:#8c8}.my-inventory{background:#222;border:2px solid #444;border-radius:8px;padding:14px;margin-bottom:16px}.my-inventory h3{margin:0 0 12px;font-size:13px;color:#888}.inventory-grid{display:flex;flex-wrap:wrap;gap:6px;min-height:60px}.empty-inventory{width:100%;text-align:center;color:#555;font-size:12px;padding:16px}.trade-actions{display:flex;justify-content:center}.btn-confirm{background:linear-gradient(180deg,#4a6a8a,#3a5a7a);border:2px solid #5a7a9a;color:#acf;font-size:16px;padding:14px 40px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .15s}.btn-confirm:hover:not(:disabled){background:linear-gradient(180deg,#5a7a9a,#4a6a8a);transform:scale(1.02)}.btn-confirm.confirmed{background:linear-gradient(180deg,#3a5a3a,#2a4a2a);border-color:#4a6a4a;color:#8c8;cursor:wait}.btn-confirm:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 750px){.active-trade{min-width:95%}.trade-columns{flex-direction:column}.trade-separator{transform:rotate(90deg);justify-content:center;padding:10px 0}}.transmission-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn .3s ease}.transmission-overlay.closing{animation:fadeOut .2s ease forwards}.transmission-container{display:flex;gap:15px;padding:25px 25px 70px;background:linear-gradient(180deg,#5a5a5a,#3a3a3a 10%,#4a4a4a,#3a3a3a 90%,#2a2a2a);border-radius:20px;border:5px solid #2a2a2a;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 10px 40px #00000080;animation:slideIn .3s ease;position:relative;width:900px;max-width:90vw;height:550px;max-height:80vh}.transmission-container.closing{animation:slideOut .2s ease forwards}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.transmission-screen{flex:1;min-width:0;height:100%;background:#0a0a0a;border-radius:10px;border:4px solid #1a1a1a;box-shadow:inset 0 0 30px #00320080,inset 0 0 80px #001e004d;position:relative;display:flex;flex-direction:column;overflow:hidden}.screen-header{padding:16px 20px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.transmission-label{color:#0f0;font-family:Courier New,monospace;font-size:20px;font-weight:700;text-shadow:0 0 10px rgba(0,255,0,.5)}.sender-name{color:#fff;font-family:Courier New,monospace;font-size:18px;margin-left:10px}.screen-content{flex:1;min-height:0;padding:0 50px 20px 20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.screen-content::-webkit-scrollbar{display:none}.message-text{color:#0c0;font-family:Courier New,monospace;font-size:17px;line-height:1.7;white-space:pre-wrap;text-shadow:0 0 8px rgba(0,200,0,.4)}.typing-cursor{color:#0f0;animation:blink .5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.scroll-controls{position:absolute;right:10px;top:60px;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:6px}.scroll-btn{width:26px;height:26px;background:linear-gradient(180deg,#4a6a4a,#2a4a2a);border:2px solid #1a3a1a;border-radius:4px;color:#0f0;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.scroll-btn:hover{background:linear-gradient(180deg,#5a8a5a,#3a6a3a)}.scroll-btn:active{transform:scale(.95)}.scroll-track{flex:1;width:20px;background:linear-gradient(180deg,#2a4a2a,#1a3a1a);border:2px solid #0a2a0a;border-radius:6px;position:relative;min-height:100px;cursor:pointer}.scroll-thumb{position:absolute;left:2px;right:2px;height:25%;min-height:30px;background:linear-gradient(180deg,#4a8a4a,#2a6a2a);border-radius:4px;transition:top .1s ease-out;cursor:grab}.scroll-thumb:hover{background:linear-gradient(180deg,#5a9a5a,#3a7a3a)}.scroll-thumb.dragging{cursor:grabbing;background:linear-gradient(180deg,#6aaa6a,#4a8a4a);transition:none}.close-btn{position:absolute;top:10px;right:44px;width:32px;height:32px;background:linear-gradient(180deg,#8a4a4a,#6a2a2a);border:2px solid #4a1a1a;border-radius:50%;color:#f66;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:linear-gradient(180deg,#aa5a5a,#8a3a3a);color:#f88}.portrait-screen{width:220px;height:220px;background:#0a0a0a;border-radius:10px;border:4px solid #1a1a1a;box-shadow:inset 0 0 20px #00320080,inset 0 0 40px #001e004d;padding:10px;align-self:flex-start;flex-shrink:0}.portrait-frame{width:100%;height:100%;border-radius:6px;overflow:hidden;position:relative;background:#0a0a0a}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:sepia(20%) contrast(1.1)}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none}.status-lights{position:absolute;display:flex;flex-direction:column;gap:10px}.status-lights.left{left:10px;bottom:80px}.status-lights.right{right:10px;bottom:80px}.light{width:14px;height:14px;border-radius:50%;border:2px solid #1a1a1a;box-shadow:inset 0 1px 2px #fff3}.light.small{width:10px;height:10px}.light.green{background:radial-gradient(circle at 30% 30%,#8f8,#0a0,#060);box-shadow:inset 0 1px 2px #ffffff4d,0 0 8px #00ff0080}.light.off{background:radial-gradient(circle at 30% 30%,#444,#222,#111)}.light.blink{animation:lightBlink 1s infinite}.light.blink-slow{animation:lightBlink 2s infinite}@keyframes lightBlink{0%,45%{background:radial-gradient(circle at 30% 30%,#8f8,#0a0,#060);box-shadow:inset 0 1px 2px #ffffff4d,0 0 8px #00ff0080}50%,95%{background:radial-gradient(circle at 30% 30%,#464,#242,#121);box-shadow:inset 0 1px 2px #ffffff1a}}.bottom-controls{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:25px}.control-lights{display:flex;gap:8px}.action-btn{background:linear-gradient(180deg,#3a5a3a,#1a3a1a);border:3px solid #0a2a0a;border-radius:8px;color:#0f0;font-family:Courier New,monospace;font-size:18px;font-weight:700;padding:14px 40px;cursor:pointer;text-shadow:0 0 8px rgba(0,255,0,.5);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d;transition:all .15s}.action-btn:hover{background:linear-gradient(180deg,#4a7a4a,#2a5a2a);color:#4f4}.action-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000004d}@media (max-width: 900px){.transmission-container{flex-direction:column;padding:20px 20px 70px;width:95vw;height:auto;max-height:90vh}.transmission-screen{width:100%;height:400px;flex:none}.portrait-screen{width:150px;height:150px;align-self:center}.message-text{font-size:15px}.status-lights{display:none}.bottom-controls{position:absolute;bottom:15px}}.meter-panel{display:flex;flex-direction:column;align-items:center;gap:8px}.meter-label{font-size:14px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:1px}.meter-container{width:60px;height:150px;background:linear-gradient(180deg,#2a2a2a,#3a3a3a,#2a2a2a);border:3px solid #333;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #0009}.meter-fill{position:absolute;bottom:0;left:0;right:0;transition:height .3s ease}.meter-fill.meter-fuel{background:linear-gradient(180deg,#daa520,#b8860b,#8b6914);box-shadow:inset 0 0 12px #c8963280}.meter-fill.meter-hull{background:linear-gradient(180deg,#f55,#d33,#a11);box-shadow:inset 0 0 12px #ff646480}.meter-fill.meter-default{background:linear-gradient(180deg,#59d,#37b,#259);box-shadow:inset 0 0 12px #6496ff80}.meter-markers{position:absolute;top:0;left:0;right:0;bottom:0}.meter-marker{position:absolute;left:0;right:0;height:1px;background:#ffffff4d}.meter-value{font-size:12px;color:#222;text-align:center;font-weight:700}.money-buttons-panel{display:flex;flex-direction:column;gap:10px}.money-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.money-btn{padding:14px 20px;background:#444;border:3px solid #333;border-radius:4px;color:#fc0;font-family:Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.money-btn:hover:not(:disabled){background:#555;transform:translateY(-2px)}.money-btn:active:not(:disabled){transform:translateY(1px)}.money-btn:disabled{opacity:.4;cursor:not-allowed}.money-btn-max{grid-column:span 2;background:#3a5a3a;border-color:#2a4a2a;color:#8f8}.money-btn-max:hover:not(:disabled){background:#4a6a4a}.inventory-table{display:flex;flex-direction:column;background:#4a4a4a;border:3px solid #333;border-radius:4px;overflow:hidden;width:100%;min-width:350px}.inventory-table-header{display:grid;grid-template-columns:1fr 50px 70px 80px;gap:8px;padding:12px 14px;background:#3a3a3a;border-bottom:2px solid #333;font-size:12px;font-weight:700;color:#aaa;text-transform:uppercase}.inventory-table-body{max-height:180px;overflow-y:auto}.inventory-row{display:grid;grid-template-columns:1fr 50px 70px 80px;gap:8px;padding:10px 14px;border-bottom:1px solid #3a3a3a;font-size:14px;color:#eee}.inventory-row:hover{background:#555}.inventory-empty{padding:40px;text-align:center;color:#888;font-style:italic;font-size:16px}.item-color-dot{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:10px;vertical-align:middle;border:1px solid rgba(0,0,0,.3)}.col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-qty,.col-value,.col-total{text-align:right}.col-total{color:#fc0;font-weight:700}.col-actions{display:flex;gap:4px;justify-content:flex-end}.inventory-table-header:has(.col-actions),.inventory-row:has(.col-actions){grid-template-columns:1fr 50px 70px 80px 80px}.sell-item-btn{padding:4px 8px;background:#4a6a4a;border:2px solid #3a5a3a;border-radius:3px;color:#afa;font-family:Courier New,monospace;font-size:11px;font-weight:700;cursor:pointer;transition:all .1s;min-width:28px}.sell-item-btn:hover{background:#5a7a5a}.sell-item-btn.sell-all{background:#5a6a3a;border-color:#4a5a2a;color:#dfa}.sell-item-btn.sell-all:hover{background:#6a7a4a}.inventory-table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px;border-top:2px solid #333;background:#3a3a3a}.sell-all-btn{padding:12px 24px;background:#3a6a3a;border:3px solid #2a5a2a;border-radius:4px;color:#8f8;font-family:Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s}.sell-all-btn:hover:not(:disabled){background:#4a7a4a}.sell-all-btn:disabled{opacity:.4;cursor:not-allowed}.total-value{font-size:20px;font-weight:700;color:#4d4}.inventory-table-body::-webkit-scrollbar{width:10px}.inventory-table-body::-webkit-scrollbar-track{background:#3a3a3a}.inventory-table-body::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.inventory-table-body::-webkit-scrollbar-thumb:hover{background:#666}.pump-station{display:flex;flex-direction:column;gap:12px;width:100%}.pump-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.pump-price-display{display:flex;align-items:baseline;gap:4px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);padding:8px 14px;border-radius:4px;border:2px solid #333;box-shadow:inset 0 0 10px #00000080}.pump-price-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px}.pump-price-value{font-size:24px;font-weight:700;color:#0f0;font-family:Courier New,monospace;text-shadow:0 0 8px rgba(0,255,0,.5)}.pump-price-unit{font-size:12px;color:#0a0;font-family:Courier New,monospace}.pump-marquee{flex:1;font-size:11px;color:#fa0;font-style:italic;text-align:right;opacity:.8}.pump-main{display:flex;gap:16px;align-items:stretch}.pump-gauge-section{display:flex;flex-direction:column;align-items:center}.pump-gauge-frame{display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:10px;border-radius:6px;border:2px solid #444}.pump-gauge-label{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:2px}.pump-gauge{position:relative}.pump-gauge-bg{width:50px;height:120px;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:3px solid #555;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.pump-gauge-fill{position:absolute;bottom:0;left:0;right:0;transition:height .3s ease;border-radius:0 0 2px 2px}.pump-gauge-fill.status-ok{background:linear-gradient(180deg,#daa520,#b8860b,#8b6914);box-shadow:0 0 10px #daa5204d}.pump-gauge-fill.status-low{background:linear-gradient(180deg,#f80,#c60,#940);box-shadow:0 0 10px #f806}.pump-gauge-fill.status-critical{background:linear-gradient(180deg,#f33,#c00,#900);box-shadow:0 0 15px #ff000080;animation:pulse-critical .5s ease-in-out infinite alternate}.pump-gauge-fill.status-full{background:linear-gradient(180deg,#4f4,#2c2,#191);box-shadow:0 0 10px #00ff004d}@keyframes pulse-critical{0%{opacity:.8}to{opacity:1}}.pump-gauge-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pump-gauge-marker{position:absolute;left:0;right:0;height:1px;background:#fff3}.pump-gauge-reading{display:flex;align-items:baseline;gap:2px;font-family:Courier New,monospace}.pump-gauge-current{font-size:16px;font-weight:700;color:#fff}.pump-gauge-separator{font-size:12px;color:#666}.pump-gauge-max{font-size:11px;color:#888}.pump-status{font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:3px}.pump-status.status-ok{color:#daa520;background:#daa52033}.pump-status.status-low{color:#f80;background:#f803}.pump-status.status-critical{color:#f33;background:#f003;animation:blink .5s ease-in-out infinite}.pump-status.status-full{color:#4f4;background:#0f03}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.pump-controls{display:flex;flex-direction:column;gap:10px;flex:1}.pump-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pump-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px;background:linear-gradient(180deg,#6a3a3a,#4a2a2a,#3a1a1a);border:3px solid #5a3a3a;border-radius:6px;color:#fcc;font-family:Courier New,monospace;cursor:pointer;transition:all .1s;min-height:50px}.pump-btn:hover:not(:disabled){background:linear-gradient(180deg,#7a4a4a,#5a3a3a,#4a2a2a);border-color:#7a5a5a;transform:translateY(-1px)}.pump-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d}.pump-btn:disabled,.pump-btn-disabled{background:linear-gradient(180deg,#3a3a3a,#2a2a2a,#1a1a1a);border-color:#333;color:#555;cursor:not-allowed}.pump-btn-liters{font-size:16px;font-weight:700}.pump-btn-cost{font-size:11px;color:#a88}.pump-btn:disabled .pump-btn-cost,.pump-btn-disabled .pump-btn-cost{color:#444}.pump-btn-actual{font-size:9px;color:#888;font-style:italic}.pump-btn-fill{flex-direction:row;gap:10px;padding:12px 16px;background:linear-gradient(180deg,#2a5a2a,#1a4a1a,#0a3a0a);border-color:#3a6a3a;color:#afa;min-height:60px}.pump-btn-fill:hover:not(:disabled){background:linear-gradient(180deg,#3a6a3a,#2a5a2a,#1a4a1a);border-color:#4a7a4a}.pump-btn-fill:disabled,.pump-btn-fill.pump-btn-disabled{background:linear-gradient(180deg,#2a2a2a,#1a1a1a,#0a0a0a);border-color:#333;color:#555}.pump-btn-fill-icon{font-size:20px}.pump-btn-fill-text{font-size:16px;font-weight:700}.pump-btn-fill-details{font-size:11px;color:#8c8}.pump-btn-fill:disabled .pump-btn-fill-details,.pump-btn-fill.pump-btn-disabled .pump-btn-fill-details{color:#444}.pump-btn-full-text{font-size:14px;font-weight:700;color:#8f8}.pump-btn-key{position:absolute;top:4px;left:4px;width:18px;height:18px;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:3px;font-size:11px;color:#888;display:flex;align-items:center;justify-content:center}.pump-btn{position:relative}.pump-btn:hover:not(:disabled) .pump-btn-key{background:#00000080;border-color:#fff6;color:#fff}.pump-btn-fill .pump-btn-key{position:static;background:#0000004d;border-color:#88ff884d;color:#8c8}.pump-btn-fill:hover:not(:disabled) .pump-btn-key{background:#0006;border-color:#88ff8880;color:#afa}.sell-shop-content{width:100%}.kiwi-content{width:100%;display:flex;flex-direction:column;gap:16px}.pant-item-btn{padding:4px 8px;background:#4a6a4a;border:2px solid #3a5a3a;border-radius:3px;color:#afa;font-family:Courier New,monospace;font-size:11px;font-weight:700;cursor:pointer;transition:all .1s;min-width:28px}.pant-item-btn:hover{background:#5a7a5a}.pant-item-btn.pant-all{background:#5a6a3a;border-color:#4a5a2a;color:#dfa}.pant-item-btn.pant-all:hover{background:#6a7a4a}.pant-all-btn{padding:12px 24px;background:#3a6a3a;border:3px solid #2a5a2a;border-radius:4px;color:#8f8;font-family:Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s}.pant-all-btn:hover:not(:disabled){background:#4a7a4a}.pant-all-btn:disabled{opacity:.4;cursor:not-allowed}.kiwi-actions{display:flex;gap:10px}.pantelotteri-btn{padding:12px 20px;background:#c00;border:3px solid #990000;border-radius:4px;color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.pantelotteri-btn:hover:not(:disabled){background:#d22}.pantelotteri-btn:disabled{background:#666;border-color:#444;color:#999;cursor:not-allowed}.red-cross-mini{color:#fff;font-weight:700;font-size:18px;line-height:1}.pantelotteri-section{margin-top:20px;padding:16px;background:linear-gradient(135deg,#4a3a2a,#3a2a1a);border:3px solid #5a4a3a;border-radius:8px;box-shadow:inset 0 0 20px #ffc8641a}.pantelotteri-header{text-align:center;margin-bottom:12px}.pantelotteri-header h3{color:gold;font-size:18px;margin:0 0 6px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pantelotteri-description{color:#ccc;font-size:13px;margin:0}.pantelotteri-odds{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0;padding:10px;background:#0003;border-radius:4px}.pantelotteri-odds .odds-label{width:100%;text-align:center;font-size:11px;color:#999;text-transform:uppercase;margin-bottom:4px}.pantelotteri-odds .odds-item{font-size:11px;padding:3px 8px;border-radius:3px;font-weight:700}.pantelotteri-odds .odds-item.lose{background:#4a2a2a;color:#f66}.pantelotteri-odds .odds-item.half{background:#4a4a2a;color:#fa4}.pantelotteri-odds .odds-item.win{background:#2a4a2a;color:#6f6}.pantelotteri-odds .odds-item.big-win{background:#2a3a4a;color:#6af}.pantelotteri-odds .odds-item.jackpot{background:linear-gradient(135deg,#5a4a00,#3a3a00);color:gold;animation:jackpot-glow 1.5s ease-in-out infinite alternate}@keyframes jackpot-glow{0%{box-shadow:0 0 4px #ffd7004d}to{box-shadow:0 0 12px #ffd70099}}.pantelotteri-bet{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0000004d;border-radius:4px;margin-bottom:12px}.pantelotteri-bet .bet-label{color:#aaa;font-size:14px}.pantelotteri-bet .bet-value{color:#fc0;font-size:16px;font-weight:700}.pantelotteri-button{width:100%;padding:14px 24px;background:linear-gradient(180deg,#6a5a00,#4a4000,#3a3000);border:3px solid #7a6a10;border-radius:6px;color:gold;font-family:Courier New,monospace;font-size:18px;font-weight:700;cursor:pointer;transition:all .15s;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pantelotteri-button:hover:not(:disabled){background:linear-gradient(180deg,#7a6a10,#5a5010,#4a4010);transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.pantelotteri-button:active:not(:disabled){transform:translateY(1px)}.pantelotteri-button:disabled{background:#3a3a3a;border-color:#2a2a2a;color:#666;cursor:not-allowed}.key-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:3px;font-size:10px;font-weight:700;color:#888;margin-right:6px;font-family:Courier New,monospace;text-transform:uppercase}.sell-all-btn .key-badge,.pant-all-btn .key-badge{background:#0000004d;border-color:#88ff884d;color:#6a9a6a}.sell-all-btn:hover:not(:disabled) .key-badge,.pant-all-btn:hover:not(:disabled) .key-badge{background:#0006;border-color:#88ff8880;color:#8f8}.pantelotteri-btn .key-badge{background:#0000004d;border-color:#ffffff4d;color:#ffffffb3}.pantelotteri-btn:hover:not(:disabled) .key-badge{background:#0006;border-color:#ffffff80;color:#fff}.verksted-container{display:flex;flex-direction:column;height:100%;min-height:0;gap:10px}.v2-tabs{display:flex;gap:4px;background:#1a1a1a;padding:6px;border-radius:4px;flex-shrink:0}.v2-tab{flex:1;padding:8px 6px;background:#3a4a3a;border:2px solid #2a3a2a;border-radius:4px;color:#aaa;font-family:Courier New,monospace;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;text-transform:uppercase;text-align:center;white-space:nowrap}.v2-tab:hover{background:#4a5a4a;color:#ccc}.v2-tab.selected{background:linear-gradient(180deg,#4a6a4a,#3a5a3a);border-color:#5a8a5a;color:#8f8}.v2-tab.service-tab{background:#4a3a3a;border-color:#3a2a2a}.v2-tab.service-tab:hover{background:#5a4a4a}.v2-tab.service-tab.selected{background:linear-gradient(180deg,#6a4a4a,#5a3a3a);border-color:#8a5a5a;color:#faa}.tab-key-small{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#0000004d;border:1px solid #4a5a4a;border-radius:3px;font-size:10px;color:#888;margin-right:4px}.v2-tab.selected .tab-key-small{background:#0006;border-color:#5a8a5a;color:#8f8}.v2-tab.service-tab.selected .tab-key-small{border-color:#8a5a5a;color:#faa}.v2-content{flex:1;min-height:0;background:#1e2e1e;border:2px solid #2a3a2a;border-radius:6px;padding:12px;overflow:hidden}.upgrade-content{display:flex;gap:12px;height:100%}.upgrade-current{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#2a3a2a;border:2px solid #3a4a3a;border-radius:4px;width:120px;flex-shrink:0}.current-label{font-size:10px;font-weight:700;color:#6a8a6a;text-transform:uppercase;letter-spacing:.5px}.current-img{width:70px;height:70px;background:#3a4a3a;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.current-img img{width:100%;height:100%;object-fit:contain}.no-img{font-size:20px;font-weight:700;color:#6a8a6a}.current-name{font-size:11px;font-weight:700;color:#afa;text-align:center;line-height:1.2}.current-stat{font-size:14px;font-weight:700;color:#fc0}.upgrade-grid{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.grid-label{font-size:10px;font-weight:700;color:#6a8a6a;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.grid-items{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;flex:1}.grid-tile{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#3a4a3a,#2a3a2a);border:2px dashed #4a6a4a;border-radius:6px;cursor:pointer;transition:all .15s;padding:6px}.grid-tile:hover:not(:disabled){background:linear-gradient(135deg,#4a5a4a,#3a4a3a);border-style:solid}.grid-tile.selected{background:linear-gradient(135deg,#3a6a3a,#2a5a2a);border:3px solid #5aaa5a;box-shadow:0 0 10px #64ff6466}.grid-tile.owned{background:linear-gradient(135deg,#2a4a2a,#1a3a1a);border:2px solid #3a5a3a;opacity:.8}.grid-tile.current{border-color:#8f8;border-style:solid}.grid-tile.expensive:not(.owned){opacity:.5}.tile-key{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#00000080;border:1px solid #5a6a5a;border-radius:3px;font-size:10px;color:#aaa;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace}.grid-tile:hover .tile-key{color:#8f8;border-color:#6a8a6a}.tile-img{width:100%;height:100%;object-fit:contain;max-width:55px;max-height:55px}.tile-level{font-size:16px;font-weight:700;color:#6a8a6a}.tile-badge{position:absolute;bottom:2px;right:2px;padding:2px 4px;border-radius:3px;font-size:9px;font-weight:700;font-family:Courier New,monospace}.current-badge{background:#2a5a2a;color:#8f8;border:1px solid #4a8a4a}.owned-badge{background:#1a3a1a;color:#6a8a6a;font-size:12px}.upgrade-info{display:flex;flex-direction:column;align-items:center;gap:4px;width:160px;padding:10px;background:#1a2a1a;border:2px solid #2a3a2a;border-radius:4px;flex-shrink:0}.info-name{font-size:12px;font-weight:700;color:#8f8;text-align:center;line-height:1.2}.info-desc{font-size:9px;color:#8a8a8a;font-style:italic;text-align:center;line-height:1.3;flex:1}.info-stat{font-size:12px;font-weight:700;color:#afa}.info-price{font-size:15px;font-weight:700;color:#fc0}.info-price.expensive{color:#f66}.buy-btn{padding:8px 12px;background:linear-gradient(180deg,#4a7a4a,#3a6a3a);border:2px solid #5a8a5a;border-radius:4px;color:#afa;font-family:Courier New,monospace;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:auto;width:100%}.buy-btn:hover:not(:disabled){background:linear-gradient(180deg,#5a8a5a,#4a7a4a)}.buy-btn.available:hover{box-shadow:0 0 8px #64ff644d}.buy-btn.owned{background:linear-gradient(180deg,#3a4a3a,#2a3a2a);border-color:#4a5a4a;color:#888;cursor:not-allowed}.buy-btn.disabled{background:linear-gradient(180deg,#5a3a3a,#4a2a2a);border-color:#6a4a4a;color:#f88;cursor:not-allowed}.info-maxed{color:#fc0;font-weight:700;font-size:16px;text-align:center;margin:auto 0}.info-hint{color:#6a8a6a;font-style:italic;font-size:12px;text-align:center;margin:auto 0}.service-content{display:flex;gap:16px;height:100%}.service-left{width:130px;flex-shrink:0}.service-right{flex:1;display:flex;flex-direction:column;gap:10px}.service-gauge-frame{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;height:100%}.service-gauge-label{font-size:11px;font-weight:700;color:#a66;text-transform:uppercase;letter-spacing:1px}.service-gauge{width:50px;flex:1;max-height:140px;position:relative}.service-gauge-bg{width:100%;height:100%;background:#1a1a1a;border:2px solid #4a3a3a;border-radius:4px;position:relative;overflow:hidden}.service-gauge-fill{position:absolute;bottom:0;left:0;right:0;transition:height .3s ease-out;border-radius:0 0 2px 2px}.service-gauge-fill.status-full{background:linear-gradient(180deg,#4c4,#383);box-shadow:0 0 8px #64ff6466}.service-gauge-fill.status-ok{background:linear-gradient(180deg,#8c8,#686)}.service-gauge-fill.status-low{background:linear-gradient(180deg,#cc4,#883)}.service-gauge-fill.status-critical{background:linear-gradient(180deg,#c44,#822);animation:pulse-critical .5s ease-in-out infinite alternate}@keyframes pulse-critical{0%{opacity:.7}to{opacity:1}}.service-gauge-reading{display:flex;align-items:baseline;gap:2px;font-family:Courier New,monospace}.service-gauge-current{font-size:18px;font-weight:700;color:#faa}.service-gauge-separator{font-size:14px;color:#a66}.service-gauge-max{font-size:12px;color:#a66}.service-status{font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 6px;border-radius:3px}.service-status.status-full{background:#2a4a2a;color:#8f8}.service-status.status-ok{background:#3a4a3a;color:#afa}.service-status.status-low{background:#4a4a2a;color:#ff8}.service-status.status-critical{background:#4a2a2a;color:#f88;animation:pulse-text .5s ease-in-out infinite alternate}@keyframes pulse-text{0%{opacity:.8}to{opacity:1}}.service-price-info{display:flex;align-items:baseline;gap:8px;padding:8px 12px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px}.service-price-label{font-size:12px;color:#a66;font-weight:700}.service-price-value{font-size:18px;font-weight:700;color:#fc0;font-family:Courier New,monospace}.service-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.service-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;background:linear-gradient(180deg,#4a5a4a,#3a4a3a);border:2px solid #5a6a5a;border-radius:6px;color:#afa;font-family:Courier New,monospace;cursor:pointer;transition:all .15s;position:relative}.service-btn:hover:not(:disabled):not(.disabled){background:linear-gradient(180deg,#5a6a5a,#4a5a4a);border-color:#6a8a6a}.service-btn.disabled{opacity:.4;cursor:not-allowed}.btn-key{position:absolute;top:4px;left:4px;width:16px;height:16px;background:#0006;border:1px solid #5a6a5a;border-radius:3px;font-size:10px;color:#888;display:flex;align-items:center;justify-content:center}.service-btn:hover:not(:disabled):not(.disabled) .btn-key{color:#8f8;border-color:#6a8a6a}.btn-label{font-size:15px;font-weight:700}.btn-cost{font-size:12px;color:#fc0}.btn-note{font-size:9px;color:#888}.service-full-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(180deg,#5a6a5a,#4a5a4a);border:2px solid #6a8a6a;border-radius:6px;color:#afa;font-family:Courier New,monospace;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;margin-top:auto}.service-full-btn:hover:not(:disabled):not(.disabled){background:linear-gradient(180deg,#6a7a6a,#5a6a5a);box-shadow:0 0 8px #64ff644d}.service-full-btn.disabled{opacity:.4;cursor:not-allowed}.service-full-btn .btn-key{position:static;width:40px;height:20px;font-size:10px}.service-full-btn .btn-cost{margin-left:auto}.v2-footer{display:flex;justify-content:flex-end;align-items:center;padding-top:8px;border-top:2px solid #3a4a3a;flex-shrink:0}.v2-money{font-size:18px;font-weight:700;color:#fc0;font-family:Courier New,monospace}.shop-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;animation:fadeIn .15s ease;background:#000000bf}.shop-dialog-overlay.closing{animation:fadeOut .15s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.shop-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#5a5a5a;border:4px solid #3a3a3a;border-radius:4px;width:800px;height:500px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:slideIn .15s ease;font-family:Courier New,Consolas,monospace}.shop-dialog.closing{animation:slideOut .15s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.shop-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;padding:12px 20px;text-align:left;letter-spacing:.5px;border-bottom:2px solid #4a4a4a}.shop-dialog-content{flex:1;padding:16px 20px;overflow:hidden;display:flex;flex-direction:column}.shop-placeholder{text-align:center;color:#333;padding:40px 20px}.shop-placeholder p{margin:0;font-size:20px}.character-dialog-container{position:fixed;bottom:30px;right:30px;display:flex;align-items:flex-end;gap:20px;z-index:1001;animation:slideUp .2s ease .1s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-speech-bubble{background:#fff;border:4px solid #333;border-radius:12px;padding:20px 24px;position:relative;max-width:500px;min-width:350px;min-height:80px;box-shadow:0 4px 12px #0000004d}.character-speech-bubble:after{content:"";position:absolute;right:-20px;bottom:35px;border:14px solid transparent;border-left-color:#fff}.character-speech-bubble:before{content:"";position:absolute;right:-28px;bottom:31px;border:18px solid transparent;border-left-color:#333}.character-speech-bubble p{margin:0;font-size:18px;color:#1a1a1a;line-height:1.5;font-family:Courier New,Consolas,monospace}.character-portrait-area{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.character-portrait{width:120px;height:120px;background:#fff;border:4px solid #333;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #0000004d}.character-portrait img{width:100%;height:100%;object-fit:cover}.portrait-placeholder{font-size:48px;color:#333}.character-name{font-size:16px;color:#fff;font-weight:700;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-family:Courier New,Consolas,monospace}.shop-close-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;background:linear-gradient(180deg,#6a4a4a,#5a3a3a);border:2px solid #8a5a5a;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10}.shop-close-btn:hover{background:linear-gradient(180deg,#8a5a5a,#7a4a4a);border-color:#aa7a7a}.shop-close-btn:active{transform:scale(.95)}.close-key{font-size:16px;font-weight:700;color:#faa;font-family:Courier New,monospace}.game-over-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:gameOverFadeIn .5s ease}.game-over-overlay.closing{animation:gameOverFadeOut .3s ease forwards}@keyframes gameOverFadeIn{0%{opacity:0;background:#8b0000e6}50%{background:#8b0000b3}to{opacity:1;background:#000000d9}}@keyframes gameOverFadeOut{0%{opacity:1}to{opacity:0}}.game-over-container{display:flex;flex-direction:column;align-items:center;padding:30px 50px;background:linear-gradient(180deg,#4a2a2a,#2a1a1a 10%,#3a2020,#2a1515 90%,#1a0a0a);border-radius:20px;border:5px solid #1a0a0a;box-shadow:inset 0 2px 4px #ff646433,inset 0 -2px 4px #00000080,0 0 60px #8b000080,0 10px 40px #00000080;animation:gameOverSlideIn .5s ease;position:relative;min-width:500px;max-width:90vw}.game-over-container.closing{animation:gameOverSlideOut .3s ease forwards}@keyframes gameOverSlideIn{0%{transform:scale(.5) translateY(-50px);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes gameOverSlideOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.warning-lights{display:flex;gap:30px;margin-bottom:10px}.warning-lights.bottom{margin-bottom:0;margin-top:20px}.warning-light{width:16px;height:16px;border-radius:50%;border:2px solid #0a0505}.warning-light.red{background:radial-gradient(circle at 30% 30%,#f66,#c00,#800);box-shadow:inset 0 1px 2px #ffffff4d,0 0 15px #f00c}.warning-light.blink{animation:warningBlink .5s infinite}.warning-light.blink-delayed{animation:warningBlink .5s infinite .25s}@keyframes warningBlink{0%,45%{background:radial-gradient(circle at 30% 30%,#f66,#c00,#800);box-shadow:inset 0 1px 2px #ffffff4d,0 0 15px #f00c}50%,95%{background:radial-gradient(circle at 30% 30%,#633,#411,#220808);box-shadow:inset 0 1px 2px #ffffff1a}}.game-over-screen{background:#0a0505;border-radius:10px;border:4px solid #1a0a0a;box-shadow:inset 0 0 30px #50000080,inset 0 0 80px #3200004d;padding:30px 40px;text-align:center;min-width:400px}.game-over-header{margin-bottom:15px}.game-over-label{color:#f33;font-family:Courier New,monospace;font-size:16px;font-weight:700;text-shadow:0 0 10px rgba(255,50,50,.5);animation:labelFlicker 2s infinite}@keyframes labelFlicker{0%,90%,to{opacity:1}92%,94%,96%{opacity:.5}}.game-over-icon{position:relative;width:80px;height:80px;margin:0 auto 20px}.game-over-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,100,100,.5));image-rendering:pixelated}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(255,50,50,.3) 0%,transparent 70%);animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.game-over-title{color:#f44;font-family:Courier New,monospace;font-size:36px;font-weight:700;margin:0 0 20px;text-shadow:0 0 20px rgba(255,50,50,.8),0 0 40px rgba(255,0,0,.4);animation:titleShake .5s ease-in-out}@keyframes titleShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.game-over-message{max-width:400px;margin:0 auto}.game-over-message p{color:#c88;font-family:Courier New,monospace;font-size:16px;line-height:1.6;margin:0;text-shadow:0 0 5px rgba(200,100,100,.3)}.game-over-stats{margin-top:25px;padding-top:15px;border-top:1px solid #3a2020}.stat-label{color:#a66;font-family:Courier New,monospace;font-size:14px;font-style:italic}.game-over-btn{margin-top:25px;background:linear-gradient(180deg,#5a3a3a,#3a1a1a);border:3px solid #2a0a0a;border-radius:8px;color:#f66;font-family:Courier New,monospace;font-size:20px;font-weight:700;padding:16px 50px;cursor:pointer;text-shadow:0 0 8px rgba(255,100,100,.5);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d,0 0 20px #8b00004d;transition:all .15s}.game-over-btn:hover{background:linear-gradient(180deg,#7a4a4a,#5a2a2a);color:#f88;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d,0 0 30px #f006}.game-over-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000004d}@media (max-width: 600px){.game-over-container{padding:20px 30px;min-width:auto;width:95vw}.game-over-screen{padding:20px;min-width:auto}.game-over-title{font-size:28px}.game-over-message p{font-size:14px}.game-over-btn{padding:14px 40px;font-size:18px}}.stranded-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2a1a1a,#1a0a0a);border:3px solid #ff4444;border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #f446;z-index:8000;animation:slideUp .3s ease;pointer-events:auto}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.stranded-message{color:#fa0;font-size:15px;font-weight:500;font-family:Courier New,monospace}.stranded-message strong{color:#f44;font-size:16px}.stranded-destruct-button{background:linear-gradient(135deg,#f44,#c00);color:#fff;border:2px solid #ff6666;padding:8px 16px;font-size:14px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Courier New,monospace}.stranded-destruct-button:hover{background:linear-gradient(135deg,#f66,red);border-color:#f88;box-shadow:0 2px 8px #ff444480;transform:translateY(-1px)}.stranded-confirmation-message{color:#fa0;font-size:15px;font-weight:500;font-family:Courier New,monospace}.stranded-confirmation-message strong{color:#f44}.stranded-confirmation-buttons{display:flex;gap:10px}.stranded-cancel-button,.stranded-confirm-button{padding:8px 16px;font-size:13px;font-weight:700;border-radius:6px;border:2px solid;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Courier New,monospace}.stranded-cancel-button{background:linear-gradient(135deg,#444,#222);color:#fff;border-color:#666}.stranded-cancel-button:hover{background:linear-gradient(135deg,#555,#333);border-color:#888;transform:translateY(-1px)}.stranded-confirm-button{background:linear-gradient(135deg,#f44,#c00);color:#fff;border-color:#f66}.stranded-confirm-button:hover{background:linear-gradient(135deg,#f66,red);border-color:#f88;box-shadow:0 2px 8px #ff444480;transform:translateY(-1px)}.game-screen{width:100vw;height:100vh;overflow:hidden;position:relative;background:#1a1a1a}.game-canvas{border:3px solid #0a0a0a;box-shadow:0 0 20px #000c}.game-screen.loading{display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#888;font-family:Courier New,monospace}.stranded-alerts{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100;max-width:320px}.stranded-alert{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#4a1a1a,#2a0a0a);border:2px solid #ff4444;border-radius:8px;padding:12px 16px;animation:stranded-pulse 2s ease-in-out infinite,stranded-slide-in .3s ease-out;box-shadow:0 4px 15px #ff44444d}@keyframes stranded-pulse{0%,to{box-shadow:0 4px 15px #ff44444d;border-color:#f44}50%{box-shadow:0 4px 25px #f449;border-color:#f66}}@keyframes stranded-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stranded-icon{font-size:24px;animation:fuel-shake .5s ease-in-out infinite}@keyframes fuel-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.stranded-content{flex:1;color:#f88;font-family:Courier New,monospace;font-size:14px}.stranded-content strong{color:#faa;font-weight:700}.stranded-message{margin:6px 0 0;font-size:12px;color:#c66;font-style:italic}.debug-overlay{position:fixed;top:10px;left:10px;z-index:9999;pointer-events:none}.debug-panel{background:#000000d9;border:2px solid #ff00ff;border-radius:6px;padding:10px 14px;font-family:Courier New,monospace;box-shadow:0 0 20px #ff00ff4d}.debug-title{font-size:12px;font-weight:700;color:#f0f;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ff00ff}.debug-row{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin:4px 0}.debug-label{color:#888}.debug-value{color:#0f0;font-weight:700;min-width:60px;text-align:right}.wiki-page{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff;padding:40px 20px}.wiki-header{max-width:1200px;margin:0 auto 40px;text-align:center}.wiki-header h1{font-size:48px;margin:0 0 10px;color:#fc0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.wiki-subtitle{font-size:18px;color:#aaa;margin:0 0 20px}.back-link{display:inline-block;color:#4a9eff;text-decoration:none;font-size:16px;padding:8px 16px;border:2px solid #4a9eff;border-radius:6px;transition:all .2s}.back-link:hover{background:#4a9eff;color:#fff}.wiki-tabs{max-width:1200px;margin:0 auto 30px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.wiki-tab{padding:12px 24px;background:#333;border:2px solid #444;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.wiki-tab:hover{background:#444;border-color:#fc0}.wiki-tab.active{background:#fc0;border-color:#fc0;color:#000}.wiki-content{max-width:1200px;margin:0 auto;background:#2a2a2a;border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000004d}.wiki-content h2{margin:0 0 10px;color:#fc0;font-size:32px}.tab-description{color:#aaa;font-size:16px;margin:0 0 30px}.minerals-table-container{overflow-x:auto}.minerals-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden}.minerals-table thead{background:#333}.minerals-table th{padding:15px;text-align:left;font-weight:700;color:#fc0;border-bottom:2px solid #444}.minerals-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.minerals-table th.sortable:hover{background:#2a2a2a}.minerals-table td{padding:12px 15px;border-bottom:1px solid #333}.minerals-table tbody tr:hover{background:#2a2a2a}.mineral-name{display:flex;align-items:center;gap:10px}.mineral-color{width:20px;height:20px;border-radius:4px;border:2px solid #fff}.efficiency{font-weight:700;color:#4aff4a}.graph-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.reset-zoom-button{padding:10px 20px;background:#fc0;color:#000;border:none;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.reset-zoom-button:hover{background:gold;transform:translateY(-1px);box-shadow:0 2px 8px #fc06}.reset-zoom-button:active{transform:translateY(0)}.graph-container{display:flex;gap:40px;flex-wrap:wrap}.graph-svg-container{position:relative;flex-shrink:0}.value-weight-graph{flex-shrink:0}.graph-point{cursor:pointer;transition:all .2s ease}.graph-point.hovered{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.graph-tooltip{position:absolute;background:#000000f2;border:2px solid #ffcc00;border-radius:8px;padding:12px 16px;pointer-events:none;z-index:1000;min-width:180px;box-shadow:0 4px 12px #00000080}.tooltip-name{font-size:16px;font-weight:700;margin-bottom:8px;text-shadow:0 0 4px currentColor}.tooltip-stats{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#ccc}.tooltip-efficiency{color:#4aff4a;font-weight:700;margin-top:4px;font-size:15px}.graph-legend{flex:1;min-width:250px}.graph-legend h3{margin:0 0 15px;color:#fc0;font-size:20px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:10px;padding:8px;background:#1a1a1a;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.legend-item:hover,.legend-item.highlighted{background:#2a2a2a;transform:translate(4px);box-shadow:0 2px 8px #ffcc004d}.legend-color{width:16px;height:16px;border-radius:3px;border:2px solid #fff;flex-shrink:0}.legend-name{flex:1}.legend-efficiency{color:#4aff4a;font-weight:700;font-size:12px}.shop-section{margin-bottom:40px}.shop-section h3{color:#fc0;font-size:24px;margin:0 0 8px}.shop-description{color:#aaa;margin:0 0 20px}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.shop-item-card{background:#1a1a1a;padding:20px;border-radius:8px;border:2px solid #333;transition:all .2s;position:relative}.shop-item-card:hover{border-color:#fc0;transform:translateY(-2px)}.shop-item-card.coming-soon{opacity:.7;border-color:#555}.shop-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.shop-emoji{font-size:32px}.shop-item-card h4{margin:0;color:#fff;font-size:18px}.shop-functions{margin-top:15px}.shop-functions strong{color:#fc0;display:block;margin-bottom:8px}.shop-functions ul{margin:0;padding-left:20px;color:#ccc}.shop-functions li{margin-bottom:6px;line-height:1.4}.coming-soon-badge{position:absolute;top:10px;right:10px;background:#f90;color:#000;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.item-description{color:#aaa;font-size:14px;margin:0 0 15px}.item-stats{display:flex;flex-direction:column;gap:8px}.stat{display:flex;justify-content:space-between;font-size:14px}.stat-label{color:#888}.stat-value{color:#fff;font-weight:700}.upgrade-levels{margin-top:15px;border-top:1px solid #333;padding-top:15px}.upgrade-levels summary{cursor:pointer;color:#4a9eff;font-weight:700;-webkit-user-select:none;user-select:none;padding:8px 0}.upgrade-levels summary:hover{color:#6ab7ff}.levels-list{margin-top:10px;display:flex;flex-direction:column;gap:12px}.level-item{padding:12px;background:#0a0a0a;border-radius:6px;border-left:4px solid #ffcc00}.level-header{color:#fff;margin-bottom:4px;font-size:15px}.level-desc{color:#aaa;font-size:13px;margin-bottom:8px}.level-stats{display:flex;gap:15px;font-size:13px;color:#4aff4a;font-weight:700}.objectives-list{display:flex;flex-direction:column;gap:20px}.objective-card{background:#1a1a1a;padding:24px;border-radius:12px;border-left:6px solid;display:flex;gap:20px}.objective-card.xp{border-left-color:#c9a6ff}.objective-card.farm{border-left-color:#22c55e}.objective-card.critical{border-left-color:#f44}.objective-card.upgrade{border-left-color:#4a9eff}.objective-card.exploration{border-left-color:#fc0}.objective-card.tips{border-left-color:#4aff4a}.objective-icon{font-size:48px;flex-shrink:0}.objective-content h3{margin:0 0 10px;color:#fff;font-size:24px}.objective-content p{margin:0 0 15px;color:#ccc;line-height:1.6}.objective-content ul{margin:0;padding-left:20px;color:#aaa}.objective-content li{margin-bottom:8px;line-height:1.5}.objective-content li strong{color:#fc0}@media (max-width: 768px){.wiki-page{padding:20px 10px}.wiki-header h1{font-size:32px}.wiki-content{padding:20px}.wiki-content h2{font-size:24px}.graph-container{flex-direction:column}.value-weight-graph{width:100%;height:auto}.objective-card{flex-direction:column;text-align:center}.objective-icon{font-size:36px}}.depth-chart-tab h2{color:#c9a6ff;margin-bottom:10px}.depth-chart-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#888;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#fff6;color:#ccc}.filter-btn.active{background:#6b4dc433;border-color:#6b4dc4;color:#fff}.depth-chart-container{position:relative;display:flex;gap:20px;background:#0000004d;border-radius:12px;padding:20px;overflow-x:auto}.depth-chart-svg{flex-shrink:0;border-radius:8px;background:#0a0a14}.depth-chart-tooltip{position:absolute;top:50px;right:200px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #6b4dc4;border-radius:10px;padding:16px;min-width:200px;box-shadow:0 8px 24px #6b4dc466;z-index:100;pointer-events:none}.depth-chart-tooltip .tooltip-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid}.depth-chart-tooltip .tooltip-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.depth-chart-tooltip .tooltip-name{font-weight:600;color:#fff;flex:1}.depth-chart-tooltip .tooltip-category{font-size:.75rem;font-weight:600;text-transform:uppercase}.depth-chart-tooltip .tooltip-stats{display:flex;flex-direction:column;gap:6px}.depth-chart-tooltip .tooltip-row{display:flex;justify-content:space-between;font-size:.85rem}.depth-chart-tooltip .tooltip-row span:first-child{color:#888}.depth-chart-tooltip .tooltip-row span:last-child{color:#fff}.depth-chart-tooltip .tooltip-row.peak span:last-child{color:#fbbf24;font-weight:600}.depth-chart-legend{flex-shrink:0;min-width:180px;padding:16px;background:#0000004d;border-radius:8px;align-self:flex-start}.depth-chart-legend h4{margin:0 0 12px;color:#9580c4;font-size:.9rem;text-transform:uppercase}.depth-chart-legend .legend-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.8rem;color:#aaa}.depth-chart-legend .legend-bar{width:20px;height:40px;background:linear-gradient(180deg,#c9a6ff33,#c9a6ff,#c9a6ff33);border-radius:3px;border:1px solid rgba(255,255,255,.3)}.depth-chart-legend .legend-peak{width:12px;height:12px;background:#c9a6ff;border-radius:50%;border:2px solid #fff}.depth-chart-legend .legend-categories{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.depth-chart-legend .legend-category{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;color:#ccc}.depth-chart-legend .legend-cat-color{width:14px;height:14px;border:2px solid;border-radius:3px}.depth-chart-items{margin-top:30px}.depth-chart-items h3{color:#9580c4;margin-bottom:16px;font-size:1rem}.depth-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.depth-item-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0000004d;border:1px solid;border-radius:8px;cursor:pointer;transition:all .15s}.depth-item-card:hover,.depth-item-card.hovered{background:#6b4dc426;transform:translate(4px)}.depth-item-card .item-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.depth-item-card .item-info{flex:1;display:flex;flex-direction:column;gap:2px}.depth-item-card .item-name{font-size:.9rem;font-weight:500;color:#ddd}.depth-item-card .item-depth{font-size:.75rem;color:#888}.depth-item-card .item-value{font-size:.85rem;color:#fbbf24;font-weight:600}@media (max-width: 1000px){.depth-chart-container{flex-direction:column}.depth-chart-svg{width:100%;height:auto}.depth-chart-legend{width:100%}.depth-chart-tooltip{position:fixed;top:auto;bottom:20px;left:20px;right:20px}}.patches-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);color:#fff;padding:40px 20px}.patches-header{max-width:900px;margin:0 auto 40px;text-align:center}.patches-header h1{font-size:48px;margin:0 0 10px;color:#c9a6ff;text-shadow:0 0 20px rgba(201,166,255,.3)}.patches-subtitle{font-size:18px;color:#888;margin:0 0 20px}.patches-current-version{font-size:16px;color:#aaa}.version-badge{display:inline-block;background:linear-gradient(135deg,#6b4dc4,#8b5cf6);color:#fff;padding:4px 12px;border-radius:20px;font-weight:700;margin-left:8px}.patches-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.patch-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #333;border-radius:12px;overflow:hidden;transition:all .3s ease}.patch-card:hover{box-shadow:0 0 20px #6b4dc433}.patch-card.expanded{box-shadow:0 0 30px #6b4dc44d}.patch-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.patch-header:hover{background:#ffffff0d}.patch-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.patch-type-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.patch-version{font-size:18px;font-weight:700;color:#fff;font-family:Courier New,monospace}.patch-title{font-size:16px;color:#ccc}.patch-header-right{display:flex;align-items:center;gap:12px}.patch-date{color:#666;font-size:14px}.patch-share-btn{background:#333;border:1px solid #444;color:#aaa;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.patch-share-btn:hover{background:#444;color:#fff;border-color:#6b4dc4}.patch-share-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff}.patch-expand-icon{color:#666;font-size:12px;width:20px;text-align:center}.patch-content{padding:0 20px 20px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.patch-summary{font-size:15px;color:#aaa;margin:16px 0;line-height:1.6}.patch-highlights{background:#6b4dc41a;border:1px solid rgba(107,77,196,.3);border-radius:8px;padding:16px;margin-bottom:20px}.patch-highlights h4{margin:0 0 10px;color:#c9a6ff;font-size:14px;text-transform:uppercase;letter-spacing:1px}.patch-highlights ul{margin:0;padding-left:20px}.patch-highlights li{color:#ddd;margin-bottom:6px}.patch-changes{display:flex;flex-direction:column;gap:20px}.patch-category h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600}.category-icon{font-size:18px}.patch-category ul{margin:0;padding:0;list-style:none}.patch-category li{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#0003;border-radius:6px;margin-bottom:8px}.patch-category li strong{color:#fff;font-size:14px}.patch-category li span{color:#888;font-size:13px;line-height:1.5}.patch-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.patch-contributors{color:#666;font-size:13px}.patches-pagination{max-width:900px;margin:40px auto;display:flex;justify-content:center;align-items:center;gap:16px}.pagination-btn{background:#333;border:1px solid #444;color:#aaa;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#444;color:#fff;border-color:#6b4dc4}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;gap:8px}.pagination-page{width:36px;height:36px;background:#333;border:1px solid #444;border-radius:6px;color:#aaa;font-size:14px;cursor:pointer;transition:all .2s}.pagination-page:hover{background:#444;color:#fff}.pagination-page.active{background:linear-gradient(135deg,#6b4dc4,#8b5cf6);border-color:#8b5cf6;color:#fff}.patches-back{max-width:900px;margin:40px auto 0;text-align:center}.back-link{display:inline-block;color:#6b4dc4;text-decoration:none;font-size:16px;padding:10px 20px;border:2px solid #6b4dc4;border-radius:8px;transition:all .2s}.back-link:hover{background:#6b4dc4;color:#fff}@media (max-width: 768px){.patches-header h1{font-size:32px}.patch-header{flex-direction:column;align-items:flex-start;gap:12px}.patch-header-right{width:100%;justify-content:space-between}.patch-title{display:block;width:100%;margin-top:8px}.pagination-btn{padding:8px 12px;font-size:13px}}.scoreboard-page{min-height:100vh;background:linear-gradient(180deg,#0a0a14,#1a1a2e);color:#e0e0e0;font-family:Courier New,monospace;padding:40px 20px}.scoreboard-header{text-align:center;margin-bottom:20px}.scoreboard-header h1{font-size:2.5rem;color:#fbbf24;margin:0 0 10px;text-shadow:0 0 20px rgba(251,191,36,.3)}.scoreboard-subtitle{color:#888;font-size:1rem;margin:0}.scoreboard-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.tab-btn{background:#6b4dc426;border:1px solid rgba(107,77,196,.3);border-radius:8px;padding:12px 24px;color:#888;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .2s}.tab-btn:hover:not(.active){background:#6b4dc440;color:#c9a6ff}.tab-btn.active{background:#6b4dc466;border-color:#6b4dc4;color:#c9a6ff;font-weight:600}.my-rank{color:#c9a6ff;font-weight:600}.scoreboard-loading{text-align:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(107,77,196,.3);border-top-color:#6b4dc4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}.scoreboard-loading p{color:#888}.scoreboard-empty{text-align:center;padding:60px 20px}.empty-icon{font-size:3rem;margin-bottom:15px}.scoreboard-empty h3{color:#888;margin:0 0 10px}.scoreboard-empty p{color:#666}.scoreboard-content{max-width:1000px;margin:0 auto 40px}.scoreboard-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px;font-size:.85rem;color:#666}.last-updated{font-size:.8rem}.scoreboard-table-container{background:#0000004d;border:1px solid rgba(107,77,196,.2);border-radius:12px;overflow:hidden}.scoreboard-table{width:100%;border-collapse:collapse}.scoreboard-table th{background:#6b4dc426;color:#9580c4;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;text-align:left;border-bottom:1px solid rgba(107,77,196,.2)}.scoreboard-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.scoreboard-table tbody tr:last-child td{border-bottom:none}.scoreboard-table tbody tr:hover{background:#ffffff08}.scoreboard-table tbody tr.is-me{background:#6b4dc426}.scoreboard-table tbody tr.is-me:hover{background:#6b4dc433}.rank-col{width:60px;text-align:center}.player-col{width:auto}.xp-col{width:120px;text-align:right}.multiplier-col{width:100px;text-align:center}.depth-col{width:100px;text-align:right}.time-col{width:90px;text-align:right}.world-col{width:140px}.rank-cell{text-align:center}.medal{font-size:1.3rem}.rank-number{color:#666;font-weight:600}.player-cell{display:flex;flex-direction:column;gap:2px}.display-name{font-weight:500;color:#ddd}.username{font-size:.8rem;color:#666}.you-badge{display:inline-block;background:#6b4dc480;color:#c9a6ff;font-size:.65rem;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.xp-cell{text-align:right;color:#c9a6ff;font-weight:600}.multiplier-cell{text-align:center;color:#fbbf24;font-weight:500}.depth-cell{text-align:right;color:#60a5fa}.time-cell{text-align:right;color:#888;font-size:.9rem}.world-cell{color:#888;font-size:.85rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-1 .display-name,.rank-1 .farm-name{color:gold}.rank-2 .display-name,.rank-2 .farm-name{color:silver}.rank-3 .display-name,.rank-3 .farm-name{color:#cd7f32}.farm-col{width:auto}.members-col{width:100px;text-align:center}.contributors-col{width:200px}.farm-cell{display:flex;flex-direction:column;gap:2px}.farm-name{font-weight:500;color:#ddd}.farm-owner{font-size:.8rem;color:#666}.members-cell{text-align:center;color:#888}.contributors-cell{display:flex;flex-direction:column;gap:2px}.contributor{font-size:.8rem;color:#888}.contributor:first-child{color:#c9a6ff}.scoreboard-back{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px}.back-link{color:#888;text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:#c9a6ff}.refresh-btn{background:#6b4dc433;border:1px solid rgba(107,77,196,.4);border-radius:6px;padding:8px 16px;color:#c9a6ff;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#6b4dc44d;border-color:#6b4dc4}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.scoreboard-stats{flex-direction:column;gap:5px}.time-col,.world-col,.contributors-col{display:none}.scoreboard-tabs{flex-wrap:wrap}}@media (max-width: 600px){.scoreboard-header h1{font-size:1.8rem}.scoreboard-table th,.scoreboard-table td{padding:10px 8px;font-size:.85rem}.multiplier-col{display:none}.player-cell{gap:0}.username{font-size:.7rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #1a1612;--color-bg-medium: #2d2520;--color-bg-light: #4a3f36;--color-primary: #c75b39;--color-secondary: #d4a84b;--color-accent: #5a8f4a;--color-text: #f4f0e8;--color-text-muted: #9a9083;--color-success: #5a8f4a;--color-error: #b44a3a;--color-dirt: #5c4033;--color-stone: #6b6357;--color-copper: #b87333;--color-silver: #c0c0c0;--color-gold: #d4a84b}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--color-bg-dark);color:var(--color-text);min-height:100vh}#root{min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#a84830;transform:translateY(-2px)}.btn-primary:disabled{background:#666;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-bg-light);color:#fff;border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary)}.input{padding:12px 16px;border-radius:8px;border:2px solid var(--color-bg-light);background:var(--color-bg-medium);color:#fff;font-size:16px;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}