:root{--bg:#fff;--bg-soft:#f8f6f1;--card:#fff;--ink:#172033;--ink-2:#4b5468;--ink-3:#666e7e;--line:#e9e4da;--line-2:#dcd5c7;--accent:#1f3d66;--accent-soft:#e9eef6;--btn:#1f3d66;--btn-hover:#28507f;--navy-deep:#152c4d;--gold:#e0b25c;--gold-ink:#8a6420;--gold-soft:#f6ecd8;--mark:#f1dcaa;--screen:#0d1520;--glass:#fffffff0;--shadow:0 1px 2px #152c4d0d, 0 2px 6px #152c4d0d;--shadow-up:0 28px 56px -22px #152c4d52, 0 4px 10px -4px #152c4d14;--shadow-media:0 0 0 1px #152c4d14, 0 30px 60px -30px #152c4d73;--blob-1:#d3dfef;--blob-2:#f3e5c8;--blob-3:#dde6f2;--dots:#1f3d6624;--r:20px;--r-media:16px;--wrap:1160px;--ease:cubic-bezier(.16, 1, .3, 1);--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0e141e;--bg-soft:#141c28;--card:#172131;--ink:#e8ecf3;--ink-2:#b3bccb;--ink-3:#8e98aa;--line:#253043;--line-2:#33405a;--accent:#9dbbe6;--accent-soft:#1b2a40;--btn:#3b6aa6;--btn-hover:#4a7bb8;--gold-ink:#e0b25c;--gold-soft:#2c2416;--mark:#e0b25c4d;--glass:#172131eb;--shadow:0 1px 2px #0006;--shadow-up:0 24px 50px -20px #000000b3;--shadow-media:0 0 0 1px #ffffff0f, 0 30px 60px -30px #000c;--blob-1:#1c3253;--blob-2:#3a2e18;--blob-3:#172a45;--dots:#9dbbe61a}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 17px/1.8 var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px;text-decoration-thickness:1.5px}.wrap{width:min(100% - 40px, var(--wrap));margin-inline:auto}.grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.glow{z-index:-1;pointer-events:none;position:absolute;inset:-80px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.glow i{filter:blur(72px);opacity:.7;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.glow i:first-child{background:var(--blob-1);width:540px;height:540px;top:30px;right:4%}.glow i:nth-child(2){background:var(--blob-2);width:400px;height:400px;animation-delay:-6s;top:240px;right:30%}.glow i:nth-child(3){background:var(--blob-3);width:360px;height:360px;animation-delay:-12s;top:360px;right:-4%}.glow:after{content:"";background-image:radial-gradient(var(--dots) 1px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(60% 70% at 70% 40%,#000 20%,#0000 75%)}.glow.low i{opacity:.5}@keyframes drift{to{transform:translate(-60px,40px)scale(1.08)}}.top{z-index:20;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s;position:sticky;top:0}.top.scrolled{background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:saturate(1.5)blur(16px);border-bottom-color:var(--line)}.top-in{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{letter-spacing:.06em;white-space:nowrap;flex:none;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.brand svg{width:30px;height:30px;color:var(--btn);flex:none}.top nav{color:var(--ink-2);white-space:nowrap;align-items:center;gap:26px;font-size:15px;display:flex}.top nav .nav{padding:6px 0;transition:color .25s;position:relative}.top nav .nav:after{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .4s var(--ease);border-radius:2px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.top nav .nav:hover,.top nav .nav.on{color:var(--ink)}.top nav .nav.on:after{transform:none}.pill-btn{background:var(--btn);color:#fff;transition:transform .3s var(--ease), box-shadow .3s, background-color .3s;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-weight:600;display:inline-flex}.pill-btn:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 8px 20px -8px #152c4d8c}.pill-btn[aria-current]{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--gold)}.btn{letter-spacing:.02em;cursor:pointer;transition:transform .35s var(--ease), box-shadow .35s var(--ease), background-color .3s, color .3s;border:0;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;display:inline-flex}.btn i{transition:transform .35s var(--ease);font-style:normal}.btn:hover i{transform:translate(3px)}.btn.down:hover i{transform:translateY(3px)}.btn.primary{background:var(--btn);color:#fff;box-shadow:0 12px 26px -14px #152c4dbf}.btn.primary:hover{background:var(--btn-hover);transform:translateY(-2px)}.btn.gold{background:var(--gold);color:var(--navy-deep);box-shadow:0 14px 30px -14px #0009}.btn.gold:hover{background:#ebc479;transform:translateY(-2px)}.btn.line{color:#fff;box-shadow:inset 0 0 0 1.5px #fff6}.btn.line:hover{background:#ffffff1a;transform:translateY(-2px)}.sec{padding-top:112px;scroll-margin-top:72px}.sec-head{align-items:end;margin-bottom:44px}.sec-head>div{grid-column:1/span 6}.sec-head>p{color:var(--ink-2);grid-column:7/-1}.label{letter-spacing:.14em;color:var(--gold-ink);align-items:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:600;display:inline-flex}.label:before{content:"";background:var(--gold);border-radius:2px;width:22px;height:2px}h2{letter-spacing:.01em;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.25}.tag{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);letter-spacing:.04em;color:var(--accent);border-radius:999px;padding:2px 11px;font-size:13px;font-weight:600;line-height:1.7;display:inline-block}.tag.opt{background:var(--gold-soft);box-shadow:none;color:var(--gold-ink)}.hero{isolation:isolate;padding:64px 0 104px;position:relative}.hero .grid{align-items:center}.copy{grid-column:1/span 6}.eyebrow{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:14px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e0b25c33}h1{z-index:0;letter-spacing:.01em;font-weight:700;position:relative}.hero h1{margin-top:22px;font-size:clamp(40px,5.6vw,66px);line-height:1.16}.hl{color:var(--accent);white-space:nowrap;position:relative}.hl:after{content:"";z-index:-1;background:var(--mark);transform-origin:0;height:.26em;transition:transform 1.1s var(--ease) .55s;border-radius:.06em;position:absolute;bottom:.1em;left:-.04em;right:-.04em}.js .hl:after{transform:scaleX(0)}.js .in .hl:after{transform:none}.hero .lede{color:var(--ink-2);margin-top:22px;font-size:18.5px}.acts{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.proof{color:var(--ink-2);flex-wrap:wrap;gap:8px 22px;margin-top:28px;font-size:14.5px;display:flex}.proof li{align-items:center;gap:8px;display:flex}.proof svg{width:18px;height:18px;color:var(--gold-ink);flex:none}.stage{grid-column:7/-1;position:relative}.stage .screen{border-radius:var(--r-media);background:var(--screen);box-shadow:var(--shadow-media);overflow:hidden}.stage video{aspect-ratio:16/9;object-fit:cover;width:100%}.stage figcaption{text-align:right;color:var(--ink-3);margin-top:14px;font-size:13.5px}.float{background:var(--glass);backdrop-filter:blur(10px);box-shadow:var(--shadow-up);border-radius:14px;align-items:center;gap:12px;padding:10px 16px 10px 10px;font-size:14px;line-height:1.5;animation:6s ease-in-out infinite bob;display:flex;position:absolute}.float img{object-fit:cover;border-radius:8px;width:84px;height:47px}.float b{font-size:15px;display:block}.float small{color:var(--ink-3);font-size:12.5px}.float.f1{bottom:18px;left:-20px}.float.f2{animation-delay:-3s;top:-30px;right:-20px}@keyframes bob{50%{transform:translateY(-8px)}}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.tile{border-radius:var(--r);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);transition:transform .5s var(--ease), box-shadow .5s var(--ease);flex-direction:column;gap:10px;padding:28px 28px 0;display:flex;position:relative;overflow:hidden}a.tile:hover{box-shadow:inset 0 0 0 1px var(--line-2), var(--shadow-up);transform:translateY(-4px)}.tile .tag{align-self:flex-start}.tile h3{align-items:center;gap:12px;font-size:24px;font-weight:700;line-height:1.3;display:flex}.tile h3 .ico{background:var(--card);width:48px;height:48px;box-shadow:var(--shadow);color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.tile p{color:var(--ink-2);font-size:15.5px;line-height:1.75}.tile .pic{margin-top:auto;padding-top:18px;display:block}.tile .pic img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .7s var(--ease);border-radius:12px 12px 0 0;box-shadow:0 0 0 1px #152c4d12,0 -10px 30px -12px #152c4d47}a.tile:hover .pic img{transform:translateY(-6px)scale(1.02)}.tile:nth-child(-n+2){grid-column:span 6}.tile:nth-child(n+3){grid-column:span 4}.tile.game{background:radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--gold) 34%, var(--bg-soft)) 0%, color-mix(in srgb, var(--gold) 12%, var(--bg-soft)) 45%, var(--bg-soft) 100%)}.tile .zone{box-sizing:content-box;aspect-ratio:16/9;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.tile .glyph{gap:10px;display:flex}.tile .glyph span{background:var(--card);width:52px;height:52px;box-shadow:var(--shadow);color:var(--accent);border-radius:14px;place-items:center;display:grid}.tile .glyph span:nth-child(2){color:var(--gold-ink)}.tile small{color:var(--ink-3);font-size:13.5px}.route{--ln:color-mix(in srgb, var(--accent) 62%, var(--bg));--gap:14px;border-radius:var(--r);border:1.5px dashed color-mix(in srgb, var(--gold) 75%, transparent);background:color-mix(in srgb, var(--gold-soft) 45%, var(--bg));margin:52px 0 0;padding:32px 32px 22px;position:relative}.rn,.route-game{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:14px}.route-game{flex-wrap:wrap;align-items:center;gap:6px 10px;padding:11px 18px;line-height:1.5;display:flex;position:absolute;top:0;left:28px;transform:translateY(-50%)}.route-game svg{color:var(--gold-ink);flex:none}.route-game b{font-size:18px}.route-game small{color:var(--ink-2);font-size:14px}.route-row{grid-template-columns:auto minmax(72px,170px) auto minmax(96px,180px) auto;justify-content:center;align-items:center;display:grid}.route-fork{gap:var(--gap);display:grid}.rn{min-width:156px;padding:11px 16px 12px}.rn .k{letter-spacing:.12em;color:var(--gold-ink);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.rn .no{background:var(--btn);color:#fff;letter-spacing:0;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.rn .t{color:var(--ink);align-items:center;gap:9px;margin-top:6px;font-size:18px;font-weight:700;line-height:1.4;display:flex}.rn .t svg{color:var(--accent);flex:none}.rn .t .acc{color:var(--gold)}.rn .d{color:var(--ink-2);margin-top:1px;font-size:14px;line-height:1.6}.rn .who{border-left:1px solid var(--line-2);color:var(--ink-3);margin-left:10px;padding-left:10px}.rc{border-top:2px solid var(--ln);margin:0 12px;position:relative}.rc:after,.rf .b:after{content:"";background:var(--ln);clip-path:polygon(0 0,100% 50%,0 100%);width:11px;height:12px;position:absolute;top:-7px;right:-1px}.rf{align-self:stretch;margin:0 12px;position:relative}.rf i{position:absolute}.rf .s{border-top:2px solid var(--ln);width:42%;top:50%;left:0}.rf .v{left:42%;top:calc((100% - var(--gap)) / 4);bottom:calc((100% - var(--gap)) / 4);border-left:2px solid var(--ln);margin-bottom:-2px}.rf .b{border-top:2px solid var(--ln);left:42%;right:0}.rf .b1{top:calc((100% - var(--gap)) / 4)}.rf .b2{top:calc(100% - (100% - var(--gap)) / 4)}.flow-note{color:var(--ink-2);margin-top:20px}.basis{color:var(--ink-3);margin-top:10px;font-size:14.5px;line-height:1.85}.hub{margin-top:56px}.switch{align-items:start}.steps{flex-direction:column;grid-column:1/span 5;gap:8px;display:flex}.pick{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;grid-template-columns:40px 1fr;gap:2px 14px;width:100%;padding:18px 20px;transition:background-color .35s,box-shadow .35s;display:grid}.pick:hover{background:var(--bg-soft)}.pick[aria-pressed=true]{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-up)}.pick .n{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;grid-row:span 3;place-items:center;font-size:17px;font-weight:700;transition:background-color .35s,color .35s;display:grid}.pick[aria-pressed=true] .n{background:var(--btn);color:#fff}.pick .nm{align-items:baseline;gap:10px;font-size:19px;font-weight:700;line-height:1.5;display:flex}.pick .nm small{letter-spacing:.08em;color:var(--ink-3);font-size:13px;font-weight:600}.pick .ln{color:var(--ink-2);font-size:15px;line-height:1.7}.pick .ss{color:var(--ink-3);font-size:13.5px;line-height:1.7}.steps .fork{color:var(--ink-3);margin:6px 20px;padding-left:54px;font-size:14px;line-height:1.7;position:relative}.steps .fork:before{content:"";background:linear-gradient(var(--line), var(--gold), var(--line));border-radius:2px;width:2px;position:absolute;top:-6px;bottom:-6px;left:19px}.view{grid-column:6/-1;position:sticky;top:96px}.shots{aspect-ratio:16/9;border-radius:var(--r-media);background:var(--screen);box-shadow:var(--shadow-media);display:block;position:relative;overflow:hidden}.shots picture{opacity:0;transition:opacity .55s var(--ease), transform .9s var(--ease);position:absolute;inset:0;transform:scale(1.03)}.shots picture.on{opacity:1;transform:none}.shots img{object-fit:cover;width:100%;height:100%}.view .go{color:var(--ink-2);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:15px;display:flex}.view .cur{color:var(--ink);font-weight:600}.view .more{color:var(--accent);font-weight:600}.view .more i{transition:transform .35s var(--ease);font-style:normal;display:inline-block}.view .more:hover i{transform:translate(3px)}.path-m{gap:18px;display:none}.path-m .fork{color:var(--ink-2);font-size:15px}.game-note{border-radius:var(--r);background:linear-gradient(var(--card), var(--card)) padding-box, linear-gradient(120deg, var(--gold), color-mix(in srgb, var(--gold) 30%, var(--line)) 50%, var(--accent)) border-box;border:1.5px solid #0000;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;margin-top:28px;padding:24px 28px;display:grid}.game-note .head{flex-direction:column;grid-column:1/span 3;gap:6px;display:flex}.game-note .meta{letter-spacing:.1em;color:var(--ink-3);align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.game-note b{font-size:21px}.game-note .body{color:var(--ink-2);grid-column:4/-1;font-size:15.5px}.game-note .body small{color:var(--ink-3);margin-top:4px;font-size:13.5px;display:block}.drivers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.drivers li{background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:22px 22px 20px;display:flex}.drivers .n{letter-spacing:.1em;color:var(--gold-ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.drivers .q{font-size:17.5px;font-weight:700;line-height:1.6}.drivers .t{color:var(--ink-3);margin-top:auto;font-size:14px}.sub{color:var(--ink-2);margin:36px 0 18px}.examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.examples>div{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:16px;padding:20px 22px}.examples .k{align-items:baseline;gap:10px;margin-bottom:6px;font-weight:700;display:flex}.examples .k small{letter-spacing:.06em;color:var(--gold-ink);font-size:13px;font-weight:600}.examples p{color:var(--ink-2);font-size:15.5px;line-height:1.75}.closing{color:var(--ink-2);margin-top:20px}.end{padding:112px 0 120px}.end-card{color:#fff;isolation:isolate;background:radial-gradient(120% 160% at 88% 0,#2d5689 0%,#1f3d66 46%,#152c4d 100%);border-radius:28px;justify-content:space-between;align-items:center;gap:24px 32px;padding:32px 48px;display:flex;position:relative;overflow:hidden}.end-card:before,.end-card:after{content:"";z-index:-1;border:1px solid #e0b25c47;border-radius:50%;position:absolute}.end-card:before{width:420px;height:420px;top:-190px;right:-110px}.end-card:after{width:260px;height:260px;top:-110px;right:-30px}.end-card .label{color:var(--gold)}.end-card h2{font-size:clamp(24px,3vw,38px)}.end-card .sub{color:#ffffffbd;margin-top:10px;font-size:16px}.end-card .acts{flex:none;margin:0}.st-head{isolation:isolate;padding:36px 0 0;position:relative}.st-route{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:40px;font-size:14.5px;display:flex}.st-route .grp{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.st-route .hub-link{box-shadow:none;color:var(--accent);text-underline-offset:4px;background:0 0;padding:0;font-weight:600;text-decoration:underline #0000;transition:text-decoration-color .3s}.st-route .hub-link:hover{box-shadow:none;text-decoration-color:var(--gold)}.st-route a{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;transition:box-shadow .3s,color .3s,background-color .3s;display:inline-flex}.st-route a:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2), var(--shadow)}.st-route .n{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.st-route a[aria-current]{background:var(--btn);box-shadow:none;color:#fff;font-weight:600}.st-route a[aria-current] .n{color:#fff;background:#ffffff2e}.st-intro{align-items:end}.st-intro>div:first-child{grid-column:1/span 5}.st-intro>div:last-child{grid-column:6/-1}.st-step{letter-spacing:.12em;color:var(--gold-ink);align-items:center;gap:12px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.st-step span+span{color:var(--ink-3)}.st-head h1{font-size:clamp(38px,5vw,60px);line-height:1.15}.st-intro .label{margin-bottom:8px}.st-intro p:last-child{color:var(--ink-2)}.st-notes{row-gap:16px;margin-top:36px}.st-notes>div{background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-column:span 6;padding:22px 26px}.st-notes .label{margin-bottom:6px}.st-notes p:last-child{color:var(--ink-2)}.exhibit{flex-direction:column;gap:36px;margin-top:48px;display:flex}.vids{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.replays{flex-direction:column;gap:20px;display:flex}.tapes{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 20px;display:grid}.tapes .label{margin:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);cursor:pointer;border:0;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:600;line-height:1.6;transition:box-shadow .3s,color .3s,background-color .3s}.chips button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2), var(--shadow)}.chips button[aria-pressed=true]{background:var(--btn);box-shadow:none;color:#fff;cursor:default}.tapes .notes{grid-column:2;display:grid}.tapes .notes p{color:var(--ink-2);opacity:0;visibility:hidden;transition:opacity .35s var(--ease), transform .5s var(--ease), visibility 0s .5s;grid-area:1/1;transform:translateY(4px)}.tapes .notes p.on{opacity:1;visibility:visible;transition-delay:.12s,.12s,0s;transform:none}.more-ep{color:var(--ink-2)}.more-ep .link{display:inline-block}.next{margin-top:88px}.next .label{margin-bottom:18px}.next .fork{color:var(--ink-2);margin:-4px 0 18px}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.next .game-note{margin-top:0}main>.next:last-child{padding-bottom:120px}.media .frame{aspect-ratio:16/9;border-radius:var(--r-media);background:var(--screen);box-shadow:var(--shadow-media);position:relative;overflow:hidden}.media .frame img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.media .frame:hover img{transform:scale(1.02)}.media .play{color:#1f3d66;cursor:pointer;width:76px;height:76px;transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#fffffff2;border:0;border-radius:50%;place-items:center;margin:auto;padding:0 0 0 5px;display:grid;position:absolute;inset:0;box-shadow:0 0 0 8px #ffffff29,0 10px 30px #0000004d}.media .frame:hover .play{transform:scale(1.06);box-shadow:0 0 0 12px #ffffff24,0 12px 34px #00000052}.media.loading .play{cursor:progress;animation:1.3s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.78;transform:scale(.93)}}.media iframe{opacity:0;width:100%;height:100%;transition:opacity .45s var(--ease);border:0;position:absolute;inset:0}.media.playing iframe{opacity:1}.media .bar{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:14px 4px 0;font-size:14px;display:flex}.media .bar .cap{color:var(--ink);font-size:15px;font-weight:600}.media .bar .sp{flex:1}.media .bar a,.media .bar .full{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.media .bar a:hover,.media .bar .full:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.media .badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 11px;font-size:13px;font-weight:600}.media .full{opacity:0;pointer-events:none;transition:opacity .3s}.media.playing .full{opacity:1;pointer-events:auto}.media.nofull .full{display:none}.media .frame:fullscreen{border-radius:0}.web-grid{align-items:start}.web-grid>.shotlink{grid-column:1/span 7;position:sticky;top:96px}.web-grid>.entries{grid-column:8/-1}.shotlink{border-radius:var(--r-media);box-shadow:var(--shadow-media);transition:transform .5s var(--ease), box-shadow .5s var(--ease);display:block;overflow:hidden}.shotlink img{width:100%;transition:transform .8s var(--ease)}.shotlink:hover{box-shadow:var(--shadow-media), var(--shadow-up);transform:translateY(-3px)}.entries{flex-direction:column;gap:10px;display:flex}.entries a{background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);transition:transform .4s var(--ease), box-shadow .4s var(--ease), background-color .3s;border-radius:14px;grid-template-columns:1fr auto;gap:2px 14px;padding:16px 18px;display:grid}.entries a:hover{background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2), var(--shadow-up);transform:translateY(-2px)}.entries .layer{grid-column:1/-1;justify-self:start;margin-bottom:4px}.entries .title{font-weight:700;line-height:1.6}.entries .claim{color:var(--ink-2);grid-column:1;font-size:14.5px;line-height:1.7}.entries .fine{color:var(--ink-3);grid-column:1;font-size:13.5px}.entries .arrow{color:var(--ink-3);transition:transform .35s var(--ease), color .3s;grid-area:2/2;align-self:center}.entries a:hover .arrow{color:var(--accent);transform:translate(2px,-2px)}.card{border-radius:var(--r);background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);transition:transform .5s var(--ease), box-shadow .5s var(--ease);flex-direction:column;display:flex;overflow:hidden}a.card:hover{box-shadow:inset 0 0 0 1px var(--line-2), var(--shadow-up);transform:translateY(-4px)}.card .shot{aspect-ratio:16/9;background:var(--screen);display:block;overflow:hidden}.card .shot img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}a.card:hover .shot img{transform:scale(1.03)}.card .body{flex-direction:column;flex:1;gap:8px;padding:22px 24px;display:flex}.card .body>span{display:block}.card .meta{letter-spacing:.1em;color:var(--ink-3);align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex!important}.card .step{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);letter-spacing:0;border-radius:9px;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.card .name{font-size:21px;font-weight:700;line-height:1.4}.card .line{color:var(--ink-2);font-size:15.5px;line-height:1.75}.card .status{border-top:1px solid var(--line);color:var(--ink-3);margin-top:auto;padding-top:12px;font-size:14px}.card .go{color:var(--accent);font-size:15px;font-weight:600}.card .go i{transition:transform .35s var(--ease);font-style:normal;display:inline-block}a.card:hover .go i{transform:translate(3px)}.card.row{flex-direction:row}.card.row .shot{aspect-ratio:auto;flex:0 0 46%}.card.row .body{padding:26px 30px}.page-head{isolation:isolate;padding:64px 0 0;position:relative}.page-head h1{margin-top:22px;font-size:clamp(38px,5vw,60px);line-height:1.15}.page-head .lede{max-width:34em;color:var(--ink-2);margin-top:18px;font-size:18.5px}.timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(90deg, var(--accent), var(--gold));opacity:.35;height:2px;position:absolute;top:20px;left:20px;right:calc(33.3333% - 36px)}.timeline a{flex-direction:column;gap:4px;padding-top:56px;transition:color .3s;display:flex;position:relative}.timeline .dot{background:var(--btn);color:#fff;width:40px;height:40px;box-shadow:0 0 0 6px var(--bg);transition:transform .35s var(--ease);border-radius:12px;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.timeline a:hover .dot{transform:translateY(-2px)}.timeline .k{letter-spacing:.12em;color:var(--gold-ink);font-size:14px;font-weight:600}.timeline .t{font-size:19px;font-weight:700;line-height:1.5}.timeline a:hover .t{color:var(--accent)}.phases{flex-direction:column;gap:24px;margin-top:72px;display:flex}.phase{--pt:clamp(22px, 2.4vw, 28px);grid-template-columns:calc(var(--pt) * 9.3) minmax(0, 1fr);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;column-gap:48px;padding:40px 40px 28px;scroll-margin-top:88px;display:grid}.ph-head{flex-direction:column;align-items:flex-start;display:flex}.ph-no{letter-spacing:.08em;color:var(--gold-ink);align-items:center;gap:12px;margin-bottom:12px;font-size:18px;font-weight:700;display:inline-flex}.ph-no:before{content:"";background:var(--gold);border-radius:2px;width:28px;height:2px}.phase h2{font-size:var(--pt)}.ph-dims{flex-wrap:wrap;gap:14px 30px;margin-top:28px;padding:0;list-style:none;display:flex}.ph-dims li{flex-direction:column;align-items:center;gap:10px;width:64px;display:flex}.ph-dims .ico{background:var(--card);width:64px;height:64px;box-shadow:var(--shadow);color:var(--accent);border-radius:18px;place-items:center;display:grid}.ph-dims svg,.tile h3 svg{stroke-width:1.6px}.ph-dims .acc,.tile h3 .acc{color:var(--gold)}.ph-dims .nm{white-space:nowrap;color:var(--ink-2);font-size:14.5px;font-weight:600;line-height:1.5}.phase dl>div{border-top:1px solid var(--line);grid-template-columns:4.4em 1fr;gap:4px 16px;padding:14px 0;display:grid}.phase dl>div:first-child{border-top:0;padding-top:4px}.phase dt{color:var(--gold-ink);padding-top:2px;font-size:14.5px;font-weight:600}.phase dd{color:var(--ink-2)}.ph-path{border-top:1px solid var(--line);grid-column:-2;margin-top:2px;padding-top:18px}.path-toggle{display:none}.js .path-toggle{cursor:pointer;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--accent);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:600;line-height:1.6;display:inline-flex}.js .path-toggle:hover{box-shadow:inset 0 0 0 1px var(--accent);transform:translateY(-1px)}.path-toggle svg{transition:transform .45s var(--ease)}.path-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.path-panel{grid-template-rows:1fr;display:grid}.js .path-panel{opacity:0;transition:grid-template-rows .55s var(--ease), opacity .4s ease;grid-template-rows:0fr}.js .path-panel.open{opacity:1;grid-template-rows:1fr}.path-in{min-height:0;overflow:hidden}.path-lede{color:var(--ink-2);padding-top:18px}.path-steps{flex-direction:column;gap:22px;margin-top:22px;padding-bottom:10px;display:flex}.path-steps li{grid-template-columns:30px minmax(0,1fr);gap:14px;display:grid}.path-steps .no{background:var(--btn);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;margin-top:2px;font-size:15px;font-weight:700;display:grid}.path-steps h3{font-size:17.5px;line-height:1.7}.path-steps h3 .tag{vertical-align:2px;margin-left:10px}.path-steps p{color:var(--ink-2)}.path-steps .ex{color:var(--ink-3);margin-top:6px;font-size:15px}.path-steps .ex .k{color:var(--gold-ink);font-weight:600}.callout{background:var(--gold-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent);border-radius:24px;margin-top:24px;padding:32px 40px}.callout h2{margin-bottom:8px;font-size:clamp(21px,2.3vw,26px)}.callout p{color:var(--ink-2)}.faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.faq>div{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:16px;padding:24px 26px}.faq dt{font-size:17.5px;font-weight:700;line-height:1.6}.faq dd{color:var(--ink-2);margin-top:8px}.contact{background:var(--card);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:24px;margin-top:24px;padding:28px 40px}.contact h2{margin-bottom:8px;font-size:clamp(21px,2.3vw,26px)}.contact p+p{color:var(--ink-2);margin-top:10px}.contact .ways{margin-top:12px}.contact .ways .k{min-width:4em;color:var(--ink-3);margin-right:12px;display:inline-block}.contact .ways .v{user-select:all;font-weight:700}.contact .ways .note{color:var(--ink-3);margin-left:12px;font-size:15px}.contact:has(.contact-qr){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.contact-qr{width:124px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:12px;margin-inline:auto;padding:8px}.ph-body{padding-bottom:120px}.contact{scroll-margin-top:88px}.contact-more{color:var(--ink-3);margin-top:12px;font-size:15px}.letter-head .lede{max-width:30em}.letter-head .quick{color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:22px;font-size:16px;display:flex}.letter-head .quick .v{color:var(--ink);user-select:all;margin-right:12px;font-weight:700}.letter{padding:56px 0 120px;font-size:18px;line-height:1.95}.letter>*{max-width:42em}.letter>p+p,.letter section p+p{margin-top:1.1em}.letter>section{margin-top:56px}.letter h2{margin-bottom:18px;font-size:clamp(22px,2.4vw,28px)}.letter .sub{margin-top:32px}.letter h3{margin-bottom:10px;font-size:19px;line-height:1.6}.letter .go{color:var(--ink-3);margin-top:14px;font-size:16px}.letter .contact{margin-top:64px}.letter .sign{text-align:right;color:var(--ink-2);margin-top:36px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.top{view-transition-name:site-top}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:ease}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js [data-reveal].in{opacity:1;transform:none}@media (width<=960px){.grid{grid-template-columns:minmax(0,1fr)}.grid>*{grid-column:1/-1!important}.hero{padding:40px 0 72px}.hub{margin-top:40px}.stage{margin-top:56px}.float.f1{bottom:26px;left:8px}.float.f2{right:8px}.sec{padding-top:80px}.sec-head{margin-bottom:32px}.sec-head>p{margin-top:14px}.bento{grid-template-columns:minmax(0,1fr)}.bento>.tile{grid-column:1/-1}.route{padding:64px 18px 22px}.route-game{max-width:calc(100% - 28px);padding:10px 16px;left:14px}.route-row{grid-template-columns:minmax(0,1fr);justify-content:stretch}.route-fork{grid-template-columns:repeat(2,minmax(0,1fr))}.rc{border-top:0;border-left:2px solid var(--ln);justify-self:center;width:0;height:34px;margin:0}.rc:after,.rf .b:after{clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:11px;inset:auto auto -1px -7px}.rf{height:44px;margin:0}.rf .s{border-top:0;border-left:2px solid var(--ln);width:0;height:42%;top:0;left:50%}.rf .v{top:42%;bottom:auto;left:calc((100% - var(--gap)) / 4);right:calc((100% - var(--gap)) / 4);border-left:0;border-top:2px solid var(--ln);margin:0 -2px 0 0}.rf .b{border-top:0;border-left:2px solid var(--ln);top:42%;bottom:0;right:auto}.rf .b1{left:calc((100% - var(--gap)) / 4)}.rf .b2{left:calc(100% - (100% - var(--gap)) / 4)}.rn{min-width:0;padding:11px 14px 12px}.rn .who{border:0;margin:0;padding:0;display:block}.switch{display:none}.path-m{display:grid}.game-note .head,.game-note .body{grid-column:1/-1}.game-note .body{margin-top:8px}.drivers{grid-template-columns:repeat(2,minmax(0,1fr))}.examples{grid-template-columns:minmax(0,1fr)}.end{padding:80px 0 88px}.end-card{flex-direction:column;align-items:flex-start;padding:24px}.st-route{margin-bottom:28px}.st-intro .label{margin-top:20px}.vids,.pair{grid-template-columns:minmax(0,1fr)}.web-grid>.shotlink{position:static}.web-grid>.entries{margin-top:24px}.card.row{flex-direction:column}.card.row .shot{aspect-ratio:16/9}.next{margin-top:64px}.timeline{grid-template-columns:minmax(0,1fr);gap:20px}.timeline:before{background:linear-gradient(var(--accent), var(--gold));width:2px;height:auto;inset:20px auto 20px 19px}.timeline a{min-height:40px;padding:6px 0 0 60px}.phases{margin-top:48px}.phase{grid-template-columns:minmax(0,1fr);padding:28px 22px 16px}.ph-dims{margin-top:20px}.ph-dims li{width:56px}.ph-dims .ico{border-radius:16px;width:56px;height:56px}.phase dl{margin-top:20px}.faq{grid-template-columns:minmax(0,1fr)}.callout,.contact{padding:26px 22px}}@media (width<=560px){.tapes{grid-template-columns:minmax(0,1fr)}.tapes .notes{grid-column:1}body{font-size:16px}.top nav{gap:12px;font-size:14px}.brand{letter-spacing:.04em;gap:8px;font-size:16px}.pill-btn span{display:none}.drivers,.phase dl>div{grid-template-columns:minmax(0,1fr)}.pill-btn{padding:7px 13px}.float img{width:64px;height:36px}.contact:has(.contact-qr){grid-template-columns:minmax(0,1fr);gap:20px}.contact .ways .note{margin:4px 0 0 calc(4em + 12px);display:block}}@media (width<=440px){.top-in:has(nav>:nth-child(4)) .brand span{display:none}}@media print{.js .path-toggle{display:none}.js .path-panel{opacity:1;grid-template-rows:1fr}.js [data-reveal]{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}.js .hl:after{transition:none;transform:none}.glow i,.float,.media.loading .play{animation:none}*,:before,:after{transition-duration:0s!important}}