:root{--bg:#0b171c;--panel:#14272b;--line:#314447;--text:#f4f2e8;--muted:#9caaa5;--gold:#edc477;--green:#b5e0c3;--dark:#16292a;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{color:inherit}#canvas{position:absolute;inset:0;width:100%;height:100%;background:#102126}body.in-menu #canvas{filter:blur(5px);opacity:.26}.screen{position:absolute;inset:0;z-index:5}.menu-screen{top:81px;overflow:auto;background:linear-gradient(160deg,#0b171cf2,#0b191cf0 80%,#182d29e6);scrollbar-color:#506761 #112326}.menu-header{position:absolute;top:0;left:0;right:0;height:81px;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 4.4vw;border-bottom:1px solid #58776b38;background:#0b171cef}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font-size:15px;font-weight:900;letter-spacing:1.1px}.brand small{display:block;margin-top:5px;font-size:9px;font-weight:500;letter-spacing:2.2px;color:var(--gold)}.brand-ball{font-size:33px;color:var(--gold);font-weight:400}.header-right{display:flex;align-items:center;gap:28px}.edition-tag{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.icon-button{background:#eff5ed06;border:1px solid #adcebd2a;border-radius:7px;padding:9px 12px;font-size:11px;color:#dae5d9}.icon-button:hover{background:#ffffff0c;border-color:#8a9b7a}.page-wrap{max-width:1240px;margin:auto;padding:40px 30px 28px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:35px}.eyebrow{font-size:9px;line-height:1.6;font-weight:700;letter-spacing:2.3px;color:var(--gold);display:flex;gap:9px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px #b5e0c33b;flex-shrink:0}h1{font-size:clamp(36px,4.9vw,64px);font-weight:900;line-height:.97;letter-spacing:-2.6px;margin:16px 0 14px}h1 span{color:var(--gold)}.intro p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.format-note{padding:0 0 8px 24px;border-left:1px solid var(--line);margin-right:18px}.format-note strong{display:block;font-size:10px;letter-spacing:1.8px;color:var(--text);margin-bottom:10px}.format-note span{font-size:12px;line-height:1.9;color:var(--muted)}.selection-layout{display:grid;grid-template-columns:1fr 282px;gap:30px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.section-heading h2{font-size:10px;letter-spacing:1.7px;font-weight:800;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.team-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.filter{border:1px solid transparent;color:#a1b2a9;background:transparent;border-radius:5px;padding:7px 10px;font-size:10px}.filter.active{background:#b6d5c115;color:#e5e6d8;border-color:#aec0a238}.filter:hover{color:var(--gold)}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.team-tile{position:relative;background:#172b2de8;border:1px solid #344747;border-radius:8px;display:flex;text-align:left;align-items:center;gap:10px;padding:14px 10px;min-height:63px;transition:background .15s,border .15s,transform .15s;overflow:hidden}.team-tile:hover{background:#243b3a;border-color:#8a9b7a;transform:translateY(-1px)}.team-tile.selected{border-color:var(--gold);background:#2e362cf2;box-shadow:0 0 0 1px #edc47711 inset}.team-tile.selected:after{content:'✓';position:absolute;right:7px;top:5px;color:var(--gold);font-size:9px}.flag{width:28px;height:21px;object-fit:cover;box-shadow:0 2px 6px #0002;border-radius:2px;flex-shrink:0}.tile-name{font-size:11px;font-weight:700;display:block;line-height:1.2}.tile-bottom{display:flex;align-items:center;gap:8px;margin-top:5px}.country-code{font-size:8px;letter-spacing:1px;color:var(--muted)}.swatches{display:flex;gap:2px}.swatches i{width:8px;height:3px;border:1px solid #ffffff16;border-radius:1px}.original-credit{font-size:9px;color:#6f8880;margin-top:18px}.selection-card{background:linear-gradient(135deg,#203732f5,#13272bf5);border:1px solid #476354;border-radius:12px;padding:23px 21px;position:sticky;top:24px;box-shadow:0 8px 28px #0002}.selected-label{font-size:8px;font-weight:800;letter-spacing:2px;color:var(--gold);margin-bottom:15px}.selected-name{display:flex;gap:12px;align-items:center}.selected-name .flag{width:37px;height:28px}.selected-name strong{font-size:23px;letter-spacing:-.5px}.selected-name small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.kit-display{height:127px;display:grid;place-items:center;margin:15px 0 8px;background:radial-gradient(ellipse,#8faa7930,transparent 66%)}.kit-svg{width:113px;height:123px;filter:drop-shadow(0 10px 6px #0005)}.kit-label{text-align:center;color:#b5c2ae;font-size:8px;font-weight:600;letter-spacing:1.8px}.team-strength{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-bottom:1px solid #bbd2b222;margin-top:18px;padding-bottom:18px}.strength-dots{color:var(--gold);letter-spacing:2px}.strength-dots .off{color:#49645a}.settings{margin:18px 0;display:grid;gap:14px}.settings label{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#b9c7b7}.settings select{display:block;width:100%;padding:9px 10px;margin-top:7px;background:#102329;border:1px solid #4c665b;border-radius:6px;font-size:11px;letter-spacing:0;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;border:1px solid transparent;border-radius:7px;font-size:10px;letter-spacing:1.1px;font-weight:800;padding:13px 21px;text-decoration:none;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--gold);color:#25302a;border-color:#f9d693}.btn.primary:hover{background:#ffdb98}.btn.secondary{background:#d2e3d809;color:#e0e8d7;border-color:#93b29d3a}.btn.secondary:hover{background:#e1f2d910}.btn.wide{width:100%}.btn+.btn.wide{margin-top:8px}.btn kbd{background:#23383015;color:inherit;border-color:#23383044;font-size:9px;line-height:1.2}.save-note{font-size:9px;line-height:1.7;color:#8da899;text-align:center;margin:13px 0 0}.controls-guide{display:flex;align-items:center;gap:20px;margin-top:27px;padding:18px 0 0;border-top:1px solid #87a48c29;flex-wrap:wrap;color:#a8b6a9;font-size:10px}.controls-guide strong{font-size:8px;letter-spacing:1.4px;color:#dae2ce}.controls-guide span{display:flex;gap:4px;align-items:center}.text-button{font-size:10px;line-height:1.4;color:var(--gold);background:none;border:none;padding:0}.controls-guide .text-button{margin-left:auto}kbd{font:700 10px/1.6 Arial,sans-serif;color:#dae5d4;background:#b7d2c014;border:1px solid #829c8144;border-bottom-width:2px;border-radius:4px;display:inline-block;min-width:20px;padding:1px 5px;text-align:center}.hub-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.hub-top h1{font-size:40px;letter-spacing:-1.6px;margin:12px 0 9px}.hub-top p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.your-team{display:flex;gap:11px;align-items:center;min-width:144px;border:1px solid #b3c29922;padding:14px;border-radius:8px;background:#26403444}.your-team .flag{width:34px;height:25px}.your-team small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.1px;margin-bottom:4px}.your-team strong{font-size:14px}.journey{display:flex;gap:0;margin-bottom:27px}.journey-step{border-top:2px solid #364d47;padding:11px 10px 0 0;flex:1;color:#6f897c;font-size:9px;letter-spacing:.2px}.journey-step.active{border-color:var(--gold);color:var(--gold)}.journey-step.done{border-color:#91b59e;color:#bbd5bf}.hub-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.hub-tabs button{padding:13px 0 14px;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:11px}.hub-tabs button.active{color:var(--gold);border-color:var(--gold)}.hub-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:25px}.next-match{background:linear-gradient(130deg,#203a31,#172e31);border:1px solid #68866067;border-radius:11px;padding:23px 25px;margin-bottom:24px}.next-match .eyebrow{color:#b8d5b4}.match-vs{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0}.vs-team{width:40%;text-align:center}.vs-team .flag{width:53px;height:40px;display:block;margin:0 auto 10px}.vs-team strong{font-size:17px;display:block}.vs-team small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.vs-text{font-size:12px;color:#a3bb9f;font-style:italic}.match-meta{font-size:10px;text-align:center;color:#a1b8a7;line-height:1.7;margin-bottom:18px}.panel{background:#15292bd9;border:1px solid #344943;border-radius:9px;padding:20px 21px;margin-bottom:22px}.panel h3{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:0 0 18px;display:flex;justify-content:space-between;align-items:center}.panel h3 span{font-size:9px;font-weight:400;color:var(--muted);letter-spacing:0}.fixture{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:9px;align-items:center;padding:12px 0;border-top:1px solid #a0bea320;font-size:11px}.fixture:first-of-type{border-top:0}.fixture .side{display:flex;align-items:center;gap:8px;min-width:0}.fixture .side.right{justify-content:flex-end;text-align:right}.fixture .side .flag{width:21px;height:16px}.fixture .side span{overflow-wrap:anywhere;line-height:1.3}.fixture .fixture-score{text-align:center;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.fixture .fixture-score small{display:block;font-size:8px;font-weight:400;line-height:1.7;color:var(--muted)}.fixture.user-fixture{color:var(--gold)}.fixture .unplayed{font-size:10px;color:#8aa396}.fixture-section{margin-bottom:20px}.fixture-section>h4{font-size:8px;letter-spacing:1.4px;color:#9db2a0;margin:17px 0 0}.result-banner{background:#d8ce9140;border:1px solid #d9c37c44;border-radius:7px;padding:12px 15px;margin-bottom:23px;font-size:11px;line-height:1.8;color:#ebdfc0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-banner span{color:#b9c5ab;font-size:10px}.group-table{width:100%;border-collapse:collapse;font-size:10px}.group-table th{font-size:8px;color:#91a998;font-weight:400;letter-spacing:.3px;padding:0 4px 12px;text-align:right}.group-table th:first-child{text-align:left}.group-table td{padding:11px 4px;text-align:right;border-top:1px solid #9dbb9922;font-variant-numeric:tabular-nums}.group-table td:first-child{text-align:left}.group-table .table-team{display:flex;align-items:center;gap:7px}.table-team .flag{width:19px;height:14px}.table-team .rank{font-size:8px;color:#829b8d;min-width:11px}.group-table .your-row{color:var(--gold);background:#efc47709}.group-table tbody tr:nth-child(-n+2) .rank{color:var(--green)}.group-table td:last-child{font-weight:800}.group-footnote{font-size:9px;line-height:1.7;color:#7e9b87;margin:13px 0 0}.groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.groups-grid .panel{margin:0}.matchday-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.matchday-list .fixture{font-size:10px}.matchday-list .fixture .flag{width:18px;height:14px}.matchday-list .fixture-score{font-size:11px}.hub-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#809c8b;font-size:9px;border-top:1px solid #658a7530;padding:20px 0;margin-top:15px}.watch-panel h2{font-size:28px;letter-spacing:-1px;line-height:1.2;margin:16px 0}.watch-panel p{font-size:12px;color:var(--muted);line-height:1.8}.bracket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:start}.bracket-column h3{font-size:9px;color:var(--gold);letter-spacing:1px;margin:3px 0 16px}.bracket-match{padding:13px 12px;background:#1c3232;border:1px solid #37564a;border-radius:7px;margin-bottom:12px;font-size:10px}.bracket-match .bracket-team{display:flex;align-items:center;gap:7px;padding:7px 0}.bracket-team .flag{width:21px;height:16px}.bracket-team .bracket-name{flex:1}.bracket-team.winner{color:var(--gold);font-weight:700}.bracket-match small{color:var(--muted);font-size:8px;display:block;line-height:1.6;margin-top:4px}.bracket-placeholder{color:#759680;border:1px dashed #42614d;padding:18px 12px;font-size:10px;border-radius:7px;line-height:1.8;margin-bottom:13px}.scoreboard{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:linear-gradient(#0a171f,#0a171ff5 78%,#0a171f00);min-height:75px;padding:9px 22px;z-index:3}.stage-label{display:flex;gap:9px;align-items:center;font-size:9px;font-weight:700;letter-spacing:1px;color:#b3cbb4}.score-centre{text-align:center}.live-score{display:flex;align-items:center;justify-content:center;gap:13px;background:#1b3536;border:1px solid #627b6745;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:800;min-width:288px;font-variant-numeric:tabular-nums}.score-nation{display:flex;align-items:center;gap:7px}.score-nation .flag{width:23px;height:17px}.score-numbers{font-size:20px;letter-spacing:3px;color:#f4e2b7}.period-label{font-size:9px;color:#c0d3b7;margin-top:6px;letter-spacing:.7px;font-variant-numeric:tabular-nums}.match-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.match-actions>span{font-size:12px;font-variant-numeric:tabular-nums;color:#a2bda8;min-width:36px}.match-actions .icon-button{font-size:13px;padding:8px 10px}.attack-hint{position:absolute;right:23px;top:89px;font-size:9px;color:#a9c4ab;z-index:3}.match-controls{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:25px;font-size:8px;letter-spacing:.8px;color:#a4bca7;z-index:3}.match-controls kbd{font-size:8px;min-width:16px;margin-right:5px}.compact-screen{display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(ellipse at center,#091e225a,#061219ee);overflow:auto}.dialog-card{width:min(510px,100%);background:linear-gradient(130deg,#233d35,#14282e);border:1px solid #72926c66;border-radius:15px;box-shadow:0 20px 100px #0008;padding:32px}.dialog-card h2{font-size:34px;letter-spacing:-1.3px;margin:16px 0 22px;line-height:1.06}.dialog-card p{color:#b0c1ad;font-size:12px;line-height:1.9}.result-score{display:flex;align-items:center;justify-content:center;gap:21px;padding:21px 0;border-top:1px solid #9eba9828;border-bottom:1px solid #9eba9828;margin-bottom:20px}.result-score .flag{width:40px;height:30px}.result-team{font-size:10px;text-align:center;flex:1;min-width:0}.result-team .flag{display:block;margin:auto auto 10px}.result-score strong{font-size:30px;white-space:nowrap;letter-spacing:2px}.result-team span{display:block;line-height:1.5}.modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#08171df0;padding:22px;overflow:auto}.help-card{width:min(590px,100%);max-height:94vh;overflow:auto}.help-card h2{margin-bottom:16px}.help-controls{display:grid;gap:11px;margin:23px 0;color:#d6e1cb;font-size:11px}.help-controls kbd{margin-right:8px}.toast{position:absolute;z-index:45;left:50%;top:91px;transform:translateX(-50%);max-width:90vw;background:#0f2e2bf5;border:1px solid #b6d4a969;border-radius:7px;padding:11px 19px;font-size:11px;font-weight:700;color:#f1f1dd;box-shadow:0 5px 20px #0003;text-align:center;pointer-events:none}.touch-controls{position:absolute;bottom:14px;left:14px;right:14px;display:none;justify-content:space-between;align-items:flex-end;z-index:4;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;background:#294943b5;border:1px solid #c1ddb447;border-radius:9px;color:#e5f0d7;font-size:17px;min-width:40px;min-height:38px;padding:4px}.touch-controls button.pressed{background:#b5e0c390}.dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,38px);gap:4px}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.touch-actions{display:flex;gap:8px}.touch-actions button{width:44px;min-height:50px}.touch-actions small{display:block;font-size:6px;letter-spacing:.6px;color:#bcceb4;margin-top:2px}.shootout-card{width:min(690px,100%);max-height:95vh;overflow:auto;background:linear-gradient(130deg,#213c33,#14282e);border:1px solid #86a07666;border-radius:14px;padding:24px}.shootout-heading{display:flex;align-items:center;justify-content:space-between}.shootout-card h2{font-size:29px;letter-spacing:-1px;margin:13px 0 17px}#penaltyScore{display:grid;grid-template-columns:1fr 1fr;gap:18px}.penalty-country{text-align:center;font-size:12px;font-weight:700}.penalty-country .flag{vertical-align:middle;margin-right:7px;width:24px;height:18px}.penalty-country strong{margin-left:10px;font-size:18px;color:var(--gold)}.penalty-dots{display:flex;gap:5px;justify-content:center;margin:11px 0;flex-wrap:wrap}.penalty-dot{width:10px;height:10px;border:1px solid #88a581;border-radius:50%}.penalty-dot.goal{background:var(--green);border-color:var(--green)}.penalty-dot.miss{background:#d37167;border-color:#d37167}#penaltyCanvas{display:block;width:100%;height:auto;max-height:220px;background:#143c2b;border-radius:7px;margin:5px 0 15px}#penaltyPrompt{text-align:center;font-size:12px;min-height:22px;line-height:1.6;color:var(--text);margin-bottom:12px}.aim-buttons{display:flex;gap:9px;margin-bottom:16px}.aim-buttons button{flex:1;background:#163031;border:1px solid #52755b;padding:10px 6px;border-radius:5px;font-size:10px;color:#b7d1bb}.aim-buttons button.selected{background:#e5c98320;border-color:var(--gold);color:var(--gold)}.power-meter{position:relative;height:13px;background:#152429;border:1px solid #58745d;border-radius:4px;overflow:hidden;margin:0 0 16px}.sweet-spot{position:absolute;left:41%;width:18%;height:100%;background:#dabb68b3}.power-marker{position:absolute;width:4px;height:100%;background:#fff;left:50%;box-shadow:0 0 6px white}.penalty-instructions{font-size:10px;text-align:center;color:#98b49d;line-height:1.8;margin:12px 0 0}.ceremony-screen{background:radial-gradient(ellipse at 50% 30%,#2d4a38,#10242a 54%,#09171c);overflow:auto;text-align:center;padding:35px 22px;z-index:10}.ceremony-inner{position:relative;z-index:2;max-width:560px;margin:auto}#confettiCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.ceremony-inner>.eyebrow{justify-content:center;font-size:8px}.trophy{height:166px;margin:20px auto 20px;filter:drop-shadow(0 0 35px #ecc9654a);animation:trophy-in .8s ease both}.trophy svg{height:100%;width:auto}.champion-name{display:flex;gap:13px;align-items:center;justify-content:center;font-size:44px;font-weight:800;letter-spacing:-1.2px;margin-bottom:7px}.champion-name .flag{width:58px;height:44px;border-radius:3px}.champion-title{font-size:12px;letter-spacing:5px;color:var(--gold);font-weight:700}.champion-detail{font-size:12px;line-height:1.8;color:#bed1b7;margin:20px auto 23px;max-width:400px}.anthem-panel{display:flex;align-items:center;gap:14px;text-align:left;background:#e1d6a50a;border:1px solid #d2c99240;border-radius:9px;padding:16px 19px;margin:0 auto 24px}.anthem-panel>div:nth-child(2){flex:1;min-width:0}.anthem-panel span{font-size:7px;font-weight:800;letter-spacing:1.4px;color:#b6c19f}.anthem-panel strong{display:block;font-size:13px;margin-top:7px;line-height:1.5}.anthem-panel p{font-size:9px;color:#97ae93;margin:5px 0 0}.anthem-disc{display:grid;place-items:center;background:#e9c26915;border:1px solid #d2b97454;width:37px;height:37px;flex-shrink:0;border-radius:50%;color:var(--gold);font-size:18px}.ceremony-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ceremony-finals{padding:20px 0;max-width:430px;margin:16px auto;color:#a7be9f;font-size:10px}.ceremony-finals h3{font-size:8px;font-weight:400;letter-spacing:1.5px;margin:16px 0 0}.ceremony-finals .fixture{color:#d9e3c6}.match-footer-message{font-size:10px;color:#9cb395;line-height:1.8}.kit-tag{display:inline-flex;font-size:8px;color:#b2c7a6;border:1px solid #b9c79628;border-radius:4px;margin-top:7px;padding:4px 6px}@keyframes trophy-in{from{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:none}}@media(pointer:coarse){.touch-controls{display:flex}.match-controls{display:none}}@media(min-width:1500px){.page-wrap{padding-top:55px}.intro{margin-bottom:40px}.team-tile{min-height:72px}.selection-card{padding-top:26px}.kit-display{height:148px}.kit-svg{height:137px;width:123px}}@media(max-width:1060px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-layout{gap:22px;grid-template-columns:1fr 256px}.bracket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-guide{gap:12px}}@media(max-width:760px){.page-wrap{padding:26px 20px 22px}.intro{margin-bottom:27px}.format-note{display:none}.selection-layout{grid-template-columns:1fr 229px;gap:17px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-tile{padding:12px 8px;gap:8px}.selection-card{padding:19px 16px}.team-filters{gap:2px}.filter{padding:6px 7px;font-size:9px}.header-right{gap:8px}.edition-tag{display:none}.menu-header{padding:0 22px;height:70px}.menu-screen{top:70px}.hub-layout{grid-template-columns:1fr}.groups-grid{grid-template-columns:1fr}.hub-top h1{font-size:33px}.journey-step{font-size:8px}.scoreboard{grid-template-columns:1fr auto 1fr;gap:8px;padding:8px 10px}.stage-label{font-size:8px;letter-spacing:.3px;display:block}.stage-label .live-dot{margin-bottom:4px}.live-score{min-width:210px;padding:8px 10px;gap:8px;font-size:10px}.score-numbers{font-size:18px;letter-spacing:1px}.score-nation .flag{width:20px;height:15px}.match-actions{gap:4px;flex-wrap:wrap}.match-actions>span{font-size:10px}.match-actions .icon-button{padding:6px 8px}.match-controls{gap:10px}.attack-hint{top:85px;font-size:8px}.matchday-list{grid-template-columns:1fr}.hub-tabs{gap:20px}.hub-footer{align-items:flex-start}.hub-footer>span{max-width:220px;line-height:1.6}}@media(max-width:520px){.selection-layout{grid-template-columns:1fr}.selection-card{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px}.selection-card>#selectedTeam{grid-row:span 2}.selection-card .settings{margin:0 0 14px}.selection-card>.btn,.selection-card>.save-note{grid-column:1/-1}.kit-display{height:116px}.selected-name{gap:8px}.selected-name strong{font-size:21px}.selected-name .flag{width:31px;height:23px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.team-tile{display:block;padding:10px 8px;min-height:79px}.team-tile>.flag{width:23px;height:17px;margin-bottom:7px}.tile-name{font-size:10px}.tile-bottom{margin-top:4px}.tile-name br{display:none}h1{font-size:44px}.controls-guide strong{width:100%}.controls-guide .text-button{margin-left:0}.hub-top{align-items:flex-start}.your-team{min-width:auto;padding:11px}.your-team strong{font-size:12px}.your-team small{font-size:7px}.your-team .flag{width:27px;height:20px}.hub-top h1{font-size:27px}.hub-top p{font-size:10px}.journey-step{padding-right:4px;font-size:7px}.hub-tabs{gap:17px}.hub-tabs button{font-size:10px}.next-match{padding:20px}.vs-team strong{font-size:16px}.panel{padding:17px 16px}.dialog-card{padding:26px 22px}.dialog-card h2{font-size:30px}.result-score{gap:10px}.result-score strong{font-size:25px}.shootout-card{padding:19px 17px}.shootout-card h2{font-size:25px}.shootout-card>.eyebrow{font-size:7px;letter-spacing:1.7px}.bracket-grid{gap:12px}.bracket-match{padding:9px}.bracket-name{font-size:9px}.bracket-team .flag{width:17px;height:13px}.champion-name{font-size:35px}.champion-name .flag{width:47px;height:35px}.trophy{height:143px}.ceremony-screen{padding-top:30px}.ceremony-inner>.eyebrow{font-size:7px;letter-spacing:1.7px}.scoreboard{grid-template-columns:auto 1fr auto;gap:6px;padding:7px}.stage-label{max-width:51px;font-size:7px}.score-nation{gap:5px}.live-score{min-width:190px;font-size:10px;padding:9px 8px;gap:8px}.match-actions{max-width:50px;justify-content:center}.match-actions>span{width:100%;text-align:center}.match-actions .icon-button{padding:4px 6px;font-size:10px}#matchSound{display:none}.period-label{font-size:8px}.attack-hint{right:12px}.match-controls{font-size:6px;gap:7px}.match-controls kbd{font-size:7px;padding:1px 3px}.brand{font-size:12px;gap:8px}.brand small{font-size:7px}.menu-header{padding:0 20px}.header-right>.icon-button{font-size:10px}}@media(max-height:540px){.compact-screen{align-items:flex-start;padding:12px}.dialog-card{padding:22px}.dialog-card h2{font-size:27px;margin:12px 0}.result-score{padding:12px 0;margin-bottom:12px}.shootout-card{max-height:none;padding:17px}.shootout-card h2{margin:10px 0}#penaltyCanvas{max-height:160px}.touch-controls{bottom:10px}.dpad{grid-template-columns:repeat(3,35px);grid-template-rows:repeat(2,32px)}.touch-controls button{min-width:35px;min-height:32px}.touch-actions button{width:39px;min-height:44px}.scoreboard{min-height:61px}.attack-hint{top:72px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}