:root{--navy:#001426;--navy2:#031b30;--orange:#fa5400;--green:#69b72d;--line:#31465a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#00101e;color:#fff;font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}img{display:block;max-width:100%}.stadium-header{height:72px;padding:0 max(74px,calc((100vw - 1131px)/2));display:flex;align-items:center;gap:42px;background:rgba(0,14,26,.96);position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.brand{margin-right:auto}.brand img{width:145px}.stadium-header nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800;white-space:nowrap}.stadium-header nav>a{position:relative;padding:27px 0 24px}.stadium-header nav>a.active{color:#fff}.stadium-header nav>a.active::after{content:"";position:absolute;left:0;right:0;bottom:16px;height:3px;background:var(--orange)}.header-account{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800}.login,.create{height:44px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login{border:1px solid #526579}.create{background:var(--orange);border:1px solid var(--orange)}.nav-account{display:none}.menu-button{display:none;background:transparent;color:#fff;border:1px solid #526579;border-radius:7px;padding:8px 10px}.stadium-hero{height:534px;padding:117px max(74px,calc((100vw - 1336px)/2)) 30px;background:#00101e url('assets/stadiums-hero-v1.png') center/cover}.hero-content{max-width:620px}.eyebrow{display:flex;align-items:center;gap:9px;color:#75d039;text-transform:uppercase;font-size:12px;font-weight:800}.hero-content h1{font:800 65px/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:17px 0 13px;letter-spacing:.2px}.hero-content>p{color:#c6d0d9;font-size:14px;line-height:1.55}.stadium-search{height:60px;margin-top:25px;border:1px solid #526579;border-radius:10px;background:rgba(0,14,27,.88);display:grid;grid-template-columns:180px 1px 22px 1fr;align-items:center;padding:0 16px;gap:16px}.stadium-search label{display:flex;align-items:center;gap:10px}.stadium-search label img,.countries img{width:29px;height:20px;object-fit:cover;border-radius:2px}.stadium-search select,.stadium-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.stadium-search option{color:#07182b}.stadium-search>span{height:28px;background:#536477}.stadium-search>i{color:#d5dde4}.country-strip{min-height:92px;padding:20px max(52px,calc((100vw - 1340px)/2));display:grid;grid-template-columns:155px 1fr;align-items:center;gap:24px;background:#061b2e;border-block:1px solid #293f52}.country-strip h2{font:800 22px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.countries{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.countries button{height:48px;border:1px solid #2d4355;border-radius:6px;background:#071a2c;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.countries button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px rgba(105,183,45,.2)}.stadium-browser{max-width:1340px;margin:auto;padding:22px 0 34px;display:grid;grid-template-columns:196px 1fr;gap:22px;position:relative}.stadium-filters{display:flex;flex-direction:column}.stadium-filters button{min-height:72px;border:0;border-bottom:1px solid #2c4153;background:transparent;color:#bfcad3;display:flex;align-items:center;gap:17px;padding:0 22px;text-align:left;cursor:pointer}.stadium-filters button i{width:22px;font-size:19px}.stadium-filters button.selected{background:#071d31;color:#fff;border-left:3px solid var(--orange)}.stadium-gallery{display:grid;grid-template-columns:1.08fr .53fr .53fr;grid-template-rows:160px 180px;gap:14px}.stadium-card{position:relative;overflow:hidden;border:1px solid #536275;border-radius:12px;background:#06192a}.stadium-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,10,19,.96),transparent 68%);pointer-events:none}.stadium-card img{width:100%;height:100%;object-fit:cover}.stadium-card.featured{grid-row:1/3;border-color:var(--orange)}.stadium-card.wide{grid-column:2/4}.place{position:absolute;z-index:2;top:16px;left:18px;font-size:12px}.card-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:15px}.card-copy h2{font:800 32px/1 'Barlow Condensed';margin:0 0 7px}.card-copy p{margin:0;color:#d5dde4;font-size:11px}.card-copy>a{position:absolute;right:0;bottom:0;background:var(--orange);padding:10px 15px;border-radius:7px;font-size:11px;font-weight:800}.featured .card-copy h2{font-size:45px}.empty-state{grid-column:2;text-align:center;color:#b9c6d0;padding:70px}.stadium-card[hidden]{display:none}body>footer{min-height:130px;padding:24px max(52px,calc((100vw - 1340px)/2));background:#001426;border-top:1px solid #2b4052;color:#9faeba;font-size:11px}body>footer img{width:120px;margin-bottom:12px}
@media(max-width:1024px){.stadium-header{height:64px;padding-inline:24px}.stadium-header nav,.header-account{display:none}.menu-button{display:grid;margin-left:auto}.stadium-header nav.menu-open{display:flex;position:absolute;top:64px;left:0;right:0;padding:20px 24px;background:#00111f;flex-direction:column;align-items:stretch}.stadium-header nav>a{padding:7px 0}.stadium-header nav>a.active::after{display:none}.nav-account{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;border-top:1px solid #31455a}.stadium-hero{height:560px;padding:100px 32px 35px;background-position:61% center}.hero-content h1{font-size:58px}.country-strip{padding-inline:24px;grid-template-columns:1fr}.countries{overflow-x:auto;grid-template-columns:repeat(7,150px)}.stadium-browser{margin-inline:24px;grid-template-columns:170px 1fr}.stadium-gallery{grid-template-columns:1fr 1fr;grid-template-rows:260px 190px 190px}.stadium-card.featured{grid-row:auto;grid-column:1/3}.stadium-card.wide{grid-column:auto}}
@media(max-width:700px){.stadium-header{height:58px;padding-inline:16px}.brand img{width:108px}.stadium-header nav.menu-open{top:58px}.stadium-hero{height:auto;min-height:630px;padding:86px 16px 30px;background-position:66% center}.hero-content h1{font-size:46px}.hero-content>p{font-size:12px}.stadium-search{height:auto;grid-template-columns:1fr;padding:13px;gap:12px}.stadium-search>span{display:none}.stadium-search input{border-top:1px solid #42576a;padding-top:12px}.country-strip{padding:18px 16px}.countries{grid-template-columns:repeat(7,135px)}.stadium-browser{display:block;margin:0;padding:18px 16px}.stadium-filters{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:auto;margin-bottom:14px}.stadium-filters button{min-width:128px;height:60px;padding:10px;font-size:10px}.stadium-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:none}.stadium-card,.stadium-card.featured,.stadium-card.wide{grid-column:auto;grid-row:auto;height:240px}.card-copy>a{position:static;display:inline-flex;margin-top:10px}.featured .card-copy h2{font-size:38px}}

/* v2 — richer country selection cards. */
.country-strip{min-height:122px;background:linear-gradient(90deg,#061b2e,#082238 55%,#061b2e)}
.countries{gap:10px}
.countries button{position:relative;min-width:0;height:76px;padding:11px 12px;border-color:#345064;border-radius:9px;background:linear-gradient(145deg,#0a263d,#061827);display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;justify-content:initial;gap:10px;text-align:left;transition:.2s ease;overflow:hidden}
.countries button:hover,.countries button:focus-visible{border-color:#688095;transform:translateY(-2px)}
.countries button img{width:38px;height:27px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.countries button span{display:flex;min-width:0;flex-direction:column;gap:3px}
.countries button b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.countries button small{color:#91a5b5;font-size:8px;font-weight:700;white-space:nowrap}
.countries button>i{display:none;position:absolute;right:7px;top:7px;color:var(--green);font-size:12px}
.countries button.selected{border-color:var(--green);background:linear-gradient(145deg,rgba(105,183,45,.16),#071d2f 70%);box-shadow:inset 0 0 0 1px rgba(105,183,45,.25),0 0 20px rgba(105,183,45,.1)}
.countries button.selected>i{display:block}.countries button.selected small{color:#b8dc9f}
@media(max-width:1024px){.countries{grid-template-columns:repeat(7,160px)}}
@media(max-width:700px){.countries{grid-template-columns:repeat(7,150px)}}

/* v4 — the country list is generated from stadiums available in administration. */
.countries{grid-template-columns:repeat(var(--country-count,7),minmax(130px,1fr));overflow-x:auto;padding:4px 2px 6px}
.countries button .country-icon{position:static;display:grid;width:38px;height:27px;place-items:center;border-radius:4px;background:#102f47;color:#fff;font-size:17px}
@media(max-width:1024px){.countries{grid-template-columns:repeat(var(--country-count,7),160px)}}
@media(max-width:700px){.countries{grid-template-columns:repeat(var(--country-count,7),150px)}}