:root{--navy:#001b38;--navy-2:#00294c;--line:#315773;--blue:#1b5397;--teal:#008896;--paper:#f8f6f0;--ink:#10233a;--muted:#a8c0d2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:not(.floor-mode){background:var(--navy)}body:not(.floor-mode) main{min-height:100vh;background:radial-gradient(circle at 80% -10%,#0c4b78 0,var(--navy) 50%);padding:28px}.topbar{max-width:1100px;margin:auto!important}.topbar .brand{min-height:36px}.topbar .brand img{filter:none}body:not(.floor-mode) .auth-card{max-width:920px;margin:42px auto;background:linear-gradient(145deg,#00345c,#002445);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #0004}body:not(.floor-mode) .auth-intro{border-right:1px solid var(--line);padding-right:38px}body:not(.floor-mode) .auth-intro h1,body:not(.floor-mode) .auth-form h2{color:#fff}body:not(.floor-mode) .auth-intro p,body:not(.floor-mode) #notice{color:#bdd0df}body:not(.floor-mode) input,body:not(.floor-mode) select{background:#001d38;border-color:#3b6685}.player-mode{background:var(--navy)}.player-mode main{max-width:none;margin:0;padding:28px 48px 42px 268px;background:radial-gradient(circle at 80% -10%,#0c4b78 0,var(--navy) 50%);min-height:100vh}.player-mode .topbar{display:flex;max-width:none;background:transparent;margin:0!important;padding:2px 0 26px}.player-mode .page-section{max-width:1220px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 auto 26px}.player-mode .section-heading{padding-bottom:15px;border-bottom:1px solid #315773}.player-mode .section-heading h2{color:#fff;font-size:25px}.player-mode .game-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:18px}.reservation-game-card,.live-game-card,.reservation-card{border:1px solid var(--line);border-radius:13px;padding:20px;background:linear-gradient(145deg,#00335b,#002343);color:#fff;position:relative;overflow:hidden;min-height:205px;text-align:left;width:100%}.reservation-game-card:after,.live-game-card:after{content:'♠';position:absolute;right:13px;bottom:-13px;color:#ffffff12;font-size:115px;font-family:Georgia,serif}.reservation-game-card strong,.live-game-card strong,.reservation-card strong{display:block;font-size:22px;margin:8px 0 4px;position:relative;z-index:1}.reservation-game-card small{color:#cad9e6;position:relative;z-index:1}.card-kicker{display:block;font-size:11px;letter-spacing:.09em;font-weight:800;color:#9ec9e3;text-transform:uppercase;position:relative;z-index:1}.availability{font-size:13px;color:#b8cad8;margin:20px 0 10px;position:relative;z-index:1}.availability.open{color:#88e1b8}.reserve-controls{display:flex;align-items:end;justify-content:space-between;gap:10px;position:relative;z-index:1}.reserve-controls label{font-size:11px;color:#b8cad8}.reserve-controls select{padding:5px;margin-left:7px;border-radius:5px}.reserve-controls button{padding:10px 14px;background:#2f66ad;color:#fff}.live-game-card{background:linear-gradient(145deg,#002c50,#00192f)}.live-game-card footer{position:absolute;bottom:17px;left:20px;color:#a9c3d6;font-size:12px;z-index:1}.live-stat{display:inline-grid;margin:14px 32px 0 0;position:relative;z-index:1}.live-stat b{font-size:24px}.live-stat span{font-size:12px;color:#a8c0d2}.reservation-card{min-height:auto;display:grid;gap:8px}.reservation-meta{display:flex;gap:12px;align-items:center;color:#cbd9e4;font-size:13px}.status{font-weight:800}.status-0,.status-2,.status-4{color:#83dcae}.status-3{color:#ee9b76}.text-action{background:transparent;color:#b9cee0;border:1px solid #527591;padding:8px 10px;font-size:12px}.empty-state{color:#bed1df;padding:24px 0}.player-mode #my-reservations{background:transparent;border:0}.player-mode #reservations{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.player-mode input,.player-mode select{background:#001f3c}.player-mode .auth-card{max-width:780px}.player-mode .topbar .brand{color:#fff}@media(max-width:760px){body:not(.floor-mode) main{padding:16px}.topbar{padding:4px 0 18px}.player-mode main{padding:16px 16px 95px}.player-mode .topbar{padding:3px 0 20px}.player-mode .section-heading h2{font-size:22px}.player-mode .game-list{grid-template-columns:1fr;gap:12px}.player-mode #reservations{grid-template-columns:1fr}body:not(.floor-mode) .auth-card{margin:8px 0;padding:24px}.auth-card{grid-template-columns:1fr!important}body:not(.floor-mode) .auth-intro{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.auth-intro h1{font-size:31px!important}}
