@import "tailwindcss";

:root { --ink:#050914; --navy:#091225; --panel:#0d1930; --blue:#1685ff; --gold:#ffca36; --cream:#f7f2e7; --muted:#9aa8bf; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:var(--font-geist-sans),sans-serif; }
button,input { font:inherit; }
a { color:inherit; text-decoration:none; }
.nav { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid #ffffff14; position:relative; z-index:2; }
.brand { display:flex; gap:12px; align-items:center; font-size:14px; font-weight:900; letter-spacing:.15em; }
.brand-mark { width:35px; height:35px; display:grid; place-items:center; border:2px solid var(--gold); color:var(--gold); border-radius:50% 50% 50% 12%; font-family:Georgia,serif; font-size:21px; }
.nav-links { display:flex; align-items:center; gap:30px; color:#c5cedd; font-size:14px; }
.submit-link { color:var(--gold); border:1px solid #ffca3666; padding:10px 15px; border-radius:6px; }
.hero { min-height:650px; padding:92px 5vw 62px; position:relative; overflow:hidden; background:radial-gradient(circle at 77% 28%,#0d3762 0,#071426 25%,transparent 48%),linear-gradient(145deg,#070d1b,#050914 70%); }
.hero:after { content:""; position:absolute; width:650px; height:650px; border:1px solid #1685ff26; border-radius:50%; right:-130px; top:-95px; box-shadow:0 0 0 80px #1685ff09,0 0 0 160px #1685ff06; pointer-events:none; }
.eyebrow,.kicker { font-family:var(--font-geist-mono),monospace; letter-spacing:.16em; font-size:12px; font-weight:800; color:var(--gold); }
.live-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px #ffca3622; margin-right:10px; }
h1 { max-width:850px; font-size:clamp(54px,7.4vw,104px); letter-spacing:-.065em; line-height:.88; margin:27px 0 28px; font-weight:900; }
h1 em { color:var(--gold); font-family:Georgia,serif; font-weight:400; }
.lede { max-width:650px; color:#aeb9cc; font-size:18px; line-height:1.65; }
.search-shell { margin-top:34px; width:min(740px,100%); background:#fff; border-radius:7px; padding:7px; display:flex; align-items:center; box-shadow:0 22px 70px #0008; }
.search-icon { color:#5b6676; font-size:26px; padding-left:12px; }
.search-shell input { flex:1; min-width:80px; border:0; outline:0; padding:16px; color:#111827; background:transparent; }
.search-shell button,.details { border:0; background:var(--gold); color:#121212; font-weight:800; padding:15px 22px; border-radius:5px; cursor:pointer; }
.quick-filters { display:flex; align-items:center; gap:10px; margin-top:16px; font-size:12px; color:#718099; }
.quick-filters button { color:#b7c2d4; border:1px solid #ffffff17; background:#ffffff09; border-radius:99px; padding:7px 11px; }
.score-card { position:absolute; z-index:1; right:7vw; bottom:62px; width:360px; display:grid; grid-template-columns:1fr 1.5fr 1fr; align-items:center; border:1px solid #ffffff17; background:#071122cc; backdrop-filter:blur(16px); padding:18px; box-shadow:inset 3px 0 var(--gold); }
.score-card>div { display:flex; flex-direction:column; gap:5px; }
.score-card strong { font-size:25px; }
.score-label { font-size:9px; color:var(--gold); letter-spacing:.15em; }
.game-time { text-align:center; border-left:1px solid #ffffff17; border-right:1px solid #ffffff17; color:#dce4f0; font-size:12px; }
.game-time span { color:#68778e; font-size:9px; }.opponent { align-items:flex-end; }.arrow { color:var(--gold); }
.venues { padding:82px 5vw 100px; background:#08101e; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }
h2 { font-size:clamp(34px,4vw,55px); letter-spacing:-.045em; line-height:1; margin:10px 0 0; }
.map-button { color:var(--cream); border:1px solid #ffffff27; background:transparent; padding:12px 18px; border-radius:5px; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.venue-card { border:1px solid #ffffff16; background:var(--panel); transition:.2s ease; overflow:hidden; }.venue-card:hover { transform:translateY(-4px); border-color:#ffca3677; }
.card-art { height:156px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:repeating-linear-gradient(115deg,#102b47 0 20px,#0e233c 20px 40px); }
.art-2 { background:radial-gradient(circle at 50% 120%,#bb7a1a,#21180e 60%); }.art-3 { background:linear-gradient(135deg,#16314d,#07101d); }
.art-word { font-size:42px; font-weight:900; font-style:italic; color:#ffffff18; letter-spacing:-.06em; transform:rotate(-8deg); }
.distance { position:absolute; top:12px; right:12px; padding:6px 8px; color:#fff; font-size:11px; background:#030812b8; border-radius:4px; }
.card-body { padding:19px; }.status-row { display:flex; justify-content:space-between; font-size:10px; font-weight:800; color:#b2bfd2; letter-spacing:.08em; }.verified { color:#59d5a0; }.community { color:#f4a94d; }
h3 { font-size:22px; margin:16px 0 7px; letter-spacing:-.025em; }.area { color:#8190a8; margin:0; font-size:13px; }.note { color:#d4dbea; font-size:13px; padding:14px 0; border-bottom:1px solid #ffffff12; }
.tags { display:flex; gap:7px; flex-wrap:wrap; min-height:46px; }.tags span { background:#ffffff0b; border:1px solid #ffffff12; padding:6px 8px; color:#aebbd0; font-size:10px; border-radius:3px; }
.details { width:100%; margin-top:15px; background:transparent; color:var(--gold); border:1px solid #ffca363d; display:flex; justify-content:space-between; }
.about { padding:110px 5vw 130px; background:var(--gold); color:#09101c; }.about .kicker { color:#0d4686; }.about p { max-width:650px; font-size:18px; line-height:1.6; color:#3e3b31; }
@media(max-width:900px){.score-card{display:none}.card-grid{grid-template-columns:1fr 1fr}.nav-links a:not(.submit-link){display:none}}
@media(max-width:650px){.nav{padding:0 20px}.brand{font-size:12px}.submit-link{padding:8px}.hero{padding:66px 20px 52px;min-height:auto}h1{font-size:54px}.search-shell{align-items:stretch}.search-shell button{padding:10px}.quick-filters{overflow:auto}.venues{padding:64px 20px}.card-grid{grid-template-columns:1fr}.section-heading{align-items:center}.map-button{font-size:0}.map-button:first-letter{font-size:18px}.about{padding:80px 20px}}

.quick-filters button{cursor:pointer;white-space:nowrap}.quick-filters button.active,.map-button.active{border-color:var(--gold);color:var(--gold);background:#ffca3611}.note{line-height:1.55;min-height:73px}.about>a{display:inline-block;margin-top:18px;font-weight:900;border-bottom:2px solid #09101c;padding-bottom:4px}
.sample-banner{display:flex;gap:14px;align-items:center;margin:-30px 0 45px;padding:13px 16px;border:1px solid #ffca3644;background:#ffca360d;color:#cbd5e5;font-size:12px}.sample-banner b{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.empty{min-height:270px;border:1px dashed #ffffff25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8190a8}.empty b{color:#fff;font-size:20px}.empty button{background:var(--gold);border:0;padding:10px 15px;font-weight:800;border-radius:4px}
.map-fallback{height:510px;position:relative;overflow:hidden;border:1px solid #ffffff16;background-color:#0b1b2d;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:44px 44px}.map-fallback:before{content:"";position:absolute;width:430px;height:430px;border:55px solid #0f2e49;border-radius:50%;right:-100px;top:-120px}.map-copy{position:absolute;left:28px;top:28px;width:250px;background:#07101ee8;padding:20px;z-index:2;border-left:3px solid var(--gold)}.map-copy h3{margin:8px 0}.map-copy p{color:#91a1b8;font-size:12px;line-height:1.5}.map-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#f7f2e7;color:#08101e;border:0;padding:7px 11px 7px 7px;border-radius:99px;box-shadow:0 8px 24px #0008;cursor:pointer}.map-pin span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-weight:900}.map-pin b{font-size:11px}.road{position:absolute;height:16px;background:#17324b;width:120%;transform:rotate(-12deg);left:-10%;top:55%}.road-b{transform:rotate(64deg);top:45%;left:12%}
.modal-backdrop{position:fixed;z-index:50;inset:0;background:#02050bd9;display:grid;place-items:center;padding:22px;backdrop-filter:blur(8px)}.modal{width:min(670px,100%);max-height:90vh;overflow:auto;background:#0d1930;border:1px solid #ffffff1f;padding:38px;position:relative;box-shadow:0 40px 120px #000}.modal-close{position:absolute;right:18px;top:15px;background:transparent;border:0;color:#fff;font-size:30px;cursor:pointer}.modal h2{margin:15px 0}.sample-chip{display:inline-block;color:#ffcf4d;background:#ffca3610;border:1px solid #ffca3633;padding:7px 9px;font-size:11px}.modal-address{color:#99a9bf}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff16;margin:28px 0}.fact-grid>div{display:flex;flex-direction:column;gap:7px;background:#0a1427;padding:16px}.fact-grid small{color:#74849c;font-size:9px;letter-spacing:.14em}.fact-grid b{font-size:13px}.modal>p{color:#b5c0d0;line-height:1.6}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.modal-actions a{background:var(--gold);color:#09101c;padding:11px 13px;font-size:12px;font-weight:800;border-radius:4px}.modal-actions a+a{background:#ffffff0c;color:#fff;border:1px solid #ffffff1f}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5vw;background:#030711;color:#75839a;font-size:12px}footer>span{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.12em}footer a{color:var(--gold)}
.admin-page{min-height:100vh;background:#07101e}.admin-nav{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid #ffffff14;background:#050a14}.admin-nav>div{display:flex;gap:18px;align-items:center;color:#8190a8;font-size:12px}.admin-nav>div a{color:var(--gold)}.admin-wrap{padding:55px 4vw 100px;max-width:1400px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:flex-end}.admin-heading h1{font-size:clamp(45px,6vw,78px);margin:16px 0 22px}.admin-heading p{color:#95a4bb;max-width:550px;line-height:1.6}.primary{border:0;background:var(--gold);color:#080d16;font-weight:900;padding:14px 18px;border-radius:4px;cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff16;margin:55px 0 28px;border:1px solid #ffffff16}.admin-stats>div{background:#0d1930;padding:22px;display:flex;flex-direction:column;gap:8px}.admin-stats b{font-size:30px}.admin-stats span{color:#8391a7;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.success-message{background:#1f8c6630;color:#6fe0ae;border:1px solid #6fe0ae55;padding:11px;margin-bottom:12px}.admin-table{border:1px solid #ffffff17}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr .7fr .7fr 1fr;gap:14px;align-items:center;padding:14px 18px}.table-head{background:#050b17;color:#728098;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.table-row{border-top:1px solid #ffffff12;color:#bdc8d8;font-size:12px}.table-row>div:first-child{display:flex;flex-direction:column;gap:5px}.table-row b{color:#fff;font-size:14px}.table-row small{color:#78879d}.table-row.is-hidden{opacity:.5}.status-pill,.visibility,.row-actions button{border:1px solid #ffffff1c;background:#ffffff08;color:#b8c3d3;border-radius:99px;padding:7px 9px;font-size:10px;cursor:pointer;text-transform:capitalize}.status-pill.verified{border-color:#59d5a044}.visibility{color:#65dbad}.row-actions{display:flex;gap:7px}.row-actions button{border-radius:3px}.row-actions .delete{color:#ff8a8a}.admin-tip{margin-top:20px;padding:18px 20px;border:1px solid #1685ff36;background:#1685ff0c}.admin-tip b{color:#8bc3ff}.admin-tip p{color:#7889a2;font-size:12px;margin:6px 0 0}.admin-modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#0d1930;border:1px solid #ffffff1f;padding:28px}.form-title{display:flex;justify-content:space-between;align-items:start}.form-title h2{font-size:30px}.form-title>button{font-size:28px;background:transparent;color:#fff;border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#91a0b6;font-size:11px}.form-grid input,.form-grid textarea,.form-grid select{background:#07101e;border:1px solid #ffffff1c;color:#fff;padding:11px;border-radius:3px;outline:0}.form-grid textarea{min-height:90px;resize:vertical}.form-grid .wide{grid-column:1/-1}.checks{display:flex;gap:16px;align-items:end;grid-column:1/-1}.checks label{flex-direction:row;align-items:center}.checks input{accent-color:var(--gold)}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff16}.form-actions>button:first-child{background:transparent;border:1px solid #ffffff20;color:#fff;padding:12px 18px}.form-error{color:#ff9696;font-size:12px}
@media(max-width:650px){.brand{font-size:11px}.map-button{font-size:11px}.sample-banner{align-items:start;flex-direction:column}.map-copy{width:220px}.map-pin b{display:none}.fact-grid{grid-template-columns:1fr}.modal{padding:28px 20px}footer{align-items:start;gap:12px;flex-direction:column}.admin-nav{padding:0 18px}.admin-nav>div span{display:none}.admin-wrap{padding:42px 18px}.admin-heading{align-items:start;gap:25px;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row>div:first-child{grid-column:1/-1}.admin-modal{padding:22px 16px}.form-grid{grid-template-columns:1fr}.form-grid .wide,.checks{grid-column:auto}.checks{align-items:start;flex-direction:column}}