:root{--bg-primary:#080b11;--bg-secondary:#0e1320;--bg-tertiary:#141c2f;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f640;--success:#10b981;--success-glow:#10b98140;--warning:#f59e0b;--warning-glow:#f59e0b40;--danger:#ef4444;--danger-glow:#ef444440;--purple:#8b5cf6;--purple-glow:#8b5cf640;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--glass-surface:#11182799;--glass-border:#ffffff14;--glass-border-focus:#3b82f666;--glass-highlight:#ffffff08;--shadow-lg:0 10px 30px -10px #000000b3;--shadow-glow-blue:0 0 20px #3b82f626;--shadow-glow-green:0 0 20px #10b98126;--shadow-glow-gold:0 0 20px #f59e0b26;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#3b82f614 0,#0000 50%),radial-gradient(at 100% 0,#8b5cf614 0,#0000 50%),radial-gradient(at 50% 100%,#10b9810d 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--glass-surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border-radius:16px;padding:24px;transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:#ffffff1f}.glass-panel-glow-blue{box-shadow:var(--shadow-lg), var(--shadow-glow-blue)}.glass-panel-glow-green{box-shadow:var(--shadow-lg), var(--shadow-glow-green)}.glass-panel-glow-gold{box-shadow:var(--shadow-lg), var(--shadow-glow-gold)}.btn{font-family:var(--font-display);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #1d4ed8);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px 0 var(--primary-glow);background:linear-gradient(135deg, #4f46e5, var(--primary));transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg, var(--success), #047857);color:#fff;box-shadow:0 4px 14px 0 var(--success-glow)}.btn-success:hover{box-shadow:0 6px 20px 0 var(--success-glow);background:linear-gradient(135deg, #059669, var(--success));transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg, var(--warning), #b45309);color:#fff;box-shadow:0 4px 14px 0 var(--warning-glow)}.btn-warning:hover{box-shadow:0 6px 20px 0 var(--warning-glow);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--danger), #b91c1c);color:#fff;box-shadow:0 4px 14px 0 var(--danger-glow)}.btn-danger:hover{box-shadow:0 6px 20px 0 var(--danger-glow);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:20px}.form-label{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:all .2s}.form-control:focus{border-color:var(--glass-border-focus);box-shadow:var(--shadow-glow-blue);background:#ffffff0f}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.metric-card{flex-direction:column;justify-content:space-between;display:flex}.metric-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.metric-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;line-height:1.2}.metric-change{align-items:center;gap:4px;margin-top:4px;font-size:.8rem;display:flex}.progress-container{background:#ffffff0d;border-radius:999px;width:100%;height:8px;margin-top:8px;overflow:hidden}.progress-bar{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}@keyframes dice-roll{0%{transform:rotate(0)scale(1)}50%{filter:drop-shadow(0 0 15px var(--primary-glow));transform:rotate(360deg)scale(1.2)}to{transform:rotate(720deg)scale(1)}}.animate-dice{animation:.6s cubic-bezier(.175,.885,.32,1.275) dice-roll}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1;filter:drop-shadow(0 0 8px)}}.pulse-glow-green{color:var(--success);animation:2s ease-in-out infinite pulse-glow}.pulse-glow-blue{color:var(--primary);animation:2s ease-in-out infinite pulse-glow}.tabs-nav{gap:12px;margin-bottom:30px;padding-bottom:5px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:1rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:#fff;background:#3b82f626;border:1px solid #3b82f64d;box-shadow:0 0 15px #3b82f61a}.text-green{color:var(--success)}.text-gold{color:var(--warning)}.text-red{color:var(--danger)}.text-blue{color:var(--primary)}.text-purple{color:var(--purple)}.ledger-table{border-collapse:collapse;width:100%;margin-top:12px}.ledger-table th,.ledger-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:10px 12px}.ledger-table th{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.ledger-table td{font-size:.95rem}.ledger-table tr:last-child td{border-bottom:none}@media (width<=992px){.tabs-nav{gap:8px}}@media (width<=768px){header>div{text-align:center;flex-direction:column!important;gap:12px!important;height:auto!important;padding:12px 16px!important}header nav{-webkit-overflow-scrolling:touch;white-space:nowrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;padding:6px 0!important;overflow-x:auto!important}.tab-btn{padding:6px 12px!important;font-size:.88rem!important}main{padding:16px 12px!important}h1{font-size:1.25rem!important}h2{font-size:1.35rem!important}}@media (width<=480px){.ledger-table th,.ledger-table td{padding:6px 8px!important;font-size:.82rem!important}.glass-panel{padding:16px!important}.form-control{padding:8px 10px!important;font-size:.88rem!important}.metric-value{font-size:1.5rem!important}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{appearance:textfield!important}.wealth-tracker-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:30px;display:grid}@media (width<=1024px){.wealth-tracker-grid{grid-template-columns:1fr}}@media (width<=600px){.lobby-tabs{flex-wrap:wrap!important;gap:4px!important}.lobby-tabs button{text-align:center!important;background:#ffffff05!important;border:1px solid #ffffff0f!important;border-radius:6px!important;flex:45%!important;margin:0!important;padding:6px 8px!important;font-size:.72rem!important}.mode-select-grid{grid-template-columns:1fr!important;gap:12px!important}.room-waiting-grid{grid-template-columns:1fr!important;gap:16px!important}.career-grid{grid-template-columns:1fr!important;gap:12px!important}.hud-console{border-radius:12px!important;flex-flow:wrap!important;justify-content:space-between!important;gap:8px!important;margin-bottom:4px!important;padding:8px!important}.hud-identity{flex:0 auto!important;gap:8px!important}.hud-identity>div:first-child{width:36px!important;height:36px!important}.hud-identity span{font-size:.85rem!important}.hud-identity span+span{font-size:.65rem!important}.hud-details{border-top:1px dashed #ffffff0f!important;flex:1 0 100%!important;width:100%!important;max-width:100%!important;margin-top:4px!important;padding-top:4px!important}.hud-details span{font-size:.72rem!important}.hud-details div{font-size:.65rem!important}.hud-stats{flex-wrap:nowrap!important;flex:auto!important;justify-content:flex-end!important;gap:6px!important}.hud-stats>div{border-radius:10px!important;gap:4px!important;padding:3px 8px!important}.hud-stats>div span,.hud-stats>div strong{font-size:.82rem!important}.hud-stats>div:last-child{gap:2px!important;width:100px!important}.hud-stats>div:last-child span{width:32px!important;font-size:.5rem!important}.actions-desk-panel{gap:8px!important;max-height:none!important;padding:10px 14px!important}.actions-desk-panel button{min-height:auto!important;padding:8px 10px!important;font-size:.78rem!important}.actions-desk-panel strong{font-size:.78rem!important}.actions-desk-panel span{font-size:.68rem!important}.quick-actions-bar{border-radius:12px!important;gap:8px!important;padding:8px 12px!important}.quick-actions-bar button{padding:6px 8px!important;font-size:.68rem!important}.quick-actions-bar span{padding:2px 4px!important;font-size:.62rem!important}.hud-bottom-bar{justify-content:center!important;width:100%!important;margin-top:6px!important;padding-top:6px!important}.hud-bottom-bar button{flex:1!important;justify-content:center!important;padding:8px 12px!important;font-size:.78rem!important}}