@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,sans-serif;color:#f3f5f2;background:#0e1217;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 100%,#173d2c,transparent 65%),#0e1217}main{width:min(100%,520px);padding:32px 24px}h1{font:800 clamp(76px,20vw,112px)/.85 "Barlow Condensed",sans-serif;letter-spacing:-.03em;margin:12px 0 22px}.venue{font-size:11px;letter-spacing:.22em;color:#a9b9af}.intro{font-size:19px;line-height:1.5;margin-bottom:28px;color:#c9d1cc}a{text-decoration:none;color:inherit;display:block;touch-action:manipulation}a:focus-visible{outline:3px solid #f3f5f2;outline-offset:4px}.play,.penalties{border-radius:12px;padding:20px;margin-top:12px}.play{background:#2f5bea}.penalties{border:1px solid #52605a;background:#16241d}.play strong,.penalties strong{display:block;font:700 28px Barlow Condensed,sans-serif}.play strong span{float:right}.play>span,.penalties>span{display:block;margin-top:6px;font-size:12px;line-height:1.5}.prototype{font-size:12px;color:#bac4be;margin-top:24px;padding:10px 0;text-decoration:underline}.device{font-size:10px;color:#84968b;margin-top:24px}@media(orientation:landscape)and (max-height:500px){main{width:min(100%,860px);display:grid;grid-template-columns:1fr 1.2fr;column-gap:34px;padding:18px 28px}.venue,h1,.intro{grid-column:1}h1{font-size:76px;margin:10px 0}.intro{font-size:15px;margin:10px 0}.play{grid-column:2;grid-row:1/3;align-self:end;margin:0}.penalties{grid-column:2;grid-row:3;align-self:start}.prototype{grid-column:2;grid-row:4;margin-top:4px}.device{grid-column:1;grid-row:4;align-self:end;margin:0}}