:root{--bg0: #0c1a12;--bg1: #163224;--pitch: #1f4d32;--ink: #eef3e6;--muted: #a7b8a4;--accent: #f2c14e;--accent-2: #e85d4c;--line: rgba(238, 243, 230, .14);--font-display: "Press Start 2P", cursive;--font-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 70% -10%,rgba(242,193,78,.16),transparent 60%),radial-gradient(900px 500px at 10% 20%,rgba(232,93,76,.12),transparent 55%),linear-gradient(160deg,var(--bg0),var(--bg1) 45%,#0a1610)}a{color:inherit}.page{min-height:100vh;padding:1.25rem clamp(1rem,4vw,2.5rem) 2.5rem}.page.center,.center-text{display:grid;place-items:center;text-align:center}.page.narrow{max-width:720px;margin:0 auto}.brand{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,3rem);letter-spacing:.04em;line-height:1.2;margin:0;color:var(--accent);text-shadow:0 8px 40px rgba(242,193,78,.25)}.brand.sm{font-size:.95rem;letter-spacing:.06em}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:.03em;margin:.2rem 0 .6rem;font-size:clamp(1.1rem,3.2vw,1.75rem);line-height:1.4}.lede{color:var(--muted);max-width:36rem;line-height:1.5;margin:0 0 1.4rem}.landing-hero .lede{margin-bottom:.55rem}.landing-hero .landing-deadline{margin-bottom:1.4rem;color:#f4f4f4}.landing{position:relative;overflow:hidden}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#08120ceb,#08120c59),repeating-linear-gradient(90deg,transparent 0 48px,rgba(238,243,230,.04) 48px 50px),radial-gradient(ellipse at 50% 120%,#245c3a,transparent 55%);pointer-events:none}.landing-hero{position:relative;min-height:calc(100vh - 2.5rem);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:8vh;gap:.4rem}.cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:4px}.btn{--btn-bg: #92cd41;--btn-bg-hover: #76c442;--btn-shadow: #4aa52e;--outline-width: 4px;--shadow-width: 3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--btn-bg);display:inline-block;position:relative;text-align:center;font-size:.85rem;line-height:1.35;padding:.85rem 1.15rem;font-family:"Press Start 2P",cursive;font-weight:400;text-decoration:none;color:#fff;border:0;border-radius:0;cursor:pointer;box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 var(--btn-shadow);image-rendering:pixelated;transition:none}.btn:hover,.btn:focus-visible{background:var(--btn-bg-hover);box-shadow:inset calc(var(--shadow-width) * -1.5) calc(var(--shadow-width) * -1.5) 0 0 var(--btn-shadow);outline:none}.btn:active{box-shadow:inset var(--shadow-width) var(--shadow-width) 0 0 var(--btn-shadow)}.btn:before,.btn:after{content:"";position:absolute;width:100%;height:100%;box-sizing:content-box;pointer-events:none}.btn:before{top:calc(var(--outline-width) * -1);left:0;border-top:var(--outline-width) solid #000;border-bottom:var(--outline-width) solid #000}.btn:after{left:calc(var(--outline-width) * -1);top:0;border-left:var(--outline-width) solid #000;border-right:var(--outline-width) solid #000}.btn.primary{--btn-bg: #92cd41;--btn-bg-hover: #76c442;--btn-shadow: #4aa52e;color:#fff}.btn.ghost{--btn-bg: #f7d51d;--btn-bg-hover: #f2c409;--btn-shadow: #e59400;color:#fff}.btn.reset{--btn-bg: #e76e55;--btn-bg-hover: #ce372b;--btn-shadow: #8c2022;color:#fff}.btn.sm{--outline-width: 3px;--shadow-width: 2px;padding:.55rem .7rem;font-size:.58rem}.text-link{color:var(--muted);text-underline-offset:3px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.topbar-right{display:flex;align-items:center;gap:1rem}.muted{color:var(--muted)}.stack{display:grid;gap:1rem}label{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem}input{width:100%;padding:.85rem 1rem;border-radius:4px;border:1px solid var(--line);background:#00000040;color:var(--ink);font:600 1rem var(--font-body)}.error{color:#ff8f7a}.controls{margin-top:2rem;padding:4px 0;list-style:none;color:var(--muted);display:grid;gap:.85rem}.controls li{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.controls-sep{color:var(--muted);font-size:.85rem;margin:0 .1rem}.controls-label{margin-left:.35rem;font-size:.95rem}.key{--key-bg: #f4f4f4;--key-shadow: #2a2a2a;--outline-width: 3px;--shadow-width: 2px;position:relative;display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;margin:0;border:0;border-radius:0;background:var(--key-bg);color:#111;font-family:"Press Start 2P",cursive;font-size:.55rem;line-height:1;box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 var(--key-shadow);vertical-align:middle}.key:before,.key:after{content:"";position:absolute;width:100%;height:100%;box-sizing:content-box;pointer-events:none}.key:before{top:calc(var(--outline-width) * -1);left:0;border-top:var(--outline-width) solid #000;border-bottom:var(--outline-width) solid #000}.key:after{left:calc(var(--outline-width) * -1);top:0;border-left:var(--outline-width) solid #000;border-right:var(--outline-width) solid #000}.key--space{width:auto;min-width:5.5rem;padding:0 .55rem;font-size:.45rem;letter-spacing:.04em}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:1.25rem;margin:0 0 1.5rem;padding:4px}.team-card{--team-bg: #92cd41;--team-bg-hover: #76c442;--team-shadow: #4aa52e;--outline-width: 4px;--shadow-width: 3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:.75rem;justify-items:center;padding:1rem 1rem 1.1rem;position:relative;border:0;border-radius:0;background:var(--team-bg);color:#fff;font-family:"Press Start 2P",cursive;cursor:pointer;box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 var(--team-shadow);transition:none}.team-card:before,.team-card:after{content:"";position:absolute;width:100%;height:100%;box-sizing:content-box;pointer-events:none}.team-card:before{top:calc(var(--outline-width) * -1);left:0;border-top:var(--outline-width) solid #000;border-bottom:var(--outline-width) solid #000}.team-card:after{left:calc(var(--outline-width) * -1);top:0;border-left:var(--outline-width) solid #000;border-right:var(--outline-width) solid #000}.team-card:hover,.team-card:focus-visible{background:var(--team-bg-hover);box-shadow:inset calc(var(--shadow-width) * -1.5) calc(var(--shadow-width) * -1.5) 0 0 var(--team-shadow);outline:none}.team-card:active{box-shadow:inset var(--shadow-width) var(--shadow-width) 0 0 var(--team-shadow)}.team-card--brazil{--team-bg: #ff8c00;--team-bg-hover: #f57c00;--team-shadow: #e65100}.team-card--cesko{--team-bg: #e53935;--team-bg-hover: #c62828;--team-shadow: #8e0000}.team-card.active{box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 var(--team-shadow),0 0 0 2px #fff}.team-card.active:hover{box-shadow:inset calc(var(--shadow-width) * -1.5) calc(var(--shadow-width) * -1.5) 0 0 var(--team-shadow),0 0 0 2px #fff}.team-shoe{width:min(100%,220px);height:auto;display:block;image-rendering:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.team-name{font-family:"Press Start 2P",DM Sans,sans-serif;font-size:.7rem;letter-spacing:.04em;text-align:center;text-transform:none}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:disabled:hover,.btn:disabled:focus-visible{background:var(--btn-bg);box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 var(--btn-shadow)}@media(max-width:640px){.team-grid{grid-template-columns:1fr}}.canvas-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:6px;background:#0a1610}.canvas-wrap canvas{display:block;width:100%;height:auto;max-width:1200px;margin:0 auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050c08b8;display:grid;place-items:center;padding:1rem;animation:fadeIn .28s ease;z-index:100}.overlay-card{width:min(420px,100%);padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(160deg,#15281c,#0e1c14);text-align:center}.score-big{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);margin:.2rem 0;color:var(--accent);line-height:1.2}.lb-section-title{font-family:"Press Start 2P",cursive;font-size:.7rem;margin:1.5rem 0 .75rem;color:var(--accent)}.team-standings .leaderboard-head,.team-standings .leaderboard li{grid-template-columns:1fr auto 3.5rem;position:relative}.team-standings-head span:last-child{text-align:right}.team-row{overflow:hidden}.team-row-name{display:flex;align-items:center;gap:.55rem;z-index:1;min-width:0}.team-row-shoe{width:2rem;height:auto;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.team-row .score,.team-row .rank{z-index:1;text-align:right}.team-row-bar{position:absolute;left:0;top:0;bottom:0;opacity:.35;pointer-events:none;z-index:0}.team-row--brazil{background:#3d2800!important}.team-row--brazil .team-row-bar{background:#ff8c00}.team-row--brazil .score{color:#ff8c00}.team-row--cesko{background:#4a1212!important}.team-row--cesko .team-row-bar{background:#e53935}.team-row--cesko .score{color:#e53935}.team-row.lead{box-shadow:inset -3px -3px #ffffff40}.leaderboard-panel{--outline-width: 4px;--shadow-width: 3px;position:relative;margin:0;padding:0;background:#1a1a1a;color:#f4f4f4;font-family:"Press Start 2P",cursive;box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 #0a0a0a}.leaderboard-panel:before,.leaderboard-panel:after{content:"";position:absolute;width:100%;height:100%;box-sizing:content-box;pointer-events:none;z-index:1}.leaderboard-panel:before{top:calc(var(--outline-width) * -1);left:0;border-top:var(--outline-width) solid #000;border-bottom:var(--outline-width) solid #000}.leaderboard-panel:after{left:calc(var(--outline-width) * -1);top:0;border-left:var(--outline-width) solid #000;border-right:var(--outline-width) solid #000}.leaderboard-head,.leaderboard li{display:grid;grid-template-columns:4.5rem 1fr auto;gap:.75rem;align-items:center;padding:.7rem .85rem}.leaderboard-head{background:#92cd41;color:#fff;font-size:.55rem;letter-spacing:.04em;box-shadow:inset 0 -3px #4aa52e}.leaderboard{list-style:none;padding:0;margin:0;display:grid;gap:0;max-height:min(60vh,520px);overflow:auto}.leaderboard li{font-size:.55rem;line-height:1.4;border-bottom:3px solid #000;background:#222;color:#f4f4f4}.leaderboard li:nth-child(2n){background:#2a2a2a}.leaderboard li:last-child{border-bottom:0}.leaderboard li.me{background:#f7d51d;color:#111;box-shadow:inset -3px -3px #e59400}.leaderboard li.me .rank,.leaderboard li.me .score{color:#111}.leaderboard .rank{color:#f7d51d;font-variant-numeric:tabular-nums}.leaderboard .handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard .score{font-size:.6rem;color:#92cd41}.leaderboard .empty{grid-template-columns:1fr;text-align:center;color:#aaa;padding:1.25rem .85rem}.admin-users-head,.leaderboard li:has(.admin-email){grid-template-columns:3.5rem 1fr auto}.admin-email{text-transform:none;letter-spacing:0}.admin-ig{color:#92cd41;font-size:.5rem}.leaderboard li.me .admin-ig{color:#111}.me-rank{--outline-width: 3px;--shadow-width: 2px;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin:1rem 0 0;padding:.75rem .9rem;background:#f7d51d;color:#111;font-family:"Press Start 2P",cursive;font-size:.5rem;line-height:1.5;box-shadow:inset calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) 0 0 #e59400}.me-rank:before,.me-rank:after{content:"";position:absolute;width:100%;height:100%;box-sizing:content-box;pointer-events:none}.me-rank:before{top:calc(var(--outline-width) * -1);left:0;border-top:var(--outline-width) solid #000;border-bottom:var(--outline-width) solid #000}.me-rank:after{left:calc(var(--outline-width) * -1);top:0;border-left:var(--outline-width) solid #000;border-right:var(--outline-width) solid #000}.me-rank-label{background:#111;color:#f7d51d;padding:.25rem .4rem}.me-rank-score{margin-left:auto;font-size:.65rem}.lobby-main{max-width:40rem;padding-top:8vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.landing-hero{justify-content:center;padding-bottom:0}}.mobile-controls{display:none}@media(max-width:900px),(pointer:coarse){.mobile-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:fixed;left:0;right:0;top:50%;bottom:auto;transform:translateY(-50%);padding:0 max(.75rem,env(safe-area-inset-left)) 0 max(.75rem,env(safe-area-inset-right));z-index:40;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-controls-left,.mobile-controls-right{display:flex;gap:.65rem;pointer-events:auto}.mobile-controls-right{flex-direction:row}.pad-btn{--outline-width: 4px;--shadow-width: 3px;width:4.25rem;height:4.25rem;padding:0;font-size:1.1rem;line-height:1;touch-action:none;-webkit-touch-callout:none}.pad-btn--kick{width:5.25rem;font-size:.55rem;letter-spacing:.04em}.pad-btn:active{transform:none}.page.play{padding-bottom:1.25rem}.page.play .canvas-wrap{max-height:none}}