:root{--bg: transparent;--surface: rgba(255,255,255,.92);--surface-hover: rgba(255,255,255,.96);--border: rgba(255,255,255,.95);--text: #111;--text-secondary: #444;--text-dim: #888;--usa-blue: #2A398D;--mex-green: #3CAC3B;--can-red: #E61D25;--gold: #8b6914;--gold-bright: #D4AF37;--font: "Noto Sans", system-ui, sans-serif;--radius: 8px;--radius-sm: 5px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);color:var(--text);min-height:100vh;padding:0 1rem 3rem;max-width:960px;margin:0 auto;position:relative}body:before{content:"";position:fixed;inset:-8px;z-index:-1;background:url(/wc26-bg-hd.jpg) center/cover no-repeat;transition:opacity .3s;filter:blur(2px) saturate(1.05)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:#0000004d;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(1px)}body[data-theme=split]:before{filter:none;inset:0}body[data-theme=split]:after{backdrop-filter:none;-webkit-backdrop-filter:none}body[data-theme=split]:before{background:var(--split-bg, #0a0f1a);transition:background .4s}.split-art{display:none;position:fixed;top:0;left:0;bottom:0;width:90%;z-index:-1;background:url(/wc26-bg-alt.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,black 50%,transparent 100%);mask-image:linear-gradient(90deg,black 50%,transparent 100%)}body[data-theme=split] .split-art{display:block}header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 1rem 1rem;margin-top:1rem;text-align:center;background:none}.header-text{background:#ffffffeb;padding:.5rem 1.2rem;border-radius:var(--radius)}.logo{width:56px;height:auto;flex-shrink:0}h1{font-family:Anton,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.02em;line-height:1.1;color:#111}.subtitle{font-size:.8rem;font-weight:500;color:#444;margin-top:.15rem}.updated{font-size:.65rem;color:#888;margin-top:.1rem}.controls{padding:.8rem 1rem;background:#ffffffeb;border-radius:var(--radius);margin-top:.5rem}.controls-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem;flex-wrap:wrap}.tz-label{font-size:.68rem;color:var(--text-dim);margin-left:.3rem}.actions{display:flex;gap:.4rem;margin-left:auto}.action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.72rem;font-weight:500;font-family:var(--font);color:#333;background:#f0f0f0;border:1px solid #ddd;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.action-btn:hover{background:#e0e0e0;border-color:#bbb}.action-btn svg{flex-shrink:0}.filter-section{margin-bottom:0;border:none}.filter-summary{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--text-secondary);padding:.3rem 0;list-style:none}.filter-summary::-webkit-details-marker{display:none}.filter-summary-text{color:#333}.filter-count{font-size:.62rem;font-weight:700;background:#ffffffe6;color:#333;padding:.05rem .35rem;border-radius:100px;display:none}.filter-count.visible{display:inline-block}.filter-chevron{transition:transform .2s;color:#999;flex-shrink:0}.filter-section[open] .filter-chevron{transform:rotate(180deg)}.filter-content{padding:.4rem 0 0}.filter-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;flex-wrap:wrap}.filter-mode{display:flex;background:#f0f0f0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid #ddd}.mode-btn{padding:.2rem .6rem;font-size:.68rem;font-weight:500;font-family:var(--font);background:none;color:#666;border:none;cursor:pointer;transition:all .15s}.mode-btn.active{background:var(--gold-bright);color:#fff;font-weight:500}.clear-btn{margin-left:auto;padding:.15rem .5rem;font-size:.65rem;font-family:var(--font);background:none;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.clear-btn:hover{color:var(--text);border-color:var(--text-dim)}.team-chips{display:flex;flex-wrap:wrap;gap:.25rem}.chip{padding:.15rem .45rem;font-size:.68rem;font-family:var(--font);font-weight:400;background:#f0f0f0;color:#555;border:1px solid #ddd;border-radius:100px;cursor:pointer;transition:all .15s;white-space:nowrap}.chip:hover{background:#e0e0e0;color:#222;border-color:#bbb}.chip.selected{background:var(--gold-bright);color:#000;border-color:var(--gold-bright);font-weight:400}.highlighted{background:rgba(var(--hl),.35)!important}.hidden-by-filter{display:none!important}.stage-divider{display:flex;align-items:center;gap:.8rem;margin:1.6rem 0 .4rem}.stage-divider .line{flex:1;height:1px}.stage-divider .label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:#ffffffeb;padding:.15rem .7rem;border-radius:100px}.stage-divider .line{background:#ffffff80}.stage-divider[data-stage="Group Stage"] .label{color:var(--gold)}.stage-divider[data-stage="Round of 32"] .label{color:var(--usa-blue)}.stage-divider[data-stage="Round of 16"] .label{color:var(--mex-green)}.stage-divider[data-stage=Quarter-finals] .label{color:var(--can-red)}.stage-divider[data-stage=Semi-finals] .label{color:#7c6ef0}.stage-divider[data-stage="Third-place match"] .label,.stage-divider[data-stage=Final] .label{color:var(--gold-bright)}.date-group{margin-bottom:.2rem}.date-heading{font-size:.68rem;font-weight:600;color:#333;padding:.15rem .6rem;margin:.3rem auto .15rem;background:#ffffffe0;border-radius:4px;display:table;text-align:center}.matches-list{display:flex;flex-direction:column;gap:.2rem}.match-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;background:#ffffffeb;border-radius:var(--radius);border:1px solid rgba(255,255,255,.95);transition:all .15s}.match-row:hover{border-color:#ccc}.match-row.tbd{opacity:.55}.mr-time{font-size:.72rem;font-weight:500;color:var(--text-secondary);min-width:48px;flex-shrink:0;font-variant-numeric:tabular-nums}.mr-teams{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.mr-team{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0}.mr-team:last-child{justify-content:flex-end;text-align:right}.mr-flag{font-size:.95rem;flex-shrink:0}.mr-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-vs{font-size:.65rem;color:var(--text-dim);flex-shrink:0;min-width:1.2rem;text-align:center}.mr-score{font-size:.95rem;font-weight:700;color:var(--gold);min-width:.9rem;text-align:center;font-variant-numeric:tabular-nums}.mr-team:first-child .mr-score{order:1;margin-left:auto}.cal-wrap{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.cal-month-title{font-size:.9rem;font-weight:700;color:var(--gold);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em;background:#ffffffeb;display:inline-block;padding:.2rem .8rem;border-radius:100px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#ddd;border:1px solid #ccc;border-radius:var(--radius);overflow:hidden}.cal-hdr{background:#fffffff2;padding:.3rem;text-align:center;font-size:.65rem;font-weight:600;color:#555;text-transform:uppercase}.cal-day{background:#ffffffe0;padding:.25rem .3rem;min-height:70px;font-size:.62rem;vertical-align:top}.cal-day.empty{background:#ffffff80;min-height:0}.cal-day.outside{opacity:.3}.cal-day.today{background:#d4af371f}.day-num{font-weight:700;font-size:.72rem;color:#555;display:inline-block;margin-bottom:.15rem;transition:all .15s}.cal-day.has-matches .day-num{color:var(--gold)}.cal-day.hl-day .day-num{color:#fff;background:rgba(var(--day-hl),.85);border-radius:50%;width:1.6em;height:1.6em;line-height:1.6em;text-align:center}.cal-match{display:flex;align-items:center;color:var(--text);white-space:nowrap;overflow:hidden;line-height:1.35;border-left:2px solid transparent;padding:.1rem 0 .1rem .2rem;margin-bottom:.05rem;transition:all .15s}.cm-home{flex:1;text-align:right}.cm-x{flex-shrink:0;padding:0 .2rem;color:var(--text-dim);font-size:.55rem}.cm-away{flex:1;text-align:left}[data-tip]{cursor:default}.custom-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#000000d9;color:#fff;font-size:.65rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;transform:translate(10px,-100%);opacity:0;transition:opacity .1s}.custom-tooltip.visible{opacity:1}.cal-match.highlighted{background:rgba(var(--hl),.3)}.cal-match .cm-time{color:var(--text-dim)}.cal-match .cm-score{color:var(--gold-bright);font-weight:600}.compact-flow{column-count:2;column-gap:.8rem;margin-top:.8rem}.compact-flow .stage-divider{margin:2rem 0 1.2rem;break-after:avoid}.compact-flow .stage-divider:first-child{margin-top:0}.compact-flow .date-group{break-inside:avoid;margin-bottom:.15rem}.compact-day-block{display:flex;background:#ffffffde;border-radius:6px;overflow:hidden;max-width:380px;margin:0 auto;box-shadow:0 2px 8px #0003}.compact-date-col{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:.2rem .3rem;border-right:1px solid rgba(0,0,0,.08);text-align:center;line-height:1;overflow:hidden}.cd-mon{font-size:.45rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.06em;position:relative;z-index:1}.cd-day{font-family:Impact,Arial Narrow,Helvetica Neue,sans-serif;font-size:2rem;font-weight:900;color:#0000002e;line-height:.95;margin:-.04rem 0}.cd-wday{font-size:.45rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;position:relative;z-index:1}.compact-matches-col{flex:1;min-width:0}.compact-flow .match-row{padding:.18rem .4rem .18rem .3rem;gap:.25rem;font-size:.68rem;border-radius:0;border-bottom:1px solid rgba(0,0,0,.04);border:none;background:none}.compact-flow .match-row:last-child{border-bottom:none}.compact-flow .mr-flag{font-size:.75rem}.compact-flow .mr-name{font-size:.85rem}.compact-flow .mr-vs{font-size:.7rem;min-width:auto}.compact-flow .mr-score{font-size:.75rem}.compact-p2-header{display:none;flex-direction:column;align-items:center;gap:.3rem;text-align:center;padding:.8rem 0}.compact-p2-header .logo{width:40px}.compact-p2-header h2{font-size:1.2rem;font-weight:800;color:#111}.compact-p2-header .subtitle{font-size:.7rem;color:#666}.compact-ko{column-count:2;column-gap:.8rem;margin-top:.5rem}.compact-ko .stage-divider{margin:0 0 1.2rem;break-after:avoid}.compact-ko .date-group,.compact-ko .ko-stage-group{break-inside:avoid}.compact-ko .ko-stage-group+.ko-stage-group{margin-top:1.5rem}footer{margin-top:2rem;padding:.8rem 1rem;text-align:center;background:#ffffffe0;border-radius:var(--radius)}footer p{font-size:.7rem;color:#888}footer a{color:#555;text-decoration:none}footer a:hover{color:var(--gold)}@media(max-width:640px){body{padding:0 .6rem 2rem}header{gap:.8rem;padding:1.2rem 0 .8rem}.logo{width:44px}h1{font-size:1.4rem}.controls-row{gap:.5rem}.match-row{padding:.35rem .5rem;gap:.4rem}.mr-time{min-width:40px;font-size:.68rem}.mr-name{font-size:.72rem}.chip{padding:.12rem .35rem;font-size:.62rem}.cal-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cal-grid{min-width:600px}.cal-day{min-height:55px;padding:.15rem;font-size:.55rem}.day-num{font-size:.62rem}.compact-flow,.compact-ko{column-count:1}}@page{margin:0}@media print{:root{--bg: #fff;--surface: #f7f7f7;--surface-hover: #f0f0f0;--border: #d0d0d0;--text: #111;--text-secondary: #444;--text-dim: #888;--gold: #c9a71e;--gold-bright: #b8930a;--usa-blue: #1e2f7a;--mex-green: #2d8f30;--can-red: #c4191f}body{max-width:100%;padding:.6cm;font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.controls,footer{display:none!important}body:after{display:none!important}body:before{filter:brightness(.7) blur(2px)}header{padding:0 0 .2rem;margin-top:0;border-bottom:none}.header-text{padding:.2rem .5rem}.logo{width:24px}h1{-webkit-text-fill-color:var(--text);background:none;font-size:1.1rem}.subtitle{font-size:.65rem;color:var(--text-secondary)}.updated{display:none}main{margin-top:.2rem}.stage-divider{margin:.4rem 0 .12rem}.stage-divider .line{height:1px}.date-heading{position:static;background:none;padding:.15rem 0 .08rem;font-size:.6rem}.match-row{padding:.12rem .3rem;border-radius:2px;break-inside:avoid;border:1px solid var(--border)}.match-row.tbd{opacity:.55}.matches-list{gap:.08rem}.mr-flag{font-size:.8rem}.cal-wrap{gap:.6rem;margin-top:.2rem}.cal-month-title{font-size:.7rem;margin-bottom:.15rem}.cal-grid{border-radius:2px}.cal-day{min-height:45px}.cal-day.empty{background:#f2f2f2}.cal-match{font-size:.5rem}.compact-flow{column-gap:.6rem;margin-top:.15rem}.compact-flow .stage-divider,.stage-divider+.compact-flow{margin-top:.8rem}.stage-divider[data-stage="Group Stage"]{margin-bottom:.8rem}.compact-flow .date-heading{font-size:.55rem;padding:.1rem 0 .05rem}.compact-flow .match-row{padding:.08rem .2rem;font-size:.58rem}.compact-flow .mr-time{font-size:.52rem;min-width:30px}.compact-flow .mr-flag{font-size:.65rem}.compact-flow .mr-name{font-size:.68rem}.compact-flow .mr-vs{font-size:.58rem}.compact-flow .mr-score{font-size:.6rem}.compact-flow .matches-list{gap:.05rem}.compact-page2{break-before:page}.compact-p2-header{display:flex}.compact-ko{justify-content:center}.compact-ko .ko-stage-group+.ko-stage-group{margin-top:1rem}.compact-ko .stage-divider{margin-bottom:.8rem}.highlighted{background:rgba(var(--hl),.18)!important;border-color:rgba(var(--hl),.5)!important}}