*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#d4a853;--gold2:#f0c97a;--bg:#0d0d0f;--surface:#161618;--card:#1e1e22;--border:#2a2a30;--text:#f0ede8;--muted:#6b6872;--win:#3ddc84;--accent:#d4a853;--page-gutter:clamp(20px, 5vw, 32px);--match-gap:16px;--section-pad-y:18px;--content-max:560px;--safe-area-top:0px;--tabs-height:56px;--sticky-occupied-top:calc(var(--safe-area-top) + var(--tabs-height));--app-vh:1vh}body{background:var(--bg);color:var(--text);min-height:100vh;min-height:calc(var(--app-vh) * 100);padding:0;font-family:DM Mono,monospace;overflow-x:hidden}.layout{max-width:var(--content-max);width:100%;margin:0 auto}.layout:last-of-type{padding-bottom:24px}body:before{content:"";pointer-events:none;z-index:100;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}header{padding:24px var(--page-gutter) 18px;text-align:center;border-bottom:1px solid var(--border);position:relative}.crown{margin-bottom:8px;font-size:22px}h1{letter-spacing:4px;background:linear-gradient(135deg, var(--gold), var(--gold2), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:32px}.subtitle{letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:6px;font-size:9px}.tabs{border-bottom:1px solid var(--border);background:var(--surface);z-index:40;width:100%;padding:calc(var(--section-pad-y) + var(--safe-area-top)) var(--page-gutter) var(--section-pad-y);box-sizing:border-box;min-height:var(--sticky-occupied-top);isolation:isolate;gap:4px;display:flex;position:sticky;top:0;transform:translateZ(0)}.tabs:before{content:"";height:var(--safe-area-top);background:var(--surface);pointer-events:none;position:absolute;top:0;left:0;right:0}.tab{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 4px;font-family:DM Mono,monospace;font-size:9px;transition:color .2s}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.panel{display:none}.panel.active{display:block}.round-label{letter-spacing:3px;color:var(--gold);padding:var(--section-pad-y) var(--page-gutter) 14px;align-items:center;gap:10px;font-family:Bebas Neue,sans-serif;font-size:18px;display:flex}.round-label:after{content:"";background:linear-gradient(to right, var(--border), transparent);flex:1;height:1px}.round-date{padding:4px var(--page-gutter) 12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:9px}.round-num{color:var(--muted);letter-spacing:2px;font-family:DM Mono,monospace;font-size:10px}.matches{padding:0 var(--page-gutter);gap:var(--match-gap);flex-direction:column;padding-bottom:28px;display:flex}.opening-qualified{padding-bottom:8px}.opening-qualified__inner{margin:0 var(--page-gutter) 24px;padding:var(--section-pad-y) 16px calc(var(--section-pad-y) + 4px);background:linear-gradient(165deg,#d4a8531a 0%,#161618d9 42%,#0d0d0f66 100%);border:1px solid #d4a85373;border-radius:12px}.opening-qualified__head{margin-bottom:var(--match-gap);text-align:center}.opening-qualified__title{letter-spacing:3px;color:var(--gold2);font-family:Bebas Neue,sans-serif;font-size:20px;font-weight:400}.opening-qualified__sub{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:8px}.opening-qualified__matches{gap:var(--match-gap);flex-direction:column;display:flex}.match--qualified{background:#1e1e22f2;border-color:#d4a85361}.match--qualified .match-status{color:var(--gold2);background:#d4a85312}.player.qualified{background:#d4a85314}.player.qualified .player-name{color:var(--gold2)}.player.qualified .win-badge{opacity:1;background:var(--gold)}.vs-pill--qualified{color:var(--gold);background:#d4a8531f;border-color:#d4a85366}.matches.matches--last16{gap:calc(var(--match-gap) + 8px)}.last16-feed__inner{padding:var(--section-pad-y) 16px calc(var(--section-pad-y) + 4px);background:linear-gradient(165deg,#d4a8531a 0%,#161618d9 42%,#0d0d0f66 100%);border:1px solid #d4a85373;border-radius:12px;margin:0}.last16-feed__head{margin-bottom:var(--match-gap);text-align:center;padding-bottom:0}.last16-feed__callout{letter-spacing:.4px;text-transform:none;color:var(--muted);max-width:28em;margin:0 auto;font-size:9px;font-weight:400;line-height:1.45}.last16-feed__matches .player-name{font-size:13px;font-weight:600}.last16-feed__matches{gap:var(--match-gap);flex-direction:column;display:flex}.last16-feed__matches .match.match--stagger-0{animation-delay:50ms}.last16-feed__matches .match.match--stagger-1{animation-delay:.1s}.last16-feed__matches .match.match--stagger-2{animation-delay:.15s}.last16-feed__matches .match.match--stagger-3{animation-delay:.2s}.last16-feed__matches .match.match--stagger-4{animation-delay:.25s}.last16-feed__matches .match.match--stagger-5{animation-delay:.3s}.last16-feed__matches .match.match--stagger-6{animation-delay:.35s}.last16-feed__matches .match.match--stagger-7{animation-delay:.4s}.matches.matches--quarterfinals{gap:calc(var(--match-gap) + 8px)}.quarterfinal-feed__inner{padding:var(--section-pad-y) 16px calc(var(--section-pad-y) + 4px);background:linear-gradient(165deg,#d4a8531a 0%,#161618d9 42%,#0d0d0f66 100%);border:1px solid #d4a85373;border-radius:12px;margin:0}.quarterfinal-feed__head{margin-bottom:var(--match-gap);text-align:center;padding-bottom:0}.quarterfinal-feed__callout{letter-spacing:.4px;text-transform:none;color:var(--muted);max-width:28em;margin:0 auto;font-size:9px;font-weight:400;line-height:1.45}.quarterfinal-feed__matches{gap:var(--match-gap);flex-direction:column;display:flex}.quarterfinal-feed__matches .match.match--stagger-0{animation-delay:50ms}.quarterfinal-feed__matches .match.match--stagger-1{animation-delay:.1s}.quarterfinal-feed__matches .match.match--stagger-2{animation-delay:.15s}.quarterfinal-feed__matches .match.match--stagger-3{animation-delay:.2s}.match{background:var(--card);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;animation:.3s both slideUp;position:relative;overflow:hidden}.player{cursor:default;align-items:center;gap:10px;padding:13px 12px;display:flex;position:relative}.player:first-of-type{border-bottom:1px solid var(--border)}.player.winner{background:#3ddc840f}.player.winner .player-name{color:var(--win)}.player.loser .player-name{color:var(--muted);text-decoration:line-through}.seed{color:var(--muted);text-align:center;flex-shrink:0;width:18px;font-size:9px}.avatar{background:var(--border);letter-spacing:0;border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:Bebas Neue,sans-serif;font-size:12px;display:flex}.player-name{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.win-badge{background:var(--win);opacity:0;border-radius:50%;flex-shrink:0;width:6px;height:6px}.player.winner .win-badge{opacity:1}.vs-pill{letter-spacing:1px;color:var(--muted);background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:3px;padding:1px 4px;font-size:7px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.match-status{letter-spacing:2px;text-transform:uppercase;background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;padding:5px 12px;font-size:8px;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.status-dot.live{background:#ff4b4b;animation:1.2s ease-in-out infinite pulse}.status-dot.done{background:var(--win)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.champion-banner{margin:20px var(--page-gutter) 28px;border:1px solid var(--gold);text-align:center;background:linear-gradient(135deg,#1a1500,#251d00,#1a1500);border-radius:12px;padding:24px 20px;position:relative;overflow:hidden}.champion-banner:before{content:"";background:radial-gradient(at 50% 0,#d4a85326,#0000 70%);position:absolute;inset:0}.champion-label{letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:8px;font-size:9px}.champion-name{letter-spacing:4px;background:linear-gradient(135deg, var(--gold), var(--gold2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:36px}.champion-trophy{margin-bottom:8px;font-size:40px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.matches:not(.matches--last16)>.match:first-child{animation-delay:50ms}.matches:not(.matches--last16)>.match:nth-child(2){animation-delay:.1s}.matches:not(.matches--last16)>.match:nth-child(3){animation-delay:.15s}.matches:not(.matches--last16)>.match:nth-child(4){animation-delay:.2s}.matches:not(.matches--last16)>.match:nth-child(5){animation-delay:.25s}.matches:not(.matches--last16)>.match:nth-child(6){animation-delay:.3s}.matches:not(.matches--last16)>.match:nth-child(7){animation-delay:.35s}.matches:not(.matches--last16)>.match:nth-child(8){animation-delay:.4s}@media (width<=768px){:root{--safe-area-top:max(0px, env(safe-area-inset-top,0px))}.tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-left:calc(var(--page-gutter) - 4px);padding-right:calc(var(--page-gutter) - 4px);scrollbar-width:none;gap:8px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{letter-spacing:1.2px;scroll-snap-align:start;flex:none;min-width:110px;padding:12px 10px}}
