@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@500;700;800&display=swap";:root{font-family:Outfit,system-ui,-apple-system,sans-serif;color:#f8fbff;background:#030509;font-synthesis:none;text-rendering:geometricPrecision}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:#030509}*{box-sizing:border-box}.page-shell{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#0a1128,#030509)}.match-card{--blue-glow: .5;--red-glow: .5;position:relative;width:100%;height:100%;max-width:none;display:flex;flex-direction:column;justify-content:space-between;padding:2.5vh 3vw;isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none}.match-card:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-2;background:radial-gradient(circle at 50% 40%,rgba(10,17,40,.4) 30%,transparent 70%);pointer-events:none}.noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.glow-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;filter:blur(80px);transition:opacity .18s linear}.blue-glow{opacity:var(--blue-glow);background:radial-gradient(circle at 30% 50%,rgba(1,80,158,.35),transparent 60%)}.red-glow{opacity:var(--red-glow);background:radial-gradient(circle at 70% 50%,rgba(204,0,0,.35),transparent 60%)}.scoreboard{position:absolute;top:2.5vh;left:3vw;right:3vw;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;flex-direction:row-reverse;pointer-events:none}.scoreboard>*{pointer-events:auto}.score-pair{display:flex;gap:4rem}.team-score{width:clamp(110px,20vw,160px)}.team-label{display:flex;align-items:center;gap:.5rem;font-size:clamp(9px,1vw,12px);font-weight:700;letter-spacing:.2em;color:#ffffffe6}.flag{width:clamp(20px,2.5vw,28px);aspect-ratio:1.5;border-radius:2px;box-shadow:0 2px 8px #00000080}.flag-fra{background:linear-gradient(to right,#002395 0,#002395 33%,#fff 33%,#fff 66%,#ed2939 66%,#ed2939)}.flag-eng{background:#fff;position:relative}.flag-eng:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 40%,#cc0000 40% 60%,transparent 60%),linear-gradient(to bottom,transparent 35%,#cc0000 35% 65%,transparent 65%)}.team-underline{height:4px;width:100%;margin-top:8px;border-radius:2px}.fra .team-underline{background:linear-gradient(90deg,#01509e,transparent);box-shadow:0 0 10px #01509e}.eng .team-underline{background:linear-gradient(90deg,#cc0000,transparent);box-shadow:0 0 10px #c00}.score-number{margin-top:6px;font-family:JetBrains Mono,monospace;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.2)}.goal-list{margin-top:15px;display:flex;flex-direction:column;gap:6px;min-height:60px}.goal-minute{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:clamp(10px,1.2vw,12px);color:#fff9;white-space:nowrap}.goal-minute span{font-family:Outfit,sans-serif;font-weight:500}.goal-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fra .goal-dot{background:#01509e;box-shadow:0 0 8px #01509e}.eng .goal-dot{background:#c00;box-shadow:0 0 8px #c00}.clock-block{text-align:left;font-family:JetBrains Mono,monospace}.clock-block strong{display:block;font-size:clamp(24px,3vw,42px);font-weight:800;line-height:1}.clock-block span{display:block;margin-top:8px;font-family:Outfit,sans-serif;font-size:clamp(9px,1vw,12px);font-weight:600;letter-spacing:.2em;color:#ffffff80}.main-content{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:2.5vw;flex:1;min-height:0;margin:.5vh 0;width:100%}.terrain-stage{position:relative;flex:1;max-width:none;aspect-ratio:1.2;width:100%}.terrain{position:absolute;top:0;right:0;bottom:0;left:0}.terrain canvas{display:block;width:100%;height:100%;border-radius:12px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.scorer-label{position:absolute;z-index:6;transform:translate(-50%,calc(-100% - 16px));padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;color:#fff;background:#0a0f19d9;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000080;animation:scorer-pop .4s cubic-bezier(.34,1.56,.64,1) both}.scorer-label:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:16px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent)}@keyframes scorer-pop{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px)) scale(.8)}to{opacity:1;transform:translate(-50%,calc(-100% - 16px)) scale(1)}}.sidebar{display:flex;flex-direction:column;gap:2rem;width:280px;flex-shrink:0}.stats-panel{display:flex;flex-direction:column;gap:1.2rem;padding:0 1.5rem}.stat-row{display:flex;flex-direction:column;gap:8px}.stat-values{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.stat-values span{font-family:Outfit,sans-serif;color:#ffffff80;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.stat-values strong:first-child{text-align:left}.stat-values strong:last-child{text-align:right}.stat-track{height:4px;display:flex;gap:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.stat-track span{height:100%;border-radius:2px}.stat-blue{background:#01509e;box-shadow:0 0 10px #01509e}.stat-red{background:#c00;box-shadow:0 0 10px #c00}.momentum-wrap{width:100%;height:140px;padding:0 1.5rem}.momentum-svg{width:100%;height:100%;overflow:visible}.momentum-baseline{stroke:#ffffff26;stroke-width:1.5;stroke-dasharray:4 4}.momentum-line{fill:none;stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(255,255,255,.4));vector-effect:non-scaling-stroke}.momentum-marker-line{stroke:#ffffff4d;stroke-width:1.5;vector-effect:non-scaling-stroke}.momentum-marker-dot{fill:#000;stroke:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke}.credit-line{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.8rem;padding:1rem;color:#fff6;font-size:12px;letter-spacing:.05em;font-weight:500;z-index:10;text-align:center}.credit-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem}.credit-line strong{color:#fffc;font-weight:700}@media (max-width: 768px){.credit-line{flex-direction:column;margin-top:.8rem;padding:.5rem 1rem 1rem;gap:.4rem}.desktop-separator{display:none}.credit-row{gap:.4rem}}.pause-indicator,.restart-hint{position:absolute;z-index:30;left:50%;transform:translate(-50%);background:#0a0f19cc;border:1px solid rgba(255,255,255,.15);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:Outfit,sans-serif;letter-spacing:.15em;font-weight:700;color:#fff;padding:8px 16px;box-shadow:0 10px 30px #00000080}.pause-indicator{top:50%;font-size:14px}.restart-hint{bottom:10%;font-size:11px;opacity:.7}@media (max-width: 1000px){body{height:auto;overflow-y:auto;overflow-x:hidden}.page-shell{height:auto;min-height:100vh;min-height:100dvh;align-items:flex-start}.match-card{height:auto;min-height:100vh;min-height:100dvh;padding:2vh 2vw}.main-content{flex-direction:column}.sidebar{width:100%;max-width:600px;flex-direction:row;height:180px}.stats-panel{flex:1;padding:1rem}.momentum-wrap{flex:1;height:100%;padding:1rem}.score-pair{gap:1.5rem}}@media (prefers-reduced-motion: reduce){.scorer-label,.stats-panel{animation:none;transition:none}}