:root{color-scheme:dark;--bg: #03100a;--bg-soft: #07170f;--panel: rgba(5, 20, 13, .86);--panel-strong: rgba(7, 29, 18, .94);--line: rgba(199, 226, 185, .18);--line-strong: rgba(127, 198, 139, .42);--text: #fff9e9;--muted: rgba(255, 249, 233, .72);--faint: rgba(255, 249, 233, .5);--green: #45df87;--green-deep: #0c6e3c;--cyan: #6af7ff;--cyan-soft: rgba(106, 247, 255, .16);--gold: #e8c76a;--gold-deep: #7c5e16;--red: #ff6e62;--glass: rgba(6, 24, 18, .66);--shadow: 0 28px 90px rgba(0, 0, 0, .42), 0 0 44px rgba(69, 223, 135, .08);--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", Georgia, serif;--sans: "LXGW WenKai", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% 8%,rgba(69,223,135,.24),transparent 32%),radial-gradient(circle at 82% 12%,rgba(106,247,255,.11),transparent 27%),radial-gradient(circle at 70% 62%,rgba(232,199,106,.1),transparent 36%),linear-gradient(180deg,#06170d,#020806 64%,#010403);color:var(--text);font-family:var(--sans)}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(106,247,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(69,223,135,.036) 1px,transparent 1px),linear-gradient(115deg,transparent 0 48%,rgba(232,199,106,.05) 49%,transparent 51%);background-size:72px 72px,72px 72px,320px 320px;-webkit-mask-image:linear-gradient(180deg,black,transparent 88%);mask-image:linear-gradient(180deg,black,transparent 88%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(106,247,255,.08),transparent),radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 22%);opacity:.46;mix-blend-mode:screen;transform:translate(-38%);animation:ambientSweep 14s ease-in-out infinite alternate}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}#codex-browser-sidebar-comments-root{display:none!important;pointer-events:none!important}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(220px,.95fr) minmax(360px,1.15fr) auto;align-items:center;gap:20px;padding:14px clamp(18px,3vw,40px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#010805eb,#061c12d1,#010805eb),#010805e0;box-shadow:0 14px 44px #00000047;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.03em}.brand-orbit{position:relative;display:grid;width:46px;height:46px;place-items:center}.brand-orbit:before,.brand-orbit:after{content:"";position:absolute;inset:0;border:1px solid rgba(106,247,255,.34);border-radius:16px;transform:rotate(12deg)}.brand-orbit:after{inset:5px;border-color:#e8c76a4d;transform:rotate(-16deg)}.brand img{position:relative;z-index:1;width:40px;height:40px;object-fit:contain;border-radius:12px;box-shadow:0 0 26px #45df8757,0 0 12px #6af7ff2e}.site-header nav{display:flex;justify-content:center;gap:clamp(12px,2vw,28px);color:var(--muted);font-size:14px;white-space:nowrap}.site-header nav a{position:relative;transition:color .2s ease}.site-header nav a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transform:scaleX(.4);transition:opacity .2s ease,transform .2s ease}.site-header nav a:hover{color:var(--text)}.site-header nav a:hover:after{opacity:1;transform:scaleX(1)}.language-switch{display:inline-flex;gap:4px;justify-self:end;padding:4px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;box-shadow:inset 0 0 18px #6af7ff0f}.language-switch button{border:0;border-radius:999px;padding:9px 14px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.language-switch button.active{color:#0b1309;background:var(--gold)}.page-shell{width:min(1480px,calc(100% - 36px));margin:0 auto;padding:36px 0 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(470px,.97fr);gap:24px;align-items:stretch}.hero-card,.attack-panel,.panel,.detail-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#0a271cb8,#010906db),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(138%);backdrop-filter:blur(18px) saturate(138%)}.attack-panel:before,.panel:before,.detail-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,rgba(106,247,255,.18),transparent 20% 80%,rgba(232,199,106,.12)),linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%);opacity:.48;pointer-events:none}.attack-panel:after,.panel:after,.detail-card:after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(rgba(106,247,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(106,247,255,.025) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%);opacity:.58;pointer-events:none}.hero-card{position:relative;overflow:hidden;min-height:640px;padding:clamp(28px,4vw,56px);background:linear-gradient(145deg,rgba(106,247,255,.1),transparent 28%),linear-gradient(90deg,#000c07f2,#041e10ad),radial-gradient(circle at 85% 68%,rgba(201,223,94,.15),transparent 28%),radial-gradient(circle at 72% 38%,rgba(255,255,255,.18),transparent 15%),linear-gradient(140deg,#092614f5,#020a07e0)}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 78%,rgba(149,175,80,.36),transparent 18%),linear-gradient(130deg,transparent 54%,rgba(255,255,255,.11) 55%,transparent 57%),repeating-linear-gradient(165deg,transparent 0 30px,rgba(255,255,255,.018) 31px 34px);opacity:.86;pointer-events:none}.hero-card:after{content:"";position:absolute;inset:auto -20% -28% 16%;height:44%;z-index:0;background:radial-gradient(ellipse,rgba(69,223,135,.2),transparent 62%),linear-gradient(90deg,transparent,rgba(106,247,255,.12),transparent);filter:blur(18px);opacity:.78;pointer-events:none}.hero-card>*{position:relative;z-index:1}.tech-strip{display:inline-flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;padding:6px;border:1px solid rgba(106,247,255,.18);border-radius:999px;background:#000c0885;box-shadow:inset 0 0 22px #6af7ff14}.tech-strip span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#ffffff0b;color:#fff9e9c7;font-size:12px;font-weight:900;letter-spacing:.08em}.tech-strip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.kicker{margin:0 0 12px;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{display:grid;gap:0;margin:0 0 24px;font-family:var(--serif);font-size:clamp(66px,8.5vw,132px);font-weight:900;line-height:.88;letter-spacing:-.09em}h1 span:last-child{padding-left:clamp(36px,6vw,88px)}.hero-copy{max-width:780px;color:#fff9e9eb;font-size:clamp(17px,1.8vw,22px);font-weight:750;line-height:1.78}.chip-row,.metric-row,.tag-row,.player-pill-row{display:flex;flex-wrap:wrap;gap:10px}.chip,.metric-row b,.tag-row b,.player-pill-row span{border:1px solid var(--line);border-radius:999px;background:linear-gradient(135deg,#ffffff0f,#ffffff04),#0108056b;color:var(--muted);font-size:13px;font-weight:800;padding:10px 14px;box-shadow:inset 0 0 18px #6af7ff09}.verdict-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.verdict-card,.score-hook,.attack-card,.attack-bridge,.evidence-card,.frame-point{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),transparent 30%),#0008058c;box-shadow:inset 0 0 24px #6af7ff09}.verdict-card:before,.score-hook:before,.attack-card:before,.attack-bridge:before,.evidence-card:before,.frame-point:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(106,247,255,.48),transparent);opacity:.75}.verdict-card:hover,.attack-card:hover,.evidence-card:hover,.path-card:hover,.zone-card:hover,.player-card:hover,.source-card:hover{transform:translateY(-2px);border-color:#6af7ff52;box-shadow:0 18px 50px #00000047,inset 0 0 26px #6af7ff0d}.verdict-card{min-height:118px;padding:22px}.verdict-card,.attack-card,.evidence-card,.path-card,.zone-card,.player-card,.source-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.verdict-card span,.evidence-card span,.attack-card>span,.score-hook>span,.frame-text>span{display:block;margin-bottom:10px;color:var(--faint);font-size:13px;font-weight:800}.verdict-card strong{display:block;color:var(--text);font-size:clamp(22px,2.2vw,30px);line-height:1.16}.score-hook{margin-top:18px;padding:22px;border-color:#e8c76a4d;background:linear-gradient(135deg,#e8c76a21,#020c07b8)}.score-hook h2{margin-bottom:10px;font-size:clamp(27px,3.2vw,40px);line-height:1.1}.score-hook p,.attack-panel p,.detail-card p,.evidence-card p,.frame-text p{color:var(--muted);line-height:1.75}.score-hook .metric-row{margin-top:16px}.score-hook .metric-row b{border-color:#e8c76a52;color:var(--gold)}.attack-panel{min-height:640px;padding:clamp(28px,3.5vw,48px)}.panel-scanner{position:absolute;top:28px;right:28px;width:128px;height:128px;border:1px solid rgba(106,247,255,.2);border-radius:50%;background:conic-gradient(from 160deg,transparent 0 58%,rgba(106,247,255,.34),transparent 72%),radial-gradient(circle,rgba(69,223,135,.12),transparent 64%);opacity:.56;pointer-events:none;animation:scannerSpin 10s linear infinite}.panel-scanner:before,.panel-scanner:after{content:"";position:absolute;inset:20%;border:1px solid rgba(232,199,106,.18);border-radius:inherit}.panel-scanner:after{inset:40%;border-color:#6af7ff38}.attack-panel h2{margin-bottom:16px;font-family:var(--serif);font-size:clamp(42px,5.4vw,78px);line-height:.96;letter-spacing:-.06em}.panel-intro{max-width:820px;font-size:17px}.attack-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.attack-card{padding:20px}.attack-card.mexico{border-color:#45df8757}.attack-card.south{border-color:#e8c76a57}.attack-card h3{margin-bottom:10px;font-size:clamp(22px,2.1vw,31px);line-height:1.14}.attack-card.mexico h3,.attack-card.mexico .tag-row b{color:var(--green)}.attack-card.south h3,.attack-card.south .tag-row b{color:var(--gold)}.attack-card .tag-row{margin-top:16px}.attack-bridge{margin-top:16px;padding:22px;border-color:#ffffff29}.attack-bridge h3{margin-bottom:10px;font-size:clamp(24px,2.6vw,38px);line-height:1.12}.player-pill-row{margin-top:16px}.evidence-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;padding:18px}.evidence-card{padding:22px}.evidence-card:after{content:"";position:absolute;right:22px;bottom:18px;left:22px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--signal),rgba(255,255,255,.08) var(--signal)),#ffffff14;box-shadow:0 0 16px #e8c76a2e}.evidence-card strong{display:block;margin-bottom:10px;color:var(--gold);font-size:clamp(32px,3vw,46px);line-height:1}.evidence-card p{padding-bottom:16px}.frame-demo-section{display:grid;grid-template-columns:minmax(320px,.45fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px;padding:20px;overflow:hidden;scroll-margin-top:110px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 24%),linear-gradient(180deg,#051b11f5,#010906fa);box-shadow:0 22px 64px #0000006b,inset 0 0 0 1px #ffffff09;-webkit-backdrop-filter:none;backdrop-filter:none}.frame-demo-section:before{opacity:.18}.frame-demo-section:after{opacity:.22}.frame-demo-section.mexico{border-color:#45df8757}.frame-demo-section.south{border-color:#e8c76a47}.frame-copy{display:flex;min-height:520px;flex-direction:column;padding:clamp(18px,2.5vw,34px)}.frame-copy h2{display:inline-flex;width:fit-content;align-items:center;gap:10px;margin-bottom:10px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#000805bd;color:var(--text);font-family:var(--sans);font-size:clamp(22px,2.4vw,34px);font-weight:950;line-height:1.12;letter-spacing:-.03em;text-shadow:none}.frame-copy h2:after{content:"";width:52px;height:2px;border-radius:999px;background:linear-gradient(90deg,currentColor,transparent);opacity:.72}.south .frame-copy h2{border-color:#e8c76a61;color:var(--gold)}.mexico .frame-copy h2{border-color:#45df8761;color:var(--green)}.frame-copy h3{margin-bottom:24px;color:var(--muted);font-size:clamp(17px,2vw,24px);line-height:1.35}.frame-text{flex:1}.frame-text h4{margin-bottom:16px;font-size:clamp(29px,3.5vw,48px);line-height:1.08}.frame-point{margin-top:18px;padding:18px;background:#ffffff09}.frame-point b{color:var(--green)}.south .frame-point b{color:var(--gold)}.frame-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.frame-buttons button{min-height:58px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;color:var(--muted);cursor:pointer;font-size:14px;font-weight:900;line-height:1.2;transition:transform .2s ease,background .2s ease,color .2s ease}.frame-buttons button:hover{transform:translateY(-1px);color:var(--text)}.frame-buttons button.active{color:#07100a;background:var(--green)}.south .frame-buttons button.active{background:var(--gold)}.frame-board{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(179,229,173,.58);border-radius:22px;background:radial-gradient(circle at 50% 4%,rgba(255,255,255,.16),transparent 14%),radial-gradient(circle at 50% 51%,rgba(69,223,135,.08),transparent 20%),linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.5) 50%,transparent 50.15%),repeating-linear-gradient(90deg,#063218 0 10%,#0a3d20 10% 20%),linear-gradient(180deg,#09371d,#052313);box-shadow:inset 0 0 38px #00000070,0 0 18px #45df8714}.replay-board{padding-top:56px}.replay-topbar{position:absolute;top:14px;right:16px;left:16px;z-index:9;display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:none}.replay-topbar span,.replay-topbar b{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#000805bd;color:var(--muted);font-size:12px;line-height:1.2;box-shadow:0 12px 24px #0000003d}.replay-topbar b{border-color:#e8c76a4d;color:var(--gold)}.mexico .replay-topbar b{border-color:#45df874d;color:var(--green)}.frame-board:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,transparent 0 49%,rgba(106,247,255,.08) 50%,transparent 51%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 25% 75%,rgba(255,255,255,.018));opacity:.14;pointer-events:none;transform:translateY(-46%)}.frame-board:after{content:"";position:absolute;inset:10px;z-index:2;border:1px solid rgba(240,255,229,.2);border-radius:18px;pointer-events:none;box-shadow:inset 0 0 20px #6af7ff0a}.field-lines{position:absolute;inset:8%;z-index:1;border:2px solid rgba(240,255,229,.56);border-radius:10px;pointer-events:none}.field-lines:before{content:"";position:absolute;top:-2px;left:50%;width:30%;height:17%;transform:translate(-50%);border:2px solid rgba(240,255,229,.62);border-top:0}.field-lines:after{content:"";position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(240,255,229,.28);border-radius:50%}.route-svg{position:absolute;inset:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none}.route{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 3;filter:drop-shadow(0 0 3px currentColor);animation:routeFlow 2.4s linear infinite}.route.green{color:var(--green);stroke:var(--green)}.route.gold{color:var(--gold);stroke:var(--gold)}.route-ball{fill:#fff9e9;filter:drop-shadow(0 0 4px rgba(255,249,233,.86))}.route-ball.mexico{fill:#c9ffd8}.route-ball.south{fill:#ffe69c}.shot-cone{display:none!important;fill:#e8c76a1f;stroke:#e8c76a94;stroke-width:.75;stroke-dasharray:2 2;filter:drop-shadow(0 0 6px rgba(232,199,106,.14))}.shot-cone.mexico{fill:#45df871f;stroke:#45df8794}.replay-corridor{position:absolute;z-index:3;border:1px solid currentColor;border-radius:999px;opacity:.16;pointer-events:none;filter:none;animation:zonePulse 3.2s ease-in-out infinite}.replay-corridor:before{content:"";position:absolute;inset:-18%;border-radius:inherit;background:radial-gradient(ellipse,currentColor,transparent 68%);opacity:.34}.replay-corridor.mexico{color:var(--green)}.replay-corridor.south{color:var(--gold)}.replay-hotspot{position:absolute;z-index:8;padding:7px 10px;border:1px solid currentColor;border-radius:999px;background:#000805e0;color:var(--gold);font-size:12px;font-weight:900;line-height:1;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 0 20px #e8c76a33}.replay-hotspot.mexico{color:var(--green);box-shadow:0 0 20px #45df8733}.tactical-zone{position:absolute;z-index:2;border:1px solid currentColor;border-radius:999px;opacity:.5;pointer-events:none;animation:zonePulse 3.2s ease-in-out infinite}.tactical-zone.green{color:var(--green);background:radial-gradient(circle,#45df872e,#45df8705)}.tactical-zone.gold{color:var(--gold);background:radial-gradient(circle,#e8c76a2e,#e8c76a05)}.player-token{--kit: var(--green);--kit-dark: var(--green-deep);position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);z-index:6;width:40px;height:52px;transform:translate(-50%,-50%);color:var(--kit);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--kit),transparent 42%))}.player-token.south{--kit: var(--gold);--kit-dark: var(--gold-deep)}.player-token:before{content:"";position:absolute;top:0;left:50%;width:13px;height:13px;transform:translate(-50%);border-radius:50%;background:#fff7df;box-shadow:0 0 0 2px #ffffff94}.player-token:after{content:"";position:absolute;top:14px;left:50%;width:35px;height:38px;transform:translate(-50%);background:linear-gradient(115deg,transparent 0 14%,rgba(255,255,255,.3) 15% 24%,transparent 25%),linear-gradient(180deg,var(--kit),var(--kit-dark));clip-path:polygon(19% 0,38% 0,45% 9%,55% 9%,62% 0,81% 0,100% 28%,84% 42%,77% 100%,23% 100%,16% 42%,0 28%);box-shadow:inset 0 0 0 1px #ffffff38,0 0 18px color-mix(in srgb,var(--kit),transparent 30%)}.player-label{position:absolute;top:15px;left:35px;z-index:3;min-width:max-content;max-width:168px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#020805db;box-shadow:0 12px 28px #00000059;color:var(--text);line-height:1.1}.player-label b{display:block;font-size:13px;white-space:nowrap}.player-label small{display:block;margin-top:5px;color:#fff9e9a3;font-size:11px;white-space:nowrap}.label-left .player-label{right:35px;left:auto;text-align:right}.label-top .player-label{top:auto;bottom:54px;left:50%;transform:translate(-50%);text-align:center}.label-bottom .player-label{top:58px;left:50%;transform:translate(-50%);text-align:center}.match-ball{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);z-index:7;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.32);border-radius:50%;background:radial-gradient(circle at 35% 32%,#ffffff 0 24%,transparent 25%),radial-gradient(circle,#f6f0df,#b8ad8b);box-shadow:0 0 0 4px #ffffff2e,0 0 24px #ffffff6b;animation:ballPulse 1.8s ease-in-out infinite}.board-note{position:absolute;bottom:22px;left:22px;z-index:8;max-width:min(520px,calc(100% - 44px));margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#000805d1;color:#fff9e9eb;font-size:14px;line-height:1.6}.replay-board .board-note{max-width:min(380px,calc(100% - 44px))}.replay-flow{position:absolute;right:18px;bottom:18px;z-index:9;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:min(430px,calc(100% - 44px))}.replay-flow span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#000805cc;color:#fff9e9c7;font-size:12px;font-weight:900;line-height:1}.details-grid{display:grid;gap:14px;margin-top:24px}.detail-card{padding:0;overflow:hidden}.detail-card summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:26px 30px;cursor:pointer;list-style:none;background:linear-gradient(90deg,rgba(106,247,255,.06),transparent 42%),#ffffff03}.detail-card summary::-webkit-details-marker{display:none}.detail-card summary:after{content:"+";display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:24px;line-height:1;box-shadow:inset 0 0 16px #e8c76a1f}.detail-card[open] summary:after{content:"-"}.detail-card summary span{grid-column:1 / -1;display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:13px;font-weight:900}.detail-card summary span i{display:inline-grid;width:34px;height:22px;place-items:center;border:1px solid rgba(106,247,255,.22);border-radius:999px;color:var(--cyan);font-style:normal;font-size:11px;box-shadow:inset 0 0 14px #6af7ff14}.detail-card summary strong{font-family:var(--serif);font-size:clamp(28px,3vw,42px)}.detail-content{display:grid;gap:22px;padding:0 30px 30px}.section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.72fr);gap:24px;align-items:end}.section-head.compact{display:block}.eyebrow{display:block;margin-bottom:10px;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.section-head h2{margin:0;font-family:var(--serif);font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.05em}.section-head p,.path-card p,.zone-card li,.chart-row p,.lineup-read,.squad-group p,.player-card p,.source-card li,.source-line{color:var(--muted);line-height:1.75}.path-grid,.zone-grid,.source-grid,.players-grid,.lineups-layout{display:grid;gap:14px}.path-grid{grid-template-columns:repeat(4,1fr)}.zone-grid,.source-grid{grid-template-columns:repeat(2,1fr)}.players-grid{grid-template-columns:repeat(5,1fr)}.lineups-layout{grid-template-columns:repeat(2,1fr)}.path-card,.zone-card,.rich-panel,.lineup-card,.squad-team,.player-card,.source-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.065),transparent 32%),#0008058c;box-shadow:inset 0 0 22px #6af7ff09}.path-card,.zone-card,.rich-panel,.lineup-card,.player-card,.source-card{padding:20px}.path-card span,.player-card span{display:block;margin-bottom:10px;color:var(--gold);font-size:13px;font-weight:900}.path-card b,.player-card b{display:block;margin-bottom:10px;color:var(--text);font-size:clamp(20px,2vw,28px);line-height:1.14}.zone-card h3,.source-card h3,.rich-panel h3{margin-bottom:12px;color:var(--green);font-size:clamp(21px,2vw,28px)}.zone-card ul,.source-card ul{display:grid;gap:8px;margin:0;padding-left:18px}.chart-list{display:grid;gap:12px}.chart-row{display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,.74fr) minmax(220px,.56fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,rgba(106,247,255,.04),transparent 42%),#ffffff09}.chart-title span,.metric-meta span{display:block;color:var(--faint);font-size:12px;font-weight:900}.chart-title b,.metric-meta b{display:block;margin-top:5px;color:var(--text);font-size:18px}.bar-pair{display:grid;gap:10px}.metric-bar{display:grid;gap:7px}.metric-meta{display:flex;justify-content:space-between;gap:12px}.metric-bar i{display:block;height:9px;overflow:hidden;border-radius:999px;background:#ffffff14}.metric-bar i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 16px #45df8742}.metric-bar.south i span{background:linear-gradient(90deg,var(--gold),#fff1a6);box-shadow:0 0 16px #e8c76a47}.lineup-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.lineup-top h3{margin:0;font-size:clamp(24px,2.4vw,34px)}.status-pill{flex:0 0 auto;border:1px solid rgba(232,199,106,.4);border-radius:999px;padding:8px 12px;color:var(--gold);font-size:12px;font-weight:900}.formation-board{display:grid;gap:14px;min-height:360px;padding:22px;border:1px solid rgba(127,198,139,.38);border-radius:18px;background:radial-gradient(circle at 50% 12%,rgba(106,247,255,.11),transparent 22%),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.18) 50%,transparent 50.3%),repeating-linear-gradient(90deg,#45df8714 0 16%,#45df8709 16% 32%),#011008b8;box-shadow:inset 0 0 38px #0000003d}.xi-line{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.shirt{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:linear-gradient(145deg,#ffffff1f,#ffffff09),#ffffff0f;color:#fff9e9e6;font-size:13px;font-weight:900;padding:8px 12px;text-align:center}.shirt.key{border-color:#e8c76a8c;color:var(--gold);box-shadow:0 0 18px #e8c76a29,inset 0 0 16px #e8c76a14}.lineup-read{margin:16px 0 0}.lineup-read b{color:var(--gold)}.squad-panel{padding:22px}.squad-teams{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.squad-team{padding:18px}.squad-team h4{margin:0 0 14px;color:var(--text);font-size:24px}.squad-cols{display:grid;gap:12px}.squad-group{border-top:1px solid var(--line);padding-top:12px}.squad-group b{display:block;margin-bottom:6px;color:var(--green)}.squad-group p{margin:0}.source-line{margin:18px 0 0;border-top:1px solid var(--line);padding-top:14px;font-size:14px}.final-analysis{position:relative;isolation:isolate;overflow:hidden;margin-top:24px;border:1px solid rgba(232,199,106,.28);border-radius:28px;padding:clamp(26px,4vw,52px);background:linear-gradient(135deg,rgba(232,199,106,.14),transparent 26%),radial-gradient(circle at 84% 26%,rgba(106,247,255,.14),transparent 28%),linear-gradient(180deg,#0c2218d1,#020a07e6);box-shadow:var(--shadow),inset 0 0 34px #e8c76a0e;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.final-analysis:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(232,199,106,.22),transparent 28% 72%,rgba(106,247,255,.14)),linear-gradient(rgba(106,247,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(106,247,255,.025) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;opacity:.72}.final-analysis:after{content:"";position:absolute;top:0;right:12%;left:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);opacity:.8}.final-orbit{position:absolute;right:clamp(18px,5vw,72px);top:clamp(18px,4vw,48px);width:clamp(92px,14vw,168px);aspect-ratio:1;border:1px solid rgba(106,247,255,.24);border-radius:50%;background:conic-gradient(from 90deg,transparent 0 58%,rgba(232,199,106,.28),transparent 72%),radial-gradient(circle,rgba(69,223,135,.12),transparent 68%);opacity:.48;animation:scannerSpin 16s linear infinite}.final-orbit:before,.final-orbit:after{content:"";position:absolute;inset:20%;border:1px solid rgba(232,199,106,.2);border-radius:inherit}.final-orbit:after{inset:42%;border-color:#6af7ff42}.final-copy{position:relative;z-index:1;max-width:1040px}.final-copy h2{max-width:880px;margin-bottom:18px;font-family:var(--serif);font-size:clamp(34px,5vw,66px);line-height:1.02;letter-spacing:-.06em}.final-copy p{max-width:1040px;color:#fff9e9d1;font-size:clamp(16px,1.35vw,19px);line-height:1.9}.final-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.final-chip-row b{border:1px solid rgba(232,199,106,.34);border-radius:999px;padding:10px 14px;background:#e8c76a14;color:var(--gold);font-size:13px;box-shadow:inset 0 0 18px #e8c76a0f}.final-note{position:relative;z-index:1;margin:26px 0 0;border-top:1px solid var(--line);padding-top:16px;color:#fff9e994;font-size:13px;line-height:1.75}.seo-intent{display:grid;gap:22px;margin-top:22px;padding:clamp(22px,3vw,34px);scroll-margin-top:110px}.seo-intent:after{content:"";position:absolute;right:8%;bottom:-18%;z-index:-1;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(69,223,135,.16),transparent 64%);filter:blur(10px)}.seo-intent-head{max-width:860px}.seo-intent-head h2{margin:8px 0 12px;max-width:820px;color:var(--text);font-size:clamp(30px,4vw,58px);line-height:1.02;letter-spacing:-.04em}.seo-intent-head p{margin:0;color:var(--muted);font-size:clamp(15px,1.35vw,18px);line-height:1.9}.seo-intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.seo-intent-card{position:relative;overflow:hidden;min-height:172px;border:1px solid rgba(255,249,233,.12);border-radius:20px;padding:20px;background:linear-gradient(140deg,rgba(69,223,135,.14),transparent 46%),#010c0894}.seo-intent-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--green),rgba(232,199,106,.75),transparent);opacity:.72}.seo-intent-card h3{margin:0 0 12px;color:var(--gold);font-size:20px}.seo-intent-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.seo-keyword-row{display:flex;flex-wrap:wrap;gap:8px}.seo-keyword-row span{border:1px solid rgba(69,223,135,.24);border-radius:999px;padding:7px 10px;background:#45df8712;color:#fff9e9a8;font-size:12px}.seo-faq{overflow:hidden;margin-top:16px;border:1px solid rgba(255,249,233,.12);border-radius:20px;background:#020c08b8;scroll-margin-top:110px}.seo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:0 20px;cursor:pointer;list-style:none}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary span{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seo-faq summary strong{flex:1;color:var(--text);font-size:18px}.seo-faq summary:after{content:"+";display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(232,199,106,.34);border-radius:50%;color:var(--gold);font-size:20px;line-height:1}.seo-faq[open] summary:after{content:"−"}.seo-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid rgba(255,249,233,.1);padding:14px}.seo-faq-item{border:1px solid rgba(255,249,233,.1);border-radius:16px;padding:16px;background:#fff9e909}.seo-faq-item h2{margin:0 0 8px;color:var(--text);font-size:17px;line-height:1.35}.seo-faq-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}@keyframes ambientSweep{0%{transform:translate(-38%)}to{transform:translate(28%)}}@keyframes scannerSpin{to{transform:rotate(360deg)}}@keyframes boardScan{0%,to{transform:translateY(-48%);opacity:.2}48%,58%{transform:translateY(48%);opacity:.52}}@keyframes routeFlow{to{stroke-dashoffset:-12}}@keyframes zonePulse{0%,to{opacity:.48;transform:scale(.98)}50%{opacity:.82;transform:scale(1.01)}}@keyframes ballPulse{0%,to{box-shadow:0 0 0 4px #ffffff2e,0 0 22px #ffffff6b}50%{box-shadow:0 0 0 7px #ffffff14,0 0 34px #ffffff9e}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1180px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.hero-grid,.frame-demo-section{grid-template-columns:1fr}.path-grid,.players-grid{grid-template-columns:repeat(2,1fr)}.lineups-layout,.squad-teams{grid-template-columns:1fr}.attack-panel,.hero-card,.frame-copy{min-height:auto}}@media(max-width:760px){html{scroll-padding-top:108px}body:before{opacity:.46}body:after{opacity:.16;mix-blend-mode:normal;animation:none}.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language" "nav nav";gap:8px 10px;padding:7px 10px 8px;background:#010805f5;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{grid-area:brand;min-width:0;justify-content:flex-start;gap:8px;font-size:14px}.brand-orbit{width:34px;height:34px}.brand-orbit:before,.brand-orbit:after{border-radius:12px}.brand img{width:30px;height:30px;border-radius:10px}.brand>span:not(.brand-orbit){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header nav{grid-area:nav;grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;font-size:12px}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-align:center;background:#ffffff09}.site-header nav a:after{display:none}.language-switch{grid-area:language;justify-self:end;padding:3px}.language-switch button{padding:7px 10px;font-size:13px}.page-shell{width:min(100% - 20px,720px);padding:12px 0 40px}.hero-card,.attack-panel,.panel,.detail-card{border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 24%),linear-gradient(180deg,#081f15f5,#010805fa);-webkit-backdrop-filter:none;backdrop-filter:none}.final-analysis{background:linear-gradient(135deg,rgba(232,199,106,.09),transparent 24%),linear-gradient(180deg,#0b2017f5,#020906fa);-webkit-backdrop-filter:none;backdrop-filter:none}.attack-panel:before,.panel:before,.detail-card:before,.final-analysis:before{opacity:.18}.attack-panel:after,.panel:after,.detail-card:after{opacity:.18}.hero-card:before{opacity:.52}.hero-card:after{opacity:.28;filter:blur(8px)}.hero-card,.attack-panel{padding:22px}.tech-strip{width:100%;border-radius:18px}.tech-strip span{flex:1 1 30%;justify-content:center;padding:7px 8px;font-size:11px;letter-spacing:.02em}.panel-scanner{width:82px;height:82px;opacity:.14;animation:none}h1{font-size:clamp(54px,18vw,86px);letter-spacing:-.08em}h1 span:last-child{padding-left:28px}.hero-copy{font-size:16px}.verdict-grid,.attack-card-grid,.evidence-panel{grid-template-columns:1fr}.verdict-card{min-height:auto;padding:18px}.metric-row,.chip-row,.tag-row,.player-pill-row{gap:8px}.chip,.metric-row b,.tag-row b,.player-pill-row span{font-size:12px;padding:8px 10px}.frame-demo-section{padding:10px;scroll-margin-top:110px}.frame-copy{padding:12px}.frame-buttons{grid-template-columns:repeat(2,1fr)}.frame-buttons button{min-height:52px;font-size:13px}.frame-board{min-height:430px;border-radius:18px}.replay-board{padding-top:78px}.replay-topbar{right:10px;left:10px;display:grid;grid-template-columns:1fr;gap:6px}.replay-topbar span,.replay-topbar b{min-height:auto;padding:7px 9px;font-size:11px}.field-lines{inset:8% 5%}.player-token{width:30px;height:42px}.player-token:before{width:10px;height:10px}.player-token:after{top:11px;width:26px;height:30px}.player-label{top:11px;left:28px;max-width:106px;padding:5px 7px}.player-label b{font-size:11px}.player-label small{display:none}.label-left .player-label{right:28px}.label-top .player-label{bottom:43px}.label-bottom .player-label{top:46px}.board-note{right:12px;bottom:12px;left:12px;max-width:none;padding:10px 12px;font-size:12px}.replay-flow{right:12px;bottom:86px;left:12px;justify-content:flex-start;max-width:none}.replay-flow span{padding:7px 9px;font-size:11px}.replay-hotspot{padding:6px 8px;font-size:11px}.detail-card summary{padding:22px}.detail-card>p{padding:0 22px 24px}.detail-content{padding:0 22px 24px}.section-head,.zone-grid,.source-grid,.path-grid,.players-grid{grid-template-columns:1fr}.seo-intent{gap:18px;margin-top:18px;padding:20px 16px}.seo-intent-head h2{font-size:clamp(26px,8.5vw,36px);line-height:1.08}.seo-intent-head p{font-size:14px;line-height:1.8}.seo-intent-grid{grid-template-columns:1fr}.seo-intent-card{min-height:auto;padding:16px}.seo-keyword-row span{font-size:11px}.seo-faq summary{min-height:50px;padding:0 14px}.seo-faq summary span{display:none}.seo-faq summary strong{font-size:16px}.seo-faq-list{grid-template-columns:1fr;padding:10px}.seo-faq-item{padding:13px}.seo-faq-item h2{font-size:15px}.seo-faq-item p{font-size:13px}.chart-row{grid-template-columns:1fr}.formation-board{min-height:auto;padding:16px}.lineup-top{display:grid}.status-pill{justify-self:start}}.key-match-demo{--side-a: #49f08f;--side-b: #ff5a56;--demo-accent: var(--side-a);--demo-glow: rgba(73, 240, 143, .32);display:grid;grid-template-columns:minmax(350px,.38fr) minmax(0,.62fr);gap:clamp(18px,2.4vw,34px);align-items:stretch;margin-top:26px;padding:clamp(18px,2vw,28px);overflow:hidden;border:1px solid rgba(73,240,143,.22);border-radius:34px;background:radial-gradient(circle at 8% 0%,rgba(73,240,143,.16),transparent 30%),radial-gradient(circle at 88% 14%,rgba(255,90,86,.12),transparent 32%),linear-gradient(135deg,#010805fa,#05120df0);box-shadow:0 34px 120px #0000007a,inset 0 0 0 1px #ffffff0a}.key-match-demo.south{--demo-accent: var(--side-b);--demo-glow: rgba(255, 90, 86, .3);border-color:#ff5a563d}.key-match-demo:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(73,240,143,.08),transparent 34% 66%,rgba(255,90,86,.08)),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,58px 58px,58px 58px;opacity:.8;pointer-events:none}.key-demo-copy{display:flex;min-height:640px;flex-direction:column;padding:clamp(22px,3vw,42px);border:1px solid rgba(255,255,255,.07);border-radius:28px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--demo-accent) 18%,transparent),transparent 34%),linear-gradient(180deg,#000c08b8,#000705eb);box-shadow:inset 0 0 44px #ffffff08}.key-demo-kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--demo-accent);font-size:18px;font-weight:950;letter-spacing:.06em}.key-demo-kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 18px var(--demo-glow)}.key-demo-kicker:after{content:"";width:118px;height:1px;background:linear-gradient(90deg,var(--demo-accent),transparent)}.key-demo-copy h2{margin:0 0 10px;color:#f9fff2;font-size:clamp(50px,5.1vw,86px);line-height:.98;letter-spacing:-.08em;text-shadow:0 8px 28px rgba(0,0,0,.74),0 0 32px var(--demo-glow)}.key-demo-subtitle{max-width:560px;margin:0 0 26px;color:#fff9e9ad;font-size:20px;font-weight:850;line-height:1.45}.key-step-list{counter-reset:demo-step;display:grid;gap:12px;margin-bottom:22px}.key-step-list button{position:relative;display:flex;min-height:58px;align-items:center;gap:16px;padding:11px 16px;border:1px solid color-mix(in srgb,var(--demo-accent) 32%,transparent);border-radius:16px;background:#00080580;color:#fff9e9c7;cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.key-step-list button:hover{transform:translate(2px);border-color:color-mix(in srgb,var(--demo-accent) 55%,transparent)}.key-step-list button span{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--demo-accent) 54%,transparent);border-radius:50%;color:var(--demo-accent);font-size:18px;font-weight:950}.key-step-list button b{font-size:16px;line-height:1.2}.key-step-list button.active{border-color:var(--demo-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--demo-accent) 24%,transparent),#0008059e);color:#fff9e9;box-shadow:0 0 26px color-mix(in srgb,var(--demo-accent) 16%,transparent)}.key-step-list button.active span{color:#07100a;background:var(--demo-accent)}.key-frame-read{display:grid;gap:10px;margin-top:auto}.key-frame-read>span{width:fit-content;padding:7px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff09;color:var(--demo-accent);font-size:13px;font-weight:900}.key-frame-read h3{margin:0;color:#f8fff4;font-size:clamp(25px,2vw,34px);line-height:1.16;letter-spacing:-.04em}.key-frame-read p,.key-frame-verdict p{margin:0;color:#fff9e9b8;font-size:15px;line-height:1.78}.key-frame-verdict{margin-top:16px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--demo-accent) 38%,transparent);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 14%,transparent),#0000001a),#0008059e;box-shadow:inset 3px 0 0 var(--demo-accent)}.key-frame-verdict b{display:block;margin-bottom:8px;color:var(--demo-accent);font-size:18px}.key-board-shell{display:grid;min-width:0;grid-template-rows:auto 1fr auto;gap:12px;padding:18px;border:1px solid color-mix(in srgb,var(--demo-accent) 45%,transparent);border-radius:28px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--demo-accent) 18%,transparent),transparent 22%),#000d0885;box-shadow:inset 0 0 42px #ffffff06,0 0 36px color-mix(in srgb,var(--demo-accent) 12%,transparent)}.key-board-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:12px 16px;border:1px solid color-mix(in srgb,var(--demo-accent) 36%,transparent);border-radius:18px;background:#000805a8}.key-board-top span,.key-board-top b{font-size:clamp(15px,1.25vw,21px);font-weight:950}.key-board-top span{color:var(--demo-accent)}.key-board-top b{color:#fff9e9e6}.key-pitch{position:relative;min-height:560px;overflow:hidden;border:1px solid color-mix(in srgb,var(--demo-accent) 44%,transparent);border-radius:22px;background:radial-gradient(circle at 74% 35%,color-mix(in srgb,var(--demo-accent) 18%,transparent),transparent 20%),linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.36) 50%,transparent 50.15%),repeating-linear-gradient(90deg,#062612 0 9.5%,#09361b 9.5% 19%),linear-gradient(180deg,#08351b,#03170d);box-shadow:inset 0 0 70px #00000075}.key-pitch:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.09),transparent 18%),radial-gradient(circle at 76% 30%,rgba(255,255,255,.08),transparent 16%);opacity:.58;pointer-events:none}.key-field-lines{position:absolute;inset:8%;border:2px solid rgba(240,255,229,.45);border-radius:8px;pointer-events:none}.key-field-lines:before{content:"";position:absolute;top:0;right:-2px;width:30%;height:58%;transform:translateY(21%);border:2px solid rgba(240,255,229,.38);border-right:0}.key-field-lines:after{content:"";position:absolute;top:50%;left:20%;width:20%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(240,255,229,.26);border-radius:50%}.key-route-svg{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}.key-route{fill:none;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 8;opacity:.94;filter:drop-shadow(0 0 3px currentColor);animation:routeFlow 2.8s linear infinite}.key-route.green{color:var(--side-a)}.key-route.gold{color:var(--side-b)}.key-shot-cone{display:none;opacity:0;stroke-width:0}.key-shot-cone.mexico,.key-shot-cone.green{fill:var(--side-a)}.key-shot-cone.south,.key-shot-cone.gold{fill:var(--side-b)}.key-route-ball{fill:#fff9e9;filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 14px var(--demo-accent))}.key-zone{position:absolute;z-index:2;border:1.5px dashed currentColor;border-radius:18px;opacity:.46;filter:drop-shadow(0 0 5px currentColor)}.key-zone.green{color:var(--side-a);background:#49f08f06}.key-zone.gold{color:var(--side-b);background:#ff5a5606}.key-player{--kit: var(--side-a);position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);z-index:6;transform:translate(-50%,-50%);display:grid;width:38px;height:38px;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:color-mix(in srgb,var(--kit) 68%,#07100a);box-shadow:0 0 16px color-mix(in srgb,var(--kit) 52%,transparent)}.key-player.south{--kit: var(--side-b)}.key-player i{width:14px;height:14px;border-radius:50% 50% 45% 45%;background:#fff9e9e6;box-shadow:0 14px 0 5px #fff9e9b8}.key-player strong{position:absolute;top:40px;left:50%;padding:5px 8px;transform:translate(-50%);border:1px solid color-mix(in srgb,var(--kit) 58%,transparent);border-radius:9px;background:#010805d6;color:#fff9e9;font-size:13px;font-weight:950;line-height:1;white-space:nowrap;box-shadow:0 10px 22px #00000052}.key-player.label-left strong{top:50%;right:44px;left:auto;transform:translateY(-50%)}.key-player.label-right strong{top:50%;left:44px;transform:translateY(-50%)}.key-player.label-top strong{top:auto;bottom:44px}.key-player.label-bottom strong{top:44px}.key-ball{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);z-index:8;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid rgba(0,0,0,.52);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,transparent 19%),conic-gradient(#111 0 18%,#fff 18% 38%,#111 38% 55%,#fff 55% 76%,#111 76% 100%);box-shadow:0 0 18px #ffffff9e}.key-board-note{position:absolute;right:18px;bottom:18px;left:18px;z-index:7;max-width:610px;margin:0 auto;padding:12px 16px;border:1px solid color-mix(in srgb,var(--demo-accent) 34%,transparent);border-radius:14px;background:#000805c2;color:#fff9e9d1;font-size:14px;line-height:1.6;text-align:center}.key-sequence{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.key-sequence span{padding:8px 12px;border:1px solid color-mix(in srgb,var(--demo-accent) 36%,transparent);border-radius:999px;background:#00080594;color:#fff9e9cc;font-size:13px;font-weight:850}@media(max-width:1180px){.key-match-demo{grid-template-columns:1fr}.key-demo-copy{min-height:auto}}@media(max-width:760px){.key-match-demo{padding:12px;border-radius:24px}.key-demo-copy{min-height:auto;padding:18px;border-radius:20px}.key-demo-copy h2{font-size:clamp(40px,12vw,58px)}.key-demo-subtitle{font-size:16px}.key-board-shell{padding:10px;border-radius:20px}.key-pitch{min-height:500px}.key-player{width:34px;height:34px}.key-player i{width:13px;height:13px;box-shadow:0 13px 0 4px #fff9e9b8}.key-player strong{padding:5px 7px;font-size:11px}.key-player.label-left strong{right:40px}.key-player.label-right strong{left:40px}.key-board-note{font-size:12px;text-align:left}}@media(max-width:420px){.brand span{font-size:14px}.brand img{width:34px;height:34px}.attack-panel h2{font-size:38px}.frame-copy h2{font-size:24px}.frame-text h4{font-size:28px}.frame-board{min-height:390px}}body{background:radial-gradient(circle at 18% 8%,rgba(32,147,82,.24),transparent 30%),radial-gradient(circle at 82% 0%,rgba(232,199,106,.12),transparent 28%),linear-gradient(180deg,#07120d,#030806 52%,#010302)}body:before{background:linear-gradient(rgba(82,170,111,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(82,170,111,.028) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(232,199,106,.08),transparent 28%);background-size:88px 88px,88px 88px,100% 100%}body:after{opacity:.28;background:radial-gradient(circle at 58% 0%,rgba(255,255,255,.12),transparent 16%),linear-gradient(105deg,transparent 0 42%,rgba(232,199,106,.06) 44%,transparent 58%)}.site-header{background:linear-gradient(90deg,#010805f0,#071c10e6,#010805f0);border-bottom-color:#e8c76a29;-webkit-backdrop-filter:blur(14px) saturate(122%);backdrop-filter:blur(14px) saturate(122%)}.site-header nav a:after{background:linear-gradient(90deg,transparent,var(--gold),transparent)}.page-shell{width:min(1500px,calc(100% - 36px));padding-top:24px}.cinematic-hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(580px,calc(100vh - 108px),700px);min-height:0;display:grid;grid-template-columns:minmax(150px,205px) minmax(0,1fr);grid-template-rows:1fr auto;gap:clamp(16px,2.5vw,34px);padding:clamp(20px,3vw,38px);border:1px solid rgba(232,199,106,.26);border-radius:30px;background:#020704;box-shadow:0 36px 120px #0000008f,inset 0 0 0 1px #ffffff0a,0 0 70px #2caa5b1a}.cinematic-hero:before{display:none}.cinematic-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 52% 20%,rgba(232,199,106,.14),transparent 18%),radial-gradient(circle at 40% 70%,rgba(37,166,92,.12),transparent 28%);background-size:100% 100%;mix-blend-mode:screen;opacity:.32;pointer-events:none}.cinematic-media,.cinematic-media img{position:absolute;inset:0;width:100%;height:100%}.cinematic-media{z-index:-4}.cinematic-media img{object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.1) brightness(.9)}.cinematic-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#010503c7,#01070447 38%,#01050338 74%,#0105039e),linear-gradient(180deg,#01050361,#0105031a 34%,#010503b3);pointer-events:none}.cinematic-player{position:absolute;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 28px 40px rgba(0,0,0,.58))}.cinematic-player-mexico{left:clamp(84px,9vw,150px);bottom:clamp(-96px,-7vw,-54px);width:clamp(300px,32vw,470px);opacity:.72}.cinematic-player-south{right:clamp(22px,5vw,86px);bottom:clamp(-34px,-2vw,-12px);width:clamp(230px,22vw,350px);opacity:.7}.hero-side-index{grid-row:1 / -1;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0 10px;border-right:1px solid rgba(255,249,233,.14)}.side-brand-mark{display:grid;gap:6px;max-width:150px;color:var(--text);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.side-brand-mark:before{display:none}.side-brand-mark span,.side-brand-mark b{font-size:13px;line-height:1.1}.side-chapters{display:grid;gap:18px}.side-chapters a{position:relative;display:grid;gap:5px;color:#fff9e98f;transition:color .2s ease}.side-chapters a:before{display:none}.side-chapters a.active,.side-chapters a:hover{color:var(--text)}.side-chapters a.active:before{opacity:1}.side-chapters span{color:var(--gold);font-size:23px;font-weight:900;letter-spacing:.08em}.side-chapters b{font-size:15px;font-weight:900}.cinematic-copy{align-self:center;max-width:min(650px,58vw);margin-left:clamp(18px,4vw,62px);padding:clamp(18px,2.3vw,28px);border:1px solid rgba(255,249,233,.13);border-left:3px solid rgba(232,199,106,.78);border-radius:16px;background:linear-gradient(120deg,#020906d1,#02090673),radial-gradient(circle at 0 0,rgba(69,223,135,.1),transparent 32%);box-shadow:0 26px 80px #00000057}.cinematic-kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 12px;color:#fff9e9e0;font-size:clamp(14px,1.15vw,19px);letter-spacing:.14em}.cinematic-kicker:before,.cinematic-kicker:after{content:"";width:34px;height:2px;background:linear-gradient(90deg,transparent,var(--gold))}.cinematic-kicker:after{background:linear-gradient(90deg,var(--gold),transparent)}.cinematic-copy h1{margin:0;max-width:720px;color:#f7f0dd;font-family:var(--serif);font-size:clamp(66px,7.2vw,110px);line-height:.88;letter-spacing:-.075em;text-shadow:0 12px 42px rgba(0,0,0,.68)}.cinematic-copy h1 span{display:block}.cinematic-copy p{max-width:610px;margin:14px 0 0;color:#fff9e9e0;font-size:clamp(15px,1.12vw,18px);line-height:1.72;text-shadow:0 8px 26px rgba(0,0,0,.62)}.cinematic-line{display:inline-flex;margin-top:14px;padding:8px 14px;border:1px solid rgba(232,199,106,.42);border-radius:3px;background:#0209069e;color:#fff9e9f2;font-size:clamp(16px,1.35vw,21px);letter-spacing:.05em;box-shadow:inset 0 0 18px #e8c76a0f}.cinematic-line span{display:inline-block}.cinematic-line span:first-letter{color:var(--gold)}.cinematic-recommend{display:grid;gap:6px;max-width:520px;margin-top:14px;padding:12px 16px;border:1px solid rgba(255,249,233,.18);border-radius:10px;background:linear-gradient(90deg,#020906b8,#02090657);box-shadow:inset 3px 0 #e8c76ac2}.cinematic-recommend span{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.08em}.cinematic-recommend strong{color:#fff9e9f0;font-size:clamp(16px,1.25vw,20px);line-height:1.55}.cinematic-verdicts{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;max-width:650px;margin-left:clamp(18px,4vw,62px)}.cinematic-verdicts article{min-height:78px;padding:13px 15px;border:1px solid rgba(255,249,233,.18);border-radius:10px;background:#0209069e;box-shadow:0 18px 50px #00000042,inset 0 0 24px #2fab5c14}.cinematic-verdicts span{display:block;margin-bottom:8px;color:#fff9e99e;font-size:13px;font-weight:900}.cinematic-verdicts strong{color:#fff9e9;font-size:clamp(20px,1.75vw,28px);line-height:1.08}.cinematic-verdicts article:nth-child(2) strong,.cinematic-verdicts article:nth-child(3) strong{color:var(--gold)}.cinematic-chips{position:absolute;top:clamp(26px,3vw,46px);right:clamp(26px,3.5vw,58px);z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:460px}.cinematic-chips .chip{border-color:#fff9e933;background:#0209068f;color:#fff9e9d1}.page-shell>.attack-panel{margin-top:24px;min-height:auto;background:linear-gradient(120deg,#020d08f0,#052012c7),url(./mexico-south-africa/stadium-fog.webp) center / cover}.page-shell>.attack-panel .attack-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1180px){.cinematic-hero{grid-template-columns:150px minmax(0,1fr);height:clamp(540px,calc(100vh - 220px),660px)}.cinematic-copy{max-width:68vw;margin-left:18px}.cinematic-copy h1{font-size:clamp(60px,8vw,92px)}.cinematic-copy p{font-size:15px}.cinematic-verdicts{margin-left:18px;max-width:620px}.cinematic-player-mexico{left:78px;width:clamp(260px,30vw,390px);opacity:.56}.cinematic-player-south{right:10px;width:clamp(210px,21vw,300px);opacity:.58}}@media(max-width:760px){html{scroll-padding-top:88px}.page-shell{width:min(100% - 20px,720px);padding-top:10px}.cinematic-hero{height:auto;min-height:min(780px,calc(100vh - 112px));display:flex;flex-direction:column;justify-content:flex-end;padding:14px;border-radius:24px}.cinematic-hero:before{display:none}.cinematic-hero:after{background:radial-gradient(circle at 50% 18%,rgba(232,199,106,.12),transparent 20%),linear-gradient(180deg,transparent 0 36%,rgba(1,5,3,.76) 74%,rgba(1,5,3,.94) 100%);opacity:.64}.cinematic-media img{object-position:center top}.cinematic-player-mexico{top:54px;bottom:auto;left:-64px;width:min(330px,78vw);opacity:.5}.cinematic-player-south{top:158px;right:-54px;bottom:auto;width:min(250px,58vw);opacity:.48}.cinematic-vignette{background:linear-gradient(180deg,#0105030f,#0105032e 34%,#010503eb),linear-gradient(90deg,rgba(1,5,3,.45),transparent 42%,rgba(1,5,3,.28))}.hero-side-index,.cinematic-chips{display:none}.cinematic-copy{max-width:none;margin:0;padding:15px;border-radius:16px}.cinematic-kicker{margin-bottom:12px;font-size:13px;letter-spacing:.08em}.cinematic-kicker:before,.cinematic-kicker:after{width:22px}.cinematic-copy h1{font-size:clamp(50px,14vw,70px);line-height:.9;letter-spacing:-.075em}.cinematic-line{margin-top:16px;padding:9px 12px;font-size:16px;line-height:1.45}.cinematic-copy p{margin-top:14px;font-size:14px;line-height:1.66}.cinematic-recommend{margin-top:14px;padding:13px 14px}.cinematic-verdicts{grid-template-columns:1fr;gap:9px;width:100%;max-width:none;margin:14px 0 0}.cinematic-verdicts article{min-height:auto;display:grid;grid-template-columns:92px 1fr;align-items:center;padding:11px 13px;border-radius:14px}.cinematic-verdicts span{margin-bottom:0;font-size:12px}.cinematic-verdicts strong{font-size:21px}.page-shell>.attack-panel{margin-top:18px}.page-shell>.attack-panel .attack-card-grid{grid-template-columns:1fr}}.site-header{position:fixed;right:0;left:0;background:linear-gradient(180deg,rgba(1,5,3,.78),rgba(1,5,3,.18) 72%,transparent);border-bottom:0;box-shadow:none}.page-shell{width:100%;padding-top:0}.page-shell>:not(.cinematic-hero){width:min(1480px,calc(100% - 36px));margin-right:auto;margin-left:auto}.cinematic-hero{height:100vh;min-height:720px;width:100%;grid-template-columns:minmax(116px,168px) minmax(0,1fr);padding:clamp(72px,7vw,108px) clamp(30px,5vw,72px) clamp(34px,4vw,58px);border:0;border-radius:0;box-shadow:none}.cinematic-hero:before,.cinematic-hero:after{display:none}.cinematic-media img{object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.06) brightness(.98)}.cinematic-vignette{background:linear-gradient(90deg,#010503c7,#01050380 18%,#01050329 46%,#01050370),linear-gradient(180deg,rgba(1,5,3,.42) 0%,transparent 30%,rgba(1,5,3,.74) 100%)}.hero-side-index{justify-content:flex-end;padding:0 0 28px;border-right:0}.side-chapters{gap:22px}.side-chapters a{text-shadow:0 8px 24px rgba(0,0,0,.7)}.side-chapters span{font-size:clamp(23px,1.8vw,30px)}.side-chapters b{font-size:14px}.cinematic-copy{align-self:center;max-width:min(680px,52vw);margin:0 0 0 clamp(140px,18vw,346px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cinematic-kicker{display:flex;justify-content:center;width:fit-content;margin:0 auto 10px;font-size:clamp(16px,1.45vw,24px);font-weight:900;text-shadow:0 8px 28px rgba(0,0,0,.72)}.cinematic-copy h1{max-width:760px;font-size:clamp(78px,8.2vw,132px);line-height:.93;letter-spacing:-.03em;text-align:center}.cinematic-copy h1 span+span{margin-top:.02em}.cinematic-hero.lang-en .cinematic-copy h1{max-width:920px;font-family:Bebas Neue,Oswald,Arial Black,Arial Narrow,sans-serif;font-size:clamp(60px,5.8vw,96px);line-height:.92;letter-spacing:.02em;text-transform:uppercase}.cinematic-hero.lang-en .cinematic-copy h1 span+span{margin-top:.04em}.cinematic-hero.lang-en .cinematic-kicker{letter-spacing:.1em;white-space:normal}.cinematic-line{display:flex;width:fit-content;max-width:100%;margin:18px auto 0;padding:7px 16px;background:#01070480;box-shadow:none}.cinematic-copy p{max-width:670px;margin:16px auto 0;font-size:clamp(16px,1.2vw,20px);line-height:1.78;text-align:left}.cinematic-recommend{max-width:580px;margin:18px auto 0;padding:13px 18px;background:#0107046b;box-shadow:inset 2px 0 #e8c76ae6}.cinematic-verdicts{grid-column:2;max-width:min(690px,56vw);margin:0 0 0 clamp(140px,18vw,346px);align-self:end}.cinematic-verdicts article{min-height:82px;border-color:#fff9e933;background:#01080575;box-shadow:0 18px 45px #0000003d}.cinematic-chips{top:clamp(76px,7vw,102px)}.page-shell>.evidence-panel{margin-top:28px}@media(max-width:1180px){.site-header{grid-template-columns:minmax(0,1fr) auto;padding:10px 18px}.site-header nav{display:none}.cinematic-hero{height:100vh;min-height:690px;grid-template-columns:96px minmax(0,1fr);padding:92px 26px 32px}.cinematic-copy,.cinematic-verdicts{margin-left:clamp(60px,10vw,130px);max-width:min(660px,64vw)}.cinematic-copy h1{font-size:clamp(70px,8.8vw,102px)}.cinematic-hero.lang-en .cinematic-copy h1{font-size:clamp(56px,7.4vw,86px)}}@media(min-width:1500px){.cinematic-hero{grid-template-columns:168px minmax(0,1fr);gap:34px;padding-right:72px;padding-left:72px}.cinematic-copy,.cinematic-verdicts{max-width:700px;margin-left:clamp(310px,18vw,360px)}.cinematic-hero.lang-en .cinematic-copy{max-width:920px;margin-left:clamp(210px,12vw,250px)}.cinematic-hero.lang-en .cinematic-verdicts{max-width:760px;margin-left:clamp(290px,16vw,330px)}.cinematic-hero.lang-en .cinematic-copy h1{position:relative;left:50%;width:max-content;max-width:min(1120px,74vw);margin-right:auto;margin-left:auto;transform:translate(-50%)}.cinematic-hero.lang-en .cinematic-copy h1 span{white-space:nowrap}}@media(max-width:760px){.site-header{position:sticky;background:linear-gradient(90deg,#010805f0,#071c10e6,#010805f0)}.page-shell{width:100%;padding-top:0}.page-shell>:not(.cinematic-hero){width:min(100% - 20px,720px)}.cinematic-hero{min-height:calc(100vh - 93px);height:auto;padding:26px 16px 18px;border-radius:0}.cinematic-media img{object-position:center top}.cinematic-copy{padding:0;margin:0;max-width:none;background:transparent;border:0;box-shadow:none}.cinematic-copy h1{font-size:clamp(48px,13.5vw,70px);line-height:.94;text-align:left}.cinematic-kicker{justify-content:flex-start;margin-left:0;margin-right:0}.cinematic-hero.lang-en .cinematic-copy h1{font-size:clamp(43px,11.5vw,62px);line-height:.98;letter-spacing:.015em}.cinematic-line,.cinematic-copy p,.cinematic-recommend{margin-left:0;margin-right:0}.cinematic-verdicts{max-width:none;margin:16px 0 0}}.key-demo-board{--demo-accent: var(--green);--demo-soft: rgba(69, 223, 135, .18);--demo-glow: rgba(69, 223, 135, .34);--demo-danger: #ff5a56;grid-template-columns:minmax(360px,.38fr) minmax(0,.62fr);gap:clamp(18px,2.2vw,34px);align-items:stretch;padding:clamp(18px,2vw,30px);border:1px solid rgba(79,255,145,.28);border-radius:32px;background:radial-gradient(circle at 10% 0%,rgba(69,223,135,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(255,90,86,.12),transparent 28%),linear-gradient(135deg,#020c08fa,#04120deb);box-shadow:0 34px 100px #00000075,inset 0 0 0 1px #ffffff0a,0 0 38px #45df8714}.key-demo-board.south{--demo-accent: #ff5a56;--demo-soft: rgba(255, 90, 86, .17);--demo-glow: rgba(255, 90, 86, .32);--demo-danger: var(--green);border-color:#ff5a5642}.key-demo-board:before{background:linear-gradient(90deg,var(--demo-soft),transparent 36% 64%,rgba(255,90,86,.09)),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.025) 97px 98px);opacity:.58}.key-demo-board .frame-copy{min-height:620px;padding:clamp(22px,2.8vw,42px);border:1px solid rgba(255,255,255,.06);border-radius:26px;background:linear-gradient(180deg,#010805b8,#010705e6),radial-gradient(circle at 0 8%,var(--demo-soft),transparent 28%);box-shadow:inset 0 0 40px #ffffff06}.key-demo-board .kicker{position:relative;display:inline-flex;align-items:center;gap:12px;color:var(--demo-accent);font-size:18px;letter-spacing:.06em}.key-demo-board .kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 18px var(--demo-glow)}.key-demo-board .kicker:after{content:"";width:120px;height:1px;background:linear-gradient(90deg,var(--demo-accent),transparent);opacity:.72}.key-demo-board .frame-copy h2{display:block;margin:10px 0 8px;padding:0;border:0;background:transparent;color:#f9fbf0;font-size:clamp(48px,5vw,78px);line-height:1.02;letter-spacing:-.08em;text-shadow:0 8px 26px rgba(0,0,0,.72),0 0 28px var(--demo-glow)}.key-demo-board .frame-copy h2:after{display:block;width:118px;margin-top:10px;background:linear-gradient(90deg,var(--demo-accent),transparent)}.key-demo-board .frame-copy h3{margin-bottom:28px;color:#fff9e9ad;font-size:clamp(18px,1.6vw,24px);font-weight:850}.key-demo-board .frame-text{display:grid;align-content:start;gap:14px}.key-demo-board .frame-text>span{width:fit-content;margin:0;padding:7px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff09;color:var(--demo-accent)}.key-demo-board .frame-text h4{margin:0;color:#f8fff4;font-size:clamp(25px,2.2vw,36px);line-height:1.18;letter-spacing:-.05em}.key-demo-board .frame-text>p{max-width:620px;margin:0;color:#fff9e9b8;font-size:16px;line-height:1.82}.key-demo-board .frame-point{margin-top:6px;padding:18px 20px;border-color:color-mix(in srgb,var(--demo-accent) 42%,transparent);border-radius:20px;background:linear-gradient(135deg,var(--demo-soft),rgba(0,0,0,.18)),#010805b8;box-shadow:inset 3px 0 0 var(--demo-accent),0 18px 45px #0000002e}.key-demo-board .frame-point b{display:block;margin-bottom:8px;color:var(--demo-accent);font-size:18px}.key-demo-board .frame-point p{margin:0;color:#fff9e9c7;font-size:15px;line-height:1.75}.key-demo-board .frame-buttons{counter-reset:demo-step;grid-template-columns:1fr;gap:12px;margin-top:26px}.key-demo-board .frame-buttons button{counter-increment:demo-step;position:relative;min-height:64px;display:flex;align-items:center;gap:16px;justify-content:flex-start;padding:13px 18px 13px 72px;border-color:color-mix(in srgb,var(--demo-accent) 34%,transparent);border-radius:17px;background:#00080585;color:#fff9e9d1;font-size:17px;text-align:left;box-shadow:inset 0 0 22px #ffffff05}.key-demo-board .frame-buttons button:before{content:counter(demo-step);position:absolute;left:18px;display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--demo-accent) 60%,transparent);border-radius:50%;color:var(--demo-accent);background:#020c08eb;box-shadow:0 0 18px color-mix(in srgb,var(--demo-accent) 24%,transparent)}.key-demo-board .frame-buttons button.active{color:#07100a;background:var(--demo-accent);box-shadow:0 0 28px color-mix(in srgb,var(--demo-accent) 30%,transparent),inset 0 0 18px #ffffff2e}.key-demo-board .frame-buttons button.active:before{border-color:#0000002e;color:#07100a;background:#ffffff73}.key-demo-board .frame-board{min-height:650px;border-color:color-mix(in srgb,var(--demo-accent) 60%,transparent);border-radius:26px;background:radial-gradient(circle at 52% 35%,color-mix(in srgb,var(--demo-accent) 18%,transparent),transparent 22%),linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.38) 50%,transparent 50.15%),repeating-linear-gradient(90deg,#062613 0 9.5%,#0a351c 9.5% 19%),linear-gradient(180deg,#0a3b20,#041b0f);box-shadow:inset 0 0 72px #00000080,0 0 30px color-mix(in srgb,var(--demo-accent) 16%,transparent)}.key-demo-board .replay-board{padding-top:68px}.key-demo-board .replay-topbar{top:16px;right:18px;left:18px;justify-content:center;gap:14px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--demo-accent) 44%,transparent);border-radius:18px;background:#000f08b8;box-shadow:inset 0 -1px #ffffff0d}.key-demo-board .replay-topbar span,.key-demo-board .replay-topbar b{min-height:auto;padding:0;border:0;background:transparent;box-shadow:none;font-size:clamp(15px,1.35vw,22px);font-weight:950}.key-demo-board .replay-topbar span{color:var(--demo-accent)}.key-demo-board .replay-topbar b{color:#fff9e9f0}.key-demo-board .route{stroke-width:2.7;stroke-dasharray:5 5}.key-demo-board .route.green{color:var(--green)}.key-demo-board .route.gold{color:#ff5a56}.key-demo-board .route-ball{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 14px var(--demo-accent))}.key-demo-board .replay-corridor{border-width:2px;filter:blur(.2px) drop-shadow(0 0 12px var(--demo-glow))}.key-demo-board .replay-hotspot{z-index:8;border-color:color-mix(in srgb,var(--demo-accent) 46%,transparent);background:#010805c7;color:var(--demo-accent);font-size:13px}.key-demo-board .player-token{width:38px;height:52px;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--kit) 50%,transparent))}.key-demo-board .player-label{padding:7px 10px;border-color:color-mix(in srgb,var(--kit) 45%,transparent);background:#000805d1}.key-demo-board .player-label b{font-size:15px}.key-demo-board .player-label small{color:#fff9e9a8;font-size:11px}.key-demo-board .board-note{right:22px;bottom:22px;left:22px;max-width:560px;border-color:color-mix(in srgb,var(--demo-accent) 30%,transparent);background:#000805b8;color:#fff9e9d1}.key-demo-board .replay-flow{right:22px;bottom:94px;left:22px;justify-content:center}.key-demo-board .replay-flow span{border-color:color-mix(in srgb,var(--demo-accent) 34%,transparent);background:#000805a8;color:#fff9e9d1}@media(max-width:1180px){.key-demo-board{grid-template-columns:1fr}.key-demo-board .frame-copy{min-height:auto}}@media(max-width:760px){.key-demo-board{padding:12px;border-radius:24px}.key-demo-board .frame-copy{padding:18px;border-radius:20px}.key-demo-board .frame-copy h2{font-size:clamp(38px,11vw,54px)}.key-demo-board .frame-buttons button{min-height:56px;padding-left:60px;font-size:14px}.key-demo-board .frame-buttons button:before{left:14px;width:34px;height:34px}.key-demo-board .frame-board{min-height:500px}.key-demo-board .replay-topbar{justify-content:start}.key-demo-board .replay-topbar span,.key-demo-board .replay-topbar b{font-size:13px}}.key-route,.route{fill:none!important;marker-end:none!important;vector-effect:non-scaling-stroke}.key-route-svg marker,.route-svg marker,.key-route-svg defs,.route-svg defs,.shot-cone,.key-shot-cone{display:none!important}.key-zone,.tactical-zone{background:transparent!important}.key-match-demo{grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);gap:clamp(12px,1.6vw,22px);margin-top:18px;padding:clamp(12px,1.4vw,20px);border-radius:26px}.key-demo-copy{min-height:0;padding:clamp(16px,2vw,26px);border-radius:22px}.key-demo-kicker{margin-bottom:8px;font-size:13px}.key-demo-kicker:before{width:7px;height:7px}.key-demo-kicker:after{width:72px}.key-demo-copy h2{margin-bottom:8px;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.07em}.key-demo-subtitle{margin-bottom:16px;font-size:15px;line-height:1.45}.key-step-list{gap:8px;margin-bottom:14px}.key-step-list button{min-height:44px;gap:10px;padding:8px 11px;border-radius:13px}.key-step-list button span{width:28px;height:28px;font-size:14px}.key-step-list button b{font-size:13px}.key-frame-read{gap:7px;margin-top:0}.key-frame-read>span{padding:5px 9px;font-size:11px}.key-frame-read h3{font-size:clamp(20px,1.6vw,27px)}.key-frame-read p,.key-frame-verdict p{font-size:13px;line-height:1.62}.key-frame-verdict{margin-top:12px;padding:12px 14px;border-radius:16px}.key-frame-verdict b{margin-bottom:5px;font-size:14px}.key-board-shell{gap:8px;padding:12px;border-radius:22px}.key-board-top{gap:8px;padding:8px 12px;border-radius:14px}.key-board-top span,.key-board-top b{font-size:clamp(12px,1vw,16px)}.key-pitch{min-height:410px;border-radius:18px}.key-player{width:32px;height:32px}.key-player i{width:12px;height:12px;box-shadow:0 12px 0 4px #fff9e9b8}.key-player strong{top:34px;padding:4px 7px;font-size:11px;border-radius:7px}.key-player.label-left strong{right:38px}.key-player.label-right strong{left:38px}.key-player.label-top strong{bottom:38px}.key-player.label-bottom strong{top:38px}.key-board-note{right:12px;bottom:12px;left:12px;padding:9px 11px;font-size:12px;line-height:1.55}.key-sequence{gap:7px}.key-sequence span{padding:6px 9px;font-size:12px}@media(max-width:760px){.key-match-demo{grid-template-columns:1fr!important;align-items:start;gap:12px;padding:10px;border-radius:20px}.key-demo-copy{width:100%;min-width:0;padding:14px;border-radius:16px}.key-demo-copy h2{font-size:clamp(30px,9vw,42px)}.key-demo-subtitle{font-size:13px}.key-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.key-step-list button{min-height:42px;padding:7px 9px}.key-step-list button b{font-size:12px}.key-board-shell{width:100%;min-width:0;padding:8px}.key-board-top{justify-content:flex-start}.key-pitch{min-height:330px}.key-player{width:28px;height:28px}.key-player strong{max-width:86px;white-space:normal;text-align:center;font-size:10px;line-height:1.1}.key-board-note{display:none}}.key-mobile-players{display:none}@media(max-width:760px){.key-board-shell{gap:10px}.key-match-demo{grid-template-columns:1fr!important;align-items:start}.key-demo-copy,.key-board-shell{width:100%;min-width:0}.key-board-top span,.key-board-top b{font-size:12px;line-height:1.25}.key-pitch{min-height:280px;height:min(72vw,330px)}.key-zone{display:none!important}.key-route{stroke-width:1.65;stroke-dasharray:5 7;opacity:.92}.key-route-ball{r:1.1}.key-player{width:22px;height:22px;border-width:1px;box-shadow:0 0 12px color-mix(in srgb,var(--kit) 45%,transparent)}.key-player i{width:8px;height:8px;box-shadow:0 8px 0 3px #fff9e9b8}.key-player strong{display:block;max-width:72px;padding:3px 6px;border-radius:7px;background:#000805d1;box-shadow:none;color:#fff9e9;font-size:10px;line-height:1.1;text-align:center;white-space:nowrap}.key-player.label-left strong{top:24px;right:20px;transform:none}.key-player.label-right strong{top:24px;left:20px;transform:none}.key-player.label-top strong{bottom:28px}.key-player.label-bottom strong{top:28px}.key-mobile-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.key-mobile-player{display:grid;gap:3px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--demo-accent) 22%,transparent);border-radius:12px;background:#00080594;min-width:0}.key-mobile-player b{overflow:hidden;color:#fff9e9;font-size:12px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.key-mobile-player small{overflow:hidden;color:#fff9e999;font-size:10px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.key-mobile-player.mexico{border-color:#49f08f47}.key-mobile-player.south{border-color:#ff5a564d}.key-sequence{display:none}.key-route,.key-route-ball,.key-ball,.key-match-demo:before,.key-pitch:before{animation:none!important}.key-match-demo,.key-demo-copy,.key-board-shell,.key-pitch,.key-step-list button,.key-frame-verdict{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.key-match-demo{background:linear-gradient(135deg,#010805fa,#05120deb)!important}.key-pitch{background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.28) 50%,transparent 50.15%),repeating-linear-gradient(90deg,#062612 0 9.5%,#09361b 9.5% 19%),linear-gradient(180deg,#08351b,#03170d)!important}.key-route{filter:none!important}}