:root{--game-ink:#101827;--game-yellow:#ffc107;--game-mint:#29d391;--game-paper:#f5f6f8}.games-shell{max-width:1240px}.games-hero{background:radial-gradient(circle at 85% 15%,#2b4777 0,transparent 30%),linear-gradient(135deg,#101827,#17294b);color:#fff;border-radius:24px;box-shadow:0 20px 50px rgba(16,24,39,.18)}.games-hero h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:.95;max-width:760px;margin:.5rem 0 1.2rem;letter-spacing:-.05em}.games-hero p{max-width:680px;color:#d7e0ee;font-size:1.1rem}.games-kicker{font-weight:800;letter-spacing:.16em;font-size:.72rem;color:var(--game-yellow)}.date-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:#fff;padding:12px 16px;border:1px solid #e5e7eb;border-radius:14px}.date-picker input{border:0;background:var(--game-paper);padding:8px 12px;border-radius:8px}.date-picker small{color:#697386;margin-left:auto}.game-card,.booking-panel,.booking-ticket,.admin-game{background:#fff;border:1px solid #e3e6eb;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(16,24,39,.06)}.game-card-top{background:var(--game-ink);color:#fff;padding:12px 18px;display:flex;justify-content:space-between;font-size:.82rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.status-dot.free{background:var(--game-mint);box-shadow:0 0 0 4px rgba(41,211,145,.16)}.status-dot.busy{background:var(--game-yellow)}.game-card h2{font-weight:800;letter-spacing:-.03em}.game-stats{display:grid;grid-template-columns:1fr 1fr;background:var(--game-paper);border-radius:12px;margin-top:20px}.game-stats span{padding:12px}.game-stats span+span{border-left:1px solid #dfe3e8}.live-box{display:flex;justify-content:space-between;align-items:center;background:#e9fff6;color:#0b6c4a;border-radius:10px;padding:10px 12px;margin-top:15px}.booking-panel{max-width:760px;padding:clamp(22px,5vw,42px)}.booking-panel h1{font-weight:800;letter-spacing:-.04em}.price-preview,.time-strip{display:flex;justify-content:space-between;gap:15px;background:var(--game-ink);color:#fff;padding:14px 16px;border-radius:12px}.booking-ticket{padding:24px;height:100%}.booking-ticket h2{font-weight:800}.admin-game{border-radius:14px}.admin-game table{min-width:860px}.admin-game thead{background:#f4f5f7}@media(min-width:992px){.main-content{margin-left:280px}}@media(max-width:576px){.games-hero{border-radius:16px}.game-card-top{flex-direction:column;gap:4px}.date-picker small{width:100%;margin-left:0}.time-strip{flex-direction:column}.booking-panel{padding:22px}}