:root{--bg-dark:#0f0f0f;--bg-card:#1a1a1a;--gold:#d4af37;--gold-hover:#f1c40f;--text-main:#ffffff;--text-muted:#a0a0a0;--danger:#e74c3c;--success:#2ecc71;--font-main:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--border-color:#333;--bg-darker:#0a0a0a}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg-darker)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background-color:var(--gold);border-radius:10px;border:2px solid var(--bg-darker);opacity:.8}::-webkit-scrollbar-thumb:hover{background-color:var(--gold-hover);opacity:1}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid var(--gold);padding-bottom:1rem}.header h1{color:var(--gold);font-size:2.5rem;text-transform:uppercase;letter-spacing:2px}.table-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.table-card{background:var(--bg-card);border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.table-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gold);opacity:0;transition:opacity .3s ease}.table-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 10px 20px rgba(0,0,0,.5)}.table-card:hover:before{opacity:1}.table-card.occupied{border-color:var(--danger)}.table-card.occupied .status{color:var(--danger)}.status{font-size:.8rem;text-transform:uppercase;font-weight:700;color:var(--success)}.btn-gold{background:var(--gold);color:black;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background .3s ease}.btn-gold:hover{background:var(--gold-hover)}@media (min-width:901px){.mobile-only{display:none!important}}@media (max-width:900px){.desktop-only{display:none!important}}