@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b100d;--surface:#111813;--surface2:#151e17;--ink:#eef2e8;--muted:#97a393;--line:#29372b;--accent:#c4f778;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;--sans:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}img,video{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:focus-visible{outline-offset:3px}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;flex-shrink:0;width:21px;height:21px;vertical-align:middle}.icon.small{width:16px;height:16px}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.skip-link{position:fixed;z-index:100;left:16px;top:12px;background:var(--accent);color:var(--bg);padding:10px 20px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:83px;position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{height:100%;display:flex;align-items:center;gap:44px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--accent);background:#1d2a18;border:1px solid #33462c}.brand-mark svg{width:25px;height:25px}.brand-dash{font-weight:400;color:#73846b;margin-inline:2px}.brand-period{color:var(--accent)}#primary-nav{display:flex;align-items:center;gap:30px;margin-inline:auto;color:#b8c0b2;font-size:13px}#primary-nav a{transition:color .2s}#primary-nav a:hover{color:var(--accent)}.header-github{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:13px;border:1px solid var(--line);padding:8px 13px;transition:background .2s,border-color .2s}.header-github:hover{background:var(--surface2);border-color:#586b4c}.header-github>.icon:first-child{width:17px;height:17px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:.94fr 1.14fr;gap:42px;align-items:center;padding-top:86px;padding-bottom:82px;min-height:690px}.eyebrow{font-family:var(--mono);letter-spacing:.095em;font-size:10px;color:var(--accent);display:flex;align-items:center;gap:9px;margin-bottom:27px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);box-shadow:0 0 0 3px #c4f77812;flex-shrink:0}.hero h1{font-size:clamp(37px,4.45vw,62px);letter-spacing:-.045em;line-height:1.18;margin:0 0 25px;font-weight:730;word-break:keep-all}.hero h1>span:first-of-type{font-size:.84em;color:var(--accent);letter-spacing:-.045em}.title-period{color:var(--accent)}.hero-lead{font-size:21px;line-height:1.5;font-weight:550;letter-spacing:.02em;margin:0 0 13px}.hero-description{max-width:430px;font-size:14px;color:var(--muted);line-height:1.95;margin:0}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 18px;line-height:1.5;font-size:13px;font-weight:650;border:1px solid transparent;transition:background .2s,transform .2s}.button.primary{background:var(--accent);color:#16200d}.button.primary:hover{background:#d5ff9c;transform:translateY(-2px)}.button.primary>.icon:last-child{margin-left:5px;width:17px}.fill-play{width:17px;height:17px;fill:currentColor;stroke-width:0}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);white-space:nowrap}.text-link:hover{color:var(--accent)}.hero-footnote{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;color:#82917b;letter-spacing:.025em;margin-top:27px;flex-wrap:wrap}.hero-footnote>span:last-child{margin-left:4px;font-family:var(--sans);font-size:10px}.tiny-square{width:4px;height:4px;background:#8ea47c;display:inline-block;flex-shrink:0}.hero-visual{padding-top:28px;position:relative;min-width:0}.hero-visual:before{content:"";position:absolute;inset:-35px -26px -10px;background-image:linear-gradient(#8d9f7810 1px,transparent 1px),linear-gradient(90deg,#8d9f7810 1px,transparent 1px);background-size:32px 32px;z-index:-1;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 72%)}.visual-coordinate{position:absolute;top:1px;font:9px var(--mono);letter-spacing:.11em;color:#839476}.battle-window{display:block;border:1px solid #43523b;box-shadow:13px 14px 0 #10180d,14px 15px 0 #2b3824;position:relative;background:#10190d}.battle-window:before,.battle-window:after{content:"";position:absolute;z-index:2;width:12px;height:12px;pointer-events:none}.battle-window:before{left:-1px;top:-1px;border-left:2px solid var(--accent);border-top:2px solid var(--accent)}.battle-window:after{right:-1px;bottom:-1px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent)}.window-bar{height:35px;display:flex;justify-content:space-between;align-items:center;padding-inline:12px;font:8px var(--mono);letter-spacing:.07em;color:#a3b196;background:#162010}.window-bar>span:first-child,.terminal-top>span:first-child{display:flex;gap:5px}.window-bar i,.terminal-top i{height:5px;width:5px;border-radius:50%;background:#4b5c40}.window-bar i:first-child,.terminal-top i:first-child{background:#7f966a}.record-label{display:flex;align-items:center;gap:5px;font-family:var(--sans);font-size:9px}.record-label b{width:4px;height:4px;background:var(--accent)}.battle-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#101810}.battle-image>img{height:100%;width:100%;object-fit:cover;object-position:44% center;filter:brightness(.73) saturate(.7);transition:filter .3s,transform .6s}.battle-window:hover .battle-image>img{filter:brightness(.9) saturate(.85);transform:scale(1.025)}.image-grid{position:absolute;inset:0;background:linear-gradient(0deg,#081006d9,transparent 36%);pointer-events:none}.hero-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border:1px solid #d6f7ae8a;background:#0b170c90;border-radius:50%;backdrop-filter:blur(5px);color:var(--accent);transition:background .2s}.hero-play svg{width:25px;height:25px;fill:var(--accent);stroke-width:0;margin-left:3px}.battle-window:hover .hero-play{background:#304522c9}.image-caption{position:absolute;bottom:23px;left:22px;right:22px;font-family:var(--mono);font-size:15px;letter-spacing:-.03em}.image-caption>span{color:var(--accent);padding-inline:5px}.window-bottom{height:39px;padding-inline:12px;display:flex;align-items:center;justify-content:space-between;color:#a3b196;font:8px var(--mono);letter-spacing:.025em}.window-bottom>span{display:flex;align-items:center;gap:7px}.window-bottom>span:last-child{font-family:var(--sans);font-size:10px}.window-bottom .status-dot{width:4px;height:4px}.visual-note{display:flex;gap:12px;align-items:center;margin:31px 0 0 0;font-size:12px;color:#7e9074;letter-spacing:.04em}.visual-note em{font-style:normal;color:#c0ccb6}.note-bracket{font:19px var(--mono);color:#6c8759}.visual-plus{font:24px var(--mono);margin-left:auto;color:#6c8759;padding-right:12px}.mobile-break{display:none}
.loop-bar{border-block:1px solid var(--line);background:#10170f}.loop-inner{display:flex;align-items:center;gap:29px;min-height:69px}.loop-label{font:9px var(--mono);letter-spacing:.12em;color:#87987c;padding-right:10px}.loop-inner>span:not(.loop-label){font-size:12px;letter-spacing:.025em;white-space:nowrap}.loop-inner b{font:10px var(--mono);color:var(--accent);margin-right:10px}.loop-inner>i{font-style:normal;color:#596a4d;font-size:16px}.loop-target{color:#668356;width:17px;height:17px;margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:42px}.section-index{font:10px var(--mono);letter-spacing:.1em;color:var(--accent)}.section-kicker{font-size:11px;color:#82907b;letter-spacing:.02em}h2{font-size:clamp(30px,3.3vw,43px);font-weight:650;letter-spacing:-.035em;line-height:1.4;margin:0}h3{font-weight:600}.muted-heading{color:#7e8f75}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.about-layout .text-link{margin-top:25px;color:#97aa87}.about-copy p{font-size:15px;color:#a3af9c;margin:0 0 16px;line-height:1.95}.about-copy strong{color:var(--ink);font-weight:550}.about-copy em{color:#c8d4be;font-style:normal}.about-copy .about-agent{margin-bottom:0;color:#cbd9c2}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:43px;border-top:1px solid var(--line)}.principles>div{display:flex;align-items:center;gap:17px;padding-top:22px;flex-wrap:wrap}.principle-number{color:var(--accent);font:10px var(--mono)}.principles strong{font-size:12px;font-weight:550}.principles>div>span:last-child{font-size:10px;color:#87967e}
.capabilities-section{background:#10170f;border-block:1px solid var(--line)}.capability-status{display:flex;align-items:center;gap:9px;font-size:10px;color:#a5bb91}.capability-status .status-dot{height:4px;width:4px}.capability-heading{display:flex;justify-content:space-between;gap:75px;align-items:flex-end;margin-bottom:39px}.capability-heading>p{width:390px;max-width:43%;color:var(--muted);font-size:13px;line-height:1.95;margin:0 0 4px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #34412c;background:#141d12}.capability{padding:30px 28px 23px}.capability+.capability{border-left:1px solid #34412c}.capability-top{display:flex;justify-content:space-between;align-items:center;color:var(--accent);margin-bottom:27px}.capability-top>.icon{width:25px;height:25px}.capability-top>span{font:9px var(--mono);letter-spacing:.08em;color:#829779}.capability h3{font-size:18px;margin:0 0 12px;letter-spacing:-.03em}.capability>p{color:#94a48a;font-size:12px;line-height:1.95;margin:0 0 26px}.capability-detail{font:10px var(--sans);padding-top:16px;border-top:1px solid #2c3a25;color:#819874;letter-spacing:.02em}.capability-note{display:flex;align-items:center;gap:14px;margin-top:21px;color:#7f9174}.capability-note>.icon{width:19px;height:19px;color:#9cb882}.capability-note>p{margin:0;max-width:770px;font-size:10px;line-height:1.8}.capability-note strong{font-weight:500;color:#afc29f}.capability-note>a{margin-left:auto;white-space:nowrap;font-size:10px;color:#b1c3a4}.capability-note>a:hover{color:var(--accent)}
.matches-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.matches-heading h2{font-size:clamp(27px,3vw,39px)}.matches-heading p{font-size:12px;color:var(--muted);margin:0 0 8px}.replay-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:29px}.replay-main{min-width:0}.player-frame{background:#030603;border:1px solid #3b4b31;overflow:hidden;position:relative}.player-frame>video{width:100%;aspect-ratio:16/9;background:#030603;object-fit:contain}.replay-caption{display:flex;justify-content:space-between;gap:15px;margin-top:23px;align-items:center}.match-category{font:9px var(--mono);letter-spacing:.1em;color:var(--accent)}.replay-caption h3{font-size:22px;margin:5px 0 0;line-height:1.4;letter-spacing:-.025em}.video-open{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;color:#a0b28e}.video-open:hover{color:var(--accent);border-color:#63744f}.video-open .icon{width:17px;height:17px}.match-description{font-size:12px;color:var(--muted);line-height:1.9;margin:14px 0 0;min-height:46px;max-width:760px}.playlist{border:1px solid var(--line);padding:0 14px;background:#10170f;align-self:start}.playlist-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 1px 14px;border-bottom:1px solid #293525;margin-bottom:10px;font-size:12px}.playlist-heading>span:last-child{font:8px var(--mono);color:#798e6d;letter-spacing:.04em}.match-item{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 9px;width:100%;border:1px solid transparent;margin-block:4px;transition:background .2s,border-color .2s;min-height:94px}.match-item:hover{background:#1b2715}.match-item.active{background:#1c2a13;border-color:#4f6d34}.match-item.active:before{content:"";position:absolute;left:-1px;top:21px;bottom:21px;width:2px;background:var(--accent)}.match-thumb{position:relative;flex-shrink:0;display:block;width:92px;aspect-ratio:16/10;overflow:hidden;background:#080d06}.match-thumb img{height:100%;width:100%;object-fit:cover;filter:brightness(.84) saturate(.75)}.match-thumb>span{position:absolute;bottom:2px;right:3px;background:#050b05d4;padding:0 3px;line-height:1.6;color:#e3eddb;font:9px var(--mono)}.match-info{display:block;flex:1;min-width:0}.match-number{font:9px var(--mono);color:#a3b78c;display:flex;gap:8px;align-items:center;margin-bottom:7px}.match-number>span{font:9px var(--sans);color:#829576}.match-info>strong{display:block;font-size:11px;font-weight:500;line-height:1.65;color:#c6d1bb}.match-item.active .match-info>strong{color:#e3f2d1}.match-item>.icon{width:15px;height:15px;color:#a1be81;flex-shrink:0}.match-item.active>.icon{fill:var(--accent);stroke-width:0}.playlist-note{display:flex;gap:7px;align-items:center;margin:14px 0 16px;padding-top:13px;border-top:1px solid #293525;font-size:9px;color:#849775}.video-error{font-size:12px;color:#e8bc9c;padding:14px;border:1px solid #78563d;background:#2a1e15}.video-error a,.noscript-note a{text-decoration:underline;text-underline-offset:4px}.noscript-note{color:var(--muted);font-size:13px}
.start-section{background:#11190f;border-block:1px solid var(--line)}.start-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:94px;align-items:start}.start-copy h2>span{color:var(--accent)}.start-copy>p{font-size:13px;color:var(--muted);max-width:370px;margin:19px 0 27px;line-height:1.95}.start-steps{padding:0;list-style:none;margin:0 0 24px}.start-steps li{display:flex;align-items:flex-start;gap:15px;margin-block:18px}.start-steps li>span{flex-shrink:0;font:10px var(--mono);color:var(--accent);border:1px solid #3e4f31;padding:7px 5px;margin-top:2px}.start-steps strong{display:block;font-size:12px;font-weight:550;line-height:1.6}.start-steps p{font-size:11px;line-height:1.7;color:#889d7d;margin:4px 0 0}.start-copy>.text-link{font-size:11px;color:#c4d7b4}.terminal{border:1px solid #425136;background:#0a1009;align-self:center;min-width:0;box-shadow:7px 7px 0 #172010}.terminal-top{display:flex;justify-content:space-between;align-items:center;height:41px;border-bottom:1px solid #283621;padding:0 15px;color:#7b8c6d;font:9px var(--mono);letter-spacing:.08em}.terminal-top>.icon{width:14px;height:14px}.terminal-tabs{display:flex;align-items:stretch;border-bottom:1px solid #283621}.terminal-tabs>button{font:10px var(--mono);color:#849777;padding:14px 18px;border-bottom:2px solid transparent}.terminal-tabs>button:hover{color:#cee5b8}.terminal-tabs>button.active{color:var(--accent);border-bottom-color:var(--accent);background:#182312}.terminal-code-wrap{position:relative;padding:22px 24px 29px;min-height:227px}.terminal pre{margin:29px 0 0;overflow:auto;font:11px/2 var(--mono);white-space:pre;scrollbar-color:#435338 #0a1009}.terminal code{color:#c1d4ae}.copy-button{position:absolute;right:15px;top:12px;display:flex;align-items:center;gap:5px;color:#a8bd94;font-size:10px;padding:5px 8px;border:1px solid #35452b;line-height:1.4}.copy-button:hover{background:#1d2b16}.copy-button>.icon{width:13px;height:13px}.terminal-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #283621;padding:12px 15px;font:9px var(--mono);color:#8ca578}.terminal-bottom .status-dot{width:4px;height:4px}.terminal-bottom>span:last-child{margin-left:auto;font-family:var(--sans);font-size:9px;color:#748a63}
.source-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:110px;align-items:center}.source-layout h2{margin-bottom:18px}.source-layout p{font-size:13px;color:var(--muted);line-height:1.9;max-width:410px;margin:0 0 14px}.source-layout strong{font-weight:500;color:#c4d1b8}.source-layout .source-secondary{font-size:11px;line-height:1.9;color:#7c8f70}.repository-links{display:grid;gap:13px}.repository-links>a{display:flex;align-items:center;gap:15px;padding:23px 19px;background:#111a0e;border:1px solid var(--line);transition:background .2s,border-color .2s}.repository-links>a:hover{background:#1b2913;border-color:#63784e}.repo-icon{height:42px;width:42px;border:1px solid #4a6235;color:var(--accent);display:grid;place-items:center;flex-shrink:0;background:#1d2e13}.repo-icon.upstream{color:#9ab085;border-color:#364a2a;background:#162210}.repository-links>a>span:nth-child(2){min-width:0}.repo-label{display:block;font:8px var(--mono);color:#8da878;letter-spacing:.06em;margin-bottom:5px}.repository-links strong{display:block;font:14px var(--mono);color:#e2ebd8;letter-spacing:-.025em;word-break:break-word}.repo-description{display:block;font-size:10px;color:#839976;margin-top:6px}.repository-links>a>.icon{color:#8da57a;width:17px;height:17px;margin-left:auto}.site-footer{border-top:1px solid var(--line);background:#080d08;padding-block:31px}.footer-inner{display:flex;align-items:center;gap:35px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:28px;height:28px}.footer-brand .brand-mark>svg{width:20px;height:20px}.footer-inner>span{font-size:9px;color:#728567;line-height:1.9}.footer-inner>a:nth-last-child(2){font-size:10px;color:#9baf8c;display:flex;gap:7px;align-items:center;margin-left:auto}.back-top{display:flex;align-items:center;gap:12px;font:8px var(--mono);letter-spacing:.04em;color:#859b76}.back-top>span{font-size:20px;color:var(--accent)}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 20px;color:#17230d;background:var(--accent);box-shadow:0 4px 25px #0005;font-size:12px;max-width:calc(100% - 32px)}
@media(min-width:1600px){.hero{padding-block:105px;min-height:760px}.hero h1{font-size:65px}.hero-visual{padding-top:35px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.hero{gap:30px;grid-template-columns:1fr 1fr;min-height:auto;padding-block:67px}.hero h1{font-size:45px}.hero-description{font-size:13px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:11px}.button{font-size:12px;padding-inline:13px}.header-inner{gap:28px}#primary-nav{gap:21px}.header-github{font-size:11px}.loop-inner{gap:20px}.loop-label{font-size:8px}.loop-inner>span:not(.loop-label){font-size:11px}.about-layout{gap:55px}.principles>div{gap:10px}.principles>div>span:last-child{width:100%;padding-left:39px;margin-top:-6px}.capability{padding:24px 22px 20px}.capability h3{font-size:16px}.capability-note>p{max-width:72%}.replay-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.match-thumb{width:74px}.matches-heading p{max-width:270px}.start-layout{gap:55px;grid-template-columns:1fr 1.15fr}.terminal-code-wrap{padding-inline:18px}.terminal pre{font-size:10px}.source-layout{gap:60px}.repository-links>a{gap:12px;padding:19px 15px}.repository-links strong{font-size:12px}.footer-inner{gap:25px}}
@media(max-width:880px){.section{padding-block:74px}.site-header{height:72px}.header-inner{gap:22px}.brand{font-size:20px}#primary-nav{gap:18px;font-size:11px}.header-github{font-size:0;padding:9px}.header-github .small{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-top:50px;padding-bottom:49px}.hero-copy{max-width:620px}.hero h1{font-size:55px}.hero h1 br:nth-child(2){display:none}.hero h1>span:first-of-type{display:inline-block;margin-left:10px;font-size:.77em}.hero-description{max-width:590px}.hero-lead{font-size:21px}.hero-actions{margin-top:23px}.hero-visual{width:100%;max-width:670px;justify-self:center;padding-top:29px}.battle-image{aspect-ratio:16/8}.visual-note{margin-top:26px}.loop-inner{gap:15px;flex-wrap:wrap;padding-block:18px}.loop-label{width:100%;margin-bottom:3px}.loop-target{display:none}.loop-inner>i{font-size:12px}.loop-inner>span:not(.loop-label){font-size:11px}.about-layout{gap:40px;grid-template-columns:.8fr 1.2fr}.about-copy p{font-size:13px}.about-layout h2{font-size:33px}.about-layout .text-link{font-size:10px}.capability-heading{gap:30px}.capability-heading>p{font-size:12px;max-width:46%}.capability-top>span{font-size:7px}.capability{padding-inline:17px}.capability h3{font-size:15px}.capability>p{font-size:11px}.capability-detail{font-size:8px}.capability-note{align-items:flex-start}.capability-note>a{font-size:9px}.capability-note>p{max-width:71%;font-size:9px}.matches-heading{align-items:flex-start;flex-direction:column;gap:9px}.matches-heading p{max-width:none;margin:0}.replay-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.playlist{padding-inline:9px}.match-item{gap:9px;padding-inline:6px;min-height:82px}.match-thumb{width:63px}.match-info>strong{font-size:10px}.match-number{font-size:8px;gap:5px}.match-number>span{font-size:8px}.match-item>.icon{width:12px}.playlist-heading{font-size:11px}.playlist-heading>span:last-child{font-size:7px}.playlist-note{font-size:8px}.replay-caption h3{font-size:19px}.match-description{font-size:11px}.start-layout{grid-template-columns:1fr;gap:32px}.start-copy>p{max-width:580px}.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:13px}.start-steps li{gap:10px;margin-block:5px}.start-steps strong{font-size:11px}.start-steps p{font-size:10px}.start-steps li>span{font-size:8px;padding:5px 4px}.terminal{width:100%;max-width:650px}.terminal pre{font-size:12px}.source-layout{grid-template-columns:1fr;gap:25px}.source-layout p{max-width:630px}.repository-links{grid-template-columns:1fr 1fr}.repo-description{font-size:9px}.repository-links>a{position:relative;gap:10px;align-items:flex-start}.repo-icon{width:29px;height:29px}.repo-icon>.icon{width:18px;height:18px}.repo-label{font-size:7px}.repository-links>a>.icon{position:absolute;right:12px;top:15px;width:13px;height:13px}.repository-links strong{font-size:11px}.footer-inner{flex-wrap:wrap;gap:15px 28px}.footer-inner>span{font-size:8px}.footer-inner>a:nth-last-child(2){margin-left:auto;font-size:9px}.back-top{font-size:7px}}
@media(max-width:600px){html{scroll-padding-top:72px}.shell{width:calc(100% - 40px)}.section{padding-block:58px}.site-header{height:65px}.header-inner{gap:16px}.brand{font-size:20px}.brand-mark{width:29px;height:29px}.brand-mark svg{width:22px;height:22px}.header-github{margin-left:0;padding:7px 9px;order:2}.header-github>.icon:first-child{width:16px;height:16px}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px;padding:8px;order:3}.menu-toggle>span{display:block;width:20px;height:1px;background:#c4d8b0}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}#primary-nav{display:none;position:absolute;left:0;right:0;top:64px;background:#10190e;border-bottom:1px solid var(--line);padding:22px;flex-wrap:wrap;justify-content:center;gap:20px 28px;font-size:13px}#primary-nav.open{display:flex}.hero{padding-top:37px;gap:26px;padding-bottom:37px}.eyebrow{font-size:8px;letter-spacing:.05em;margin-bottom:22px}.hero h1{font-size:clamp(33px,8.8vw,49px);line-height:1.25;margin-bottom:19px}.hero h1 br:nth-child(2){display:block}.hero h1>span:first-of-type{margin-left:0;font-size:.9em}.hero-lead{font-size:19px;margin-bottom:12px}.hero-description{font-size:12px;line-height:1.95}.hero-actions{gap:19px;margin-top:24px;flex-wrap:wrap}.button{font-size:12px;padding:12px 13px}.hero-actions .text-link{font-size:10px}.hero-footnote{font-size:7px;gap:7px;margin-top:21px}.hero-footnote>span:last-child{font-size:8px}.hero-visual{padding-top:25px;padding-right:7px}.visual-coordinate{font-size:7px}.battle-window{box-shadow:6px 7px 0 #10180d,7px 8px 0 #2b3824}.battle-image{aspect-ratio:16/10}.window-bar{font-size:6px;height:29px;padding-inline:9px}.record-label{font-size:7px}.window-bar i{height:4px;width:4px}.window-bottom{font-size:6px;height:32px;padding-inline:9px}.window-bottom>span:last-child{font-size:8px}.window-bottom>span{gap:5px}.window-bottom .icon{width:12px;height:12px}.hero-play{width:49px;height:49px}.hero-play svg{width:21px;height:21px}.image-caption{left:14px;bottom:17px;font-size:11px}.visual-note{font-size:10px;gap:8px;margin-top:20px}.visual-plus{font-size:21px}.loop-inner{gap:8px;padding-block:17px}.loop-label{font-size:7px}.loop-inner>span:not(.loop-label){font-size:9px;letter-spacing:0}.loop-inner b{font-size:8px;margin-right:4px}.loop-inner>i{font-size:10px}.section-heading{margin-bottom:27px;gap:12px;align-items:flex-start}.section-index{font-size:8px;letter-spacing:.04em;white-space:nowrap}.section-kicker{font-size:8px;text-align:right;max-width:140px}.about-layout{grid-template-columns:1fr;gap:28px}.about-layout h2,h2{font-size:31px;line-height:1.4}.about-layout .text-link{margin-top:16px}.about-copy p{font-size:12px;line-height:1.95;margin-bottom:14px}.principles{margin-top:27px;grid-template-columns:1fr;gap:16px;padding-top:23px}.principles>div{padding-top:0;gap:15px;flex-wrap:nowrap}.principles strong{font-size:11px;white-space:nowrap}.principles>div>span:last-child{padding:0;margin:0;font-size:9px;width:auto}.principle-number{font-size:9px}.capability-status{font-size:8px;gap:5px}.capability-status .status-dot{width:3px;height:3px}.capability-heading{display:block;margin-bottom:27px}.capability-heading>p{max-width:none;width:auto;font-size:12px;margin-top:17px}.capability-grid{grid-template-columns:1fr}.capability{padding:25px 22px 20px}.capability+.capability{border-left:0;border-top:1px solid #34412c}.capability-top{margin-bottom:19px}.capability-top>span{font-size:9px}.capability-top>.icon{width:23px;height:23px}.capability h3{font-size:18px}.capability>p{font-size:12px;margin-bottom:19px}.capability-detail{font-size:10px;padding-top:13px}.capability-note{flex-wrap:wrap;gap:10px;align-items:flex-start}.capability-note>.icon{width:17px;height:17px}.capability-note>p{max-width:calc(100% - 30px);font-size:9px}.capability-note>a{margin-left:27px;font-size:10px}.matches-heading{gap:12px;margin-bottom:24px}.matches-heading h2{font-size:28px;letter-spacing:-.055em}.matches-heading p{font-size:11px}.replay-layout{grid-template-columns:1fr;gap:24px}.replay-caption{margin-top:16px}.replay-caption h3{font-size:20px}.match-category{font-size:8px}.match-description{font-size:11px;min-height:0;margin-top:11px}.playlist{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:12px}.playlist-heading{grid-column:1/-1;padding:2px 0 12px;margin-bottom:3px}.playlist-heading>span:last-child{font-size:8px}.match-item{flex-wrap:wrap;padding:9px;gap:9px;margin:0;align-content:start}.match-thumb{width:100%;aspect-ratio:16/9}.match-info{flex:1}.match-number{font-size:8px;margin-bottom:5px}.match-number>span{font-size:8px}.match-info>strong{font-size:10px}.match-item>.icon{width:13px;height:13px;align-self:center}.match-item.active:before{top:10px;bottom:10px}.playlist-note{grid-column:1/-1;margin:9px 0 1px;padding-top:12px;font-size:9px}.start-copy>p{font-size:12px;margin-top:17px}.start-steps{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.start-steps li{gap:12px;margin:0}.start-steps li>span{font-size:9px;padding:6px 5px}.start-steps strong{font-size:12px}.start-steps p{font-size:10px}.start-copy>.text-link{font-size:11px}.terminal{box-shadow:4px 4px 0 #1a2512}.terminal-top{font-size:8px;height:35px}.terminal-tabs>button{font-size:9px;padding:12px 15px}.terminal-code-wrap{padding:18px 15px 22px;min-height:217px}.terminal pre{font-size:10px;line-height:2.1;margin-top:28px}.terminal-bottom{font-size:8px;padding-inline:12px}.terminal-bottom>span:last-child{font-size:8px}.repository-links{grid-template-columns:1fr;gap:12px}.source-layout{gap:23px}.source-layout p{font-size:12px}.source-layout .source-secondary{font-size:10px}.repository-links>a{padding:19px 15px;gap:13px;align-items:center}.repo-icon{width:37px;height:37px}.repo-label{font-size:7px}.repository-links strong{font-size:12px}.repo-description{font-size:9px}.repository-links>a>.icon{position:static;margin-left:auto;width:15px;height:15px}.footer-inner{gap:20px;justify-content:space-between}.footer-brand{font-size:17px}.footer-inner>span{width:100%;order:4;font-size:9px}.footer-inner>a:nth-last-child(2){margin-left:0;font-size:9px}.back-top{display:none}.site-footer{padding-block:25px}}
@media(max-width:600px){.hero-visual:before{inset:-20px -8px -5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}