:root{--navy:#001f4d;--blue:#075ca8;--bright:#1677ff;--green:#22cc88;--ink:#08264c}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Manrope,system-ui,sans-serif;color:#fff;background:linear-gradient(120deg,var(--navy) 0%,#06396f 58%,#05627a 100%);font-size:16px}
.selector-shell{flex:1;display:grid;place-items:center;padding:48px 28px}.selector{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.identity{text-align:center}.identity img{display:block;width:min(360px,100%);height:auto;margin:0 auto 26px}.identity p{margin:0 0 10px;color:#88e8c6;font-size:.76rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.identity h1{margin:0;font-size:clamp(2rem,3.5vw,3rem);line-height:1.05;letter-spacing:-.05em}
.country-grid{display:grid;gap:14px}.country-card{min-height:94px;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:16px;padding:13px 18px;border:1px solid rgba(255,255,255,.32);border-radius:16px;background:rgba(255,255,255,.97);color:var(--ink);text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}.country-card[href]:hover{transform:translateX(6px);box-shadow:0 20px 40px rgba(0,0,0,.25)}.country-card[href]:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.country-flag{position:relative;display:block;width:74px;height:48px;overflow:hidden;border-radius:8px;box-shadow:0 2px 7px rgba(0,0,0,.15)}.bahamas{background:linear-gradient(#00abc9 0 33.33%,#f6d23c 33.33% 66.66%,#00abc9 66.66%)}.bahamas:after{content:"";position:absolute;inset:0 auto 0 0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left:31px solid #111}.trinidad{background:linear-gradient(52deg,#d51f29 0 35%,#fff 35% 39%,#111 39% 61%,#fff 61% 65%,#d51f29 65%)}.tci{display:grid;place-items:center;background:#42a8df;color:#08264c}.tci:after{content:"";position:absolute;width:25px;height:31px;border-radius:2px 2px 11px 11px;background:#f2ca45}.tci b{position:relative;z-index:1;font-size:.48rem;letter-spacing:.08em}
.country-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}.country-info strong{width:100%;font-size:1.05rem;line-height:1.2}.country-info small{color:var(--bright);font-size:.72rem;font-weight:800}.status{order:3;margin-left:auto;padding:4px 8px;border-radius:999px;font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live{color:#08784c;background:#dcf8eb}.soon{color:#775700;background:#fff1bf}.enter{order:4;margin-left:auto;color:#5e7591;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.enter b{margin-left:5px;color:var(--bright);font-size:.9rem}.muted{color:#94a3b3}.disabled{opacity:.8;box-shadow:none}
footer{padding:24px;text-align:center;color:#a9bfd6;font-size:.72rem;letter-spacing:.04em}footer strong{color:#fff;font-weight:800}
@media(max-width:760px){.selector-shell{padding:38px 20px}.selector{grid-template-columns:1fr;gap:38px}.identity img{width:275px;margin-bottom:20px}.identity h1{font-size:2rem}.country-grid{width:min(470px,100%);margin:auto}}
@media(max-width:420px){.selector-shell{padding:28px 15px}.identity img{width:225px}.identity h1{font-size:1.72rem}.country-card{min-height:86px;grid-template-columns:62px 1fr;gap:12px;padding:11px 13px}.country-flag{width:62px;height:41px}.bahamas:after{border-top-width:21px;border-bottom-width:21px;border-left-width:27px}.country-info strong{font-size:.95rem}.enter{display:none}}
@media(prefers-reduced-motion:reduce){.country-card{transition:none}}