:root{--bg: #0b1220;--panel: #151f2e;--panel-2: #1c2a3d;--border: #29394d;--text: #eef3f7;--text-dim: #91a3b8;--accent-a: #3fd68b;--accent-a-dim: #1f6b46;--blue: #3fa9f5;--ball: #cdeb3c;--danger: #e5484d;--success: #3fd68b;--pending: #f5a13f;--radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(1200px 600px at 15% -10%,#123322 0%,transparent 60%),radial-gradient(1000px 500px at 110% 10%,#1a2a3a 0%,transparent 55%),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}a{color:var(--accent-a);transition:color .15s ease}.container{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}nav.topnav{padding:.75rem 1.25rem;background:#151f2eeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.nav-bar{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.nav-spacer{flex:1}.nav-toggle{display:none;background:transparent;border:none;color:var(--text);padding:.4rem;cursor:pointer;border-radius:8px}.nav-toggle:hover{background:var(--panel-2)}nav.topnav a{color:var(--text-dim);text-decoration:none;font-size:.92rem;font-weight:500}nav.topnav a:hover{color:var(--accent-a)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--text)!important}.logo{width:26px;height:26px;flex-shrink:0}.nav-user{color:var(--text-dim);font-size:.85rem;padding:.3rem .7rem;background:var(--panel-2);border:1px solid var(--border);border-radius:999px}@media (max-width: 720px){.nav-toggle{display:block}.nav-spacer{display:none}.nav-links{display:none;flex-direction:column;align-items:stretch;gap:.9rem;position:absolute;top:100%;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:1rem 1.25rem 1.25rem}.nav-links.open{display:flex}.nav-user{align-self:flex-start}}.card{background:linear-gradient(180deg,var(--panel) 0%,rgba(21,31,46,.7) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;margin-bottom:1.25rem}h1,h2,h3{margin-top:0;letter-spacing:-.01em}button,.btn{font-family:inherit;font-size:.95rem;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:.6rem 1.1rem;cursor:pointer;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none;display:inline-block}button:hover:not(:disabled),.btn:hover{border-color:var(--accent-a);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:linear-gradient(180deg,#4fe89f 0%,var(--accent-a) 100%);border-color:var(--accent-a);color:#04321a;font-weight:600;box-shadow:0 2px 12px #3fd68b59}button.danger{background:linear-gradient(180deg,#ef6267 0%,var(--danger) 100%);border-color:var(--danger);color:#340608;font-weight:600}button.ghost{background:transparent}input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],input[type=tel],select{font-family:inherit;font-size:.95rem;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .7rem;width:100%;transition:border-color .15s ease}input:focus,select:focus{outline:none;border-color:var(--accent-a)}label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.3rem}.field{margin-bottom:1rem}.error-text{color:var(--danger);font-size:.9rem}.muted{color:var(--text-dim)}.badge{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.free{background:var(--success);color:#04321a}.badge.reserved{background:var(--danger);color:#340608}.badge.open{background:var(--blue);color:#062333}.badge.full{background:var(--pending);color:#3a2100}.badge.blocked{background:var(--text-dim);color:#0b1220}.badge.admin{background:var(--accent-a);color:#04321a}.controls-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#040810b3;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;max-width:440px;width:100%;max-height:90vh;overflow-y:auto}table.data-table{width:100%;border-collapse:collapse}table.data-table th,table.data-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border)}table.data-table th{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}table.data-table tbody tr:hover{background:#3fd68b0d}@media (max-width: 640px){table.data-table thead{display:none}table.data-table,table.data-table tbody,table.data-table tr,table.data-table td{display:block;width:100%}table.data-table tr{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.75rem}table.data-table td{border-bottom:none;padding:.3rem 0}table.data-table td:empty{display:none}table.data-table td[data-label]:before{content:attr(data-label);display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-dim);margin-bottom:.2rem}table.data-table td.actions-cell{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}}.grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.avail-grid{border-collapse:collapse;width:100%;min-width:480px}table.avail-grid th,table.avail-grid td{border:1px solid var(--border);text-align:center;padding:0}table.avail-grid th{background:var(--panel-2);color:var(--text-dim);font-size:.78rem;font-weight:600;padding:.5rem .4rem;white-space:nowrap}table.avail-grid td.time-cell{background:var(--panel-2);color:var(--text-dim);font-size:.78rem;font-weight:600;padding:.4rem;white-space:nowrap}.slot-cell{width:100%;min-height:52px;border:none;border-radius:0;padding:.35rem .3rem;font-size:.72rem;line-height:1.25;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.slot-cell.free{background:#3fd68b1a;color:var(--accent-a)}.slot-cell.free:hover{background:#3fd68b38}.slot-cell.reserved{background:#e5484d24;color:#f2999c}.slot-cell.open_game{background:#3fa9f524;color:var(--blue)}.slot-cell.open_game:hover{background:#3fa9f542}.slot-cell.full{background:#f5a13f29;color:var(--pending)}.slot-cell.blocked{background:#91a3b81a;color:var(--text-dim);cursor:default}.slot-cell .mine-dot{width:6px;height:6px;border-radius:50%;background:var(--ball)}.legend-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1rem;font-size:.8rem;color:var(--text-dim);align-items:center}.legend-row .swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.35rem;vertical-align:middle}.player-list{list-style:none;padding:0;margin:.5rem 0}.player-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.player-list li:last-child{border-bottom:none}.level-tag{font-size:.75rem;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem}.auth-card{max-width:380px;margin:2rem auto;text-align:center}.auth-card .logo{width:56px;height:56px;margin-bottom:.75rem}.auth-card form{text-align:left}