*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0B1B33;--navy-2: #12264A;--cyan: #22D3EE;--purple: #8B5CF6;--ink: #E2E8F0;--muted: #94A3B8;--line: rgba(148,163,184,.18);--paper: #0F1F3A;--green: #4CAF50;--blue: #2196F3;--violet: #9C27B0;--orange: #FF9800;--red: #EF4444}body{font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(160deg,var(--navy),#0A1526);color:var(--ink);min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0 22px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff;font-weight:800}h1{font-size:24px;margin-bottom:6px}.sub{color:var(--muted);font-size:14px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;transition:transform .12s ease,border-color .12s ease;display:flex;flex-direction:column;gap:8px}.card:hover{transform:translateY(-2px);border-color:#22d3ee66}.card h3{font-size:17px}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#22d3ee1f;color:var(--cyan)}.muted{color:var(--muted);font-size:13px}.price{font-size:15px;font-weight:700;color:var(--cyan);margin-top:auto}.btn{display:inline-block;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;text-align:center}.btn:hover{filter:brightness(1.1);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.error{background:#ef44441f;color:#fca5a5;border-radius:10px;padding:10px 14px;font-size:13px;margin-top:12px}.event-hero{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:12px;border-radius:4px;display:inline-block}.map-shell{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}.map-canvas{width:100%;height:auto}.cart{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cart-seats{font-size:13px;color:var(--muted);max-width:520px;line-height:1.5}.ticket-box{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.ticket-code{font-family:ui-monospace,monospace;font-size:13px;color:var(--cyan)}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center}