:root{--deep-sea-bg:#030712;--lobster-red:#ef4444;--lobster-gold:#f59e0b;--lobster-purple:#8b5cf6;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glow-blue:#3b82f680}body{background:var(--deep-sea-bg);color:#fff;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 8px 32px #0000005e}.glow-text{text-shadow:0 0 10px var(--glow-blue)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #a855f766}.status-badge{text-transform:uppercase;background:#ffffff1a;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.grid-map{background:#3b82f61a;border-radius:1rem;grid-template-columns:repeat(20,1fr);gap:2px;padding:10px;display:grid}.grid-cell{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border-radius:2px;transition:background .2s}.grid-cell:hover{background:#3b82f64d}.grid-cell.occupied{background:var(--lobster-red);box-shadow:0 0 10px var(--lobster-red)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ef444433;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ef444466}.glass-container{flex-shrink:0}