/* Session menu theme. Base stylesheet supplies the shared layout and typography. */
:root{--paper:#101314;--ink:#edf0e8;--muted:#a6ada7;--green:#c0f55a;--line:#303739;--orange:#ff7f4d;--white:#f4f5ed;--panel:#191e20;--deep:#0b0e0f;color-scheme:dark}
body{background:var(--paper);background-image:radial-gradient(ellipse at 85% 5%,#25302a75,transparent 38%)}
.wrap{max-width:1392px;padding-left:40px;padding-right:40px}
.topbar{background:#101314;border-bottom:1px solid #343d39}.nav{height:77px;gap:31px}.brand{font-size:28px;letter-spacing:-.7px}.brand-mark{color:var(--green);width:27px}.brand span span{color:#8b9690}.navlinks{font-size:12px;gap:30px}.navlinks a{color:#b9c1bb}.navlinks a:hover,.text-link:hover,footer a:hover{color:var(--green)}.nav .button{background:var(--green);color:#142010;border-color:var(--green);font-size:10px;letter-spacing:.08em;transform:skew(-5deg);border-radius:0}.lang{color:#abb7ae;border-color:#424c44}.skip{color:#101314}
.button{border-radius:2px;border-color:#3c4840;background:#242d28;color:var(--white);letter-spacing:.06em}.button:hover{background:#3d4d39;transform:translateY(-2px)}.button.light{border-color:#67755b;color:#eaf1e0;background:#1b221b}.button.light:hover{background:#2c3b22}.button.lime{background:var(--green);color:#162309;border-color:var(--green)}.button.lime:hover{background:#d2ff86}.kicker{font-size:10px;font-weight:600;letter-spacing:.16em;color:#a5b39f}.dot{background:var(--green)}.text-link{font-size:12px;color:var(--green)}
.launch-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:35px 0 26px}.launch-heading .kicker{font-size:9px;color:#bbc4b5;letter-spacing:.17em;gap:8px}.crosshair{font-size:19px;line-height:1;color:var(--green)}.launch-heading h1{font-size:clamp(55px,6.7vw,94px);font-style:italic;letter-spacing:-.035em;margin:8px 0 0;font-weight:800;white-space:nowrap;line-height:.93}.launch-heading h1 span{color:var(--green)}.launch-heading>p{font-size:12px;line-height:1.7;color:#aeb8ae;margin:0 0 3px;min-width:265px}
.launch-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:19px;align-items:start}.game-column{min-width:0}.player-shell{border:1px solid #4b5847;border-radius:3px;box-shadow:0 5px 0 #080b09;background:#0b100d;overflow:hidden}.player-bar{height:39px;padding:0 16px;font:500 9px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;background:#161f19;color:#bac8b4}.player-bar b{font-size:9px}.player-bar .dot{width:5px;height:5px;box-shadow:0 0 8px #bef55a77}.player-bar>span{color:#a4b39a}
.player-stage{aspect-ratio:auto;height:438px;min-height:0;isolation:isolate}.poster{padding:30px 34px;overflow:hidden;background:linear-gradient(90deg,#101c19e8 0%,#16251fa6 40%,#12221d05 75%),linear-gradient(0deg,#08171380,transparent 55%),url('/assets/kenneypark-preview.png') 55% 55%/cover}.poster-lines{pointer-events:none;position:absolute;inset:12px;border:1px solid #d6f2ba25;clip-path:polygon(0 0,25px 0,25px 1px,1px 1px,1px 25px,0 25px,0 0,100% 0,100% 100%,calc(100% - 25px) 100%,calc(100% - 25px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 25px),100% calc(100% - 25px),100% 0)}.poster-content{position:relative;z-index:1;max-width:430px}.poster h2{font-style:italic;font-size:clamp(54px,5.2vw,74px);line-height:.93;letter-spacing:-.025em;margin:0 0 17px}.poster h2 em{font-style:inherit;color:var(--green)}.poster p{font-size:12px;color:#dbe6d5;line-height:1.65;margin-bottom:24px;max-width:260px}.label{border:1px solid #bdf55950;border-radius:0;background:#111c16c4;color:var(--green);transform:rotate(-3deg);font-size:8px;font-weight:600;letter-spacing:.14em;padding:6px 8px;margin-bottom:18px}.launch-button{min-width:248px;justify-content:space-between;padding:18px 21px;font-size:13px;font-weight:800;box-shadow:4px 4px 0 #080d0866;transform:skew(-4deg)}.launch-button:hover{transform:skew(-4deg) translateY(-2px)}.poster small{font-size:9px;color:#b8c9b5;margin-top:13px}.poster-credit{font:500 8px/1.4 'DM Sans',sans-serif;bottom:14px;right:16px;color:#e0e9d7}.map-stamp{position:absolute;right:23px;top:28px;text-align:right;color:white;text-shadow:0 2px 9px #07121099;transform:rotate(3deg)}.map-stamp span{font-size:9px;letter-spacing:.15em;font-weight:700;display:block;margin-bottom:7px}.map-stamp strong{font:800 italic 40px/.92 'Barlow Condensed',sans-serif;display:block;letter-spacing:-.02em}.map-stamp small{font-size:7px;letter-spacing:.09em;display:block;max-width:120px;line-height:1.7;margin-top:8px;color:#e0ecd3}.player-stage.is-active{height:auto;aspect-ratio:16/9;min-height:360px}.player-help{background:#191f1b;border-top:1px solid #3a4936;padding:13px 15px;color:#b8c9af;gap:8px;min-height:43px}.player-help p{font-size:8px;letter-spacing:.04em;color:#a4b69b;display:flex;gap:7px;align-items:center}.status-square{display:inline-block;width:5px;height:5px;border:1px solid #b4cd9f}.player-help nav{font-size:9px;gap:14px}.plain-button{font-size:9px;color:#d5e3cd;line-height:1.5;text-decoration:none}.plain-button:hover,.player-help a:hover{color:var(--green)}.player-notice{font-size:10px;line-height:1.65;padding:12px 1px 0;color:#8f9c91;min-height:39px}.player-notice.error{color:#ffba9e}.player-shell.expanded{border-color:#465d37}.player-shell.expanded .player-stage{height:auto;min-height:0}.player-shell:fullscreen{display:flex;flex-direction:column}.player-shell:fullscreen .player-stage{flex:1;height:auto;aspect-ratio:auto;min-height:0}.player-shell:fullscreen .player-bar,.player-shell:fullscreen .player-help{flex:none}
.session-menu{border:1px solid #353e38;border-radius:3px;background:linear-gradient(155deg,#1e2722,#151b18);min-height:522px;padding:19px 19px 17px;box-shadow:0 5px 0 #0a0e0b}.menu-heading{display:flex;justify-content:space-between;font:600 10px/1.4 'DM Sans',sans-serif;letter-spacing:.13em;color:#b6c5af;border-bottom:1px dashed #43513e;padding-bottom:17px}.menu-heading>span:last-child{color:var(--green);font-size:16px;line-height:10px}.selected-spot{display:flex;align-items:center;gap:9px;margin:19px 0 22px}.spot-icon{width:42px;height:42px;flex:none;background:#293720;color:var(--green);padding:5px;border:1px solid #4a5937}.spot-icon svg{width:100%;height:100%}.selected-spot small{display:block;font-size:7px;letter-spacing:.13em;color:#87987d;line-height:1.5}.selected-spot strong{display:block;font:700 italic 22px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.015em;color:var(--white);margin:2px 0}.selected-spot>div>span{display:block;font-size:8px;color:#a4b498;line-height:1.6}.check-mark{margin-left:auto;font-size:13px;color:var(--green)}.setup-label{display:block;font-size:8px;color:#b8c9ae;letter-spacing:.12em;margin-bottom:10px;font-weight:600}.setup-block{margin-bottom:20px}.setup-block select{border:1px solid #43513b;border-radius:2px;background:#101810;color:#dcebd3;font-size:11px;padding:10px 9px;width:100%;appearance:auto;cursor:pointer}.setup-block select:disabled{opacity:.6;cursor:not-allowed}.setup-hint{font-size:8px;line-height:1.5;margin:7px 0 0;color:#83947b}.input-tabs{display:flex;gap:4px;margin-bottom:10px;padding:3px;background:#0e1510;border:1px solid #303f2c;border-radius:3px}.input-tabs button{flex:1;padding:7px 3px;background:none;color:#8e9c86;border:0;border-radius:1px;font-size:9px}.input-tabs button[aria-pressed=true]{color:#111d0a;background:var(--green);font-weight:700}.mini-control{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin:9px 0;color:#b9c9b0}.mini-control kbd{padding:5px 6px;min-width:20px;font-size:9px;margin:0 2px 0 0;background:#263120;border-color:#47543e;color:#e4f0da;border-bottom-width:2px}.input-reference .text-link{font-size:9px;margin-top:5px;display:flex;justify-content:space-between;color:#bccf9f}.system-readout{border-top:1px dashed #43513e;padding-top:15px;margin-top:4px}.system-readout>div{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:.05em;color:#98aa8b}.system-readout .dot{width:5px;height:5px;background:#91a480}.system-readout .dot.pass{background:var(--green);box-shadow:0 0 8px #bfff6066}.system-readout .dot.fail{background:var(--orange)}.system-readout a{display:block;margin-top:7px;font-size:9px;color:var(--green)}
.session-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:0;padding-bottom:18px;color:#89958d;font-size:10px}.session-footnote p{font-size:10px;margin:0;line-height:1.6}.session-footnote a{white-space:nowrap;color:#a6b59d}.session-ribbon{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4a553e;border-bottom:1px solid #4a553e;padding:15px 0;font:700 11px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.13em;color:#c2d3b4}.session-ribbon>*{display:flex;align-items:center;gap:12px}.session-ribbon>*:before{content:'+';color:var(--green);font:500 16px/1 monospace}.session-ribbon a{color:var(--green)}
.section{padding-top:59px;padding-bottom:59px}.section-head .kicker{font-size:9px}.section-head h2{font-size:49px;font-style:italic}.section-head p{color:#96a393;font-size:12px}.step{border-color:#3f4b3a;position:relative;padding-top:21px}.step-num{font-size:52px;font-style:italic;color:var(--green);opacity:.65;margin-bottom:13px}.step h3{font-style:italic;font-size:29px;margin-bottom:10px}.step p{color:#9fae99;font-size:12px}.steps{gap:40px}.split-section{background:linear-gradient(110deg,#1b241a,#141b16);border-color:#34432d}.split-inner{gap:90px;padding-top:48px;padding-bottom:48px}.split-inner h2{font-style:italic;color:#e3f0d5;font-size:51px}.split-inner p{color:#a5b39c;font-size:12px}.controls{border-color:#48593b}.control-row{border-color:#33442c}.control-row span:last-child{color:#a8b99b}.control-row kbd{background:#263321;border-color:#536547;color:#deedd1}.check-intro h2{font-size:49px;font-style:italic}.check-intro p{color:#a4b09d}.compat-list{border-color:#3b4734}.compat-row{border-color:#303c2a}.compat-row p{color:#97a58f}.badge{background:#263e1c;color:#c8ecad}.badge.amber{background:#3a2e1f;color:#e8c38b}.guides{background:var(--green);color:#17230d;padding:43px 0}.guides .kicker{color:#44572d}.guides h2{font-style:italic;font-size:53px}.guide-card{border-color:#718f3d}.guide-card small{color:#536735}.guide-card h3{font-style:italic;max-width:260px;font-size:33px}.guide-card p{color:#445632}.guide-card .text-link{color:#263c10}.guide-card a:hover{color:#416619}.faq-layout h2{font-style:italic;font-size:51px}.faq-list,details{border-color:#35412f}details p{color:#a5b29d}summary{font-size:13px}.source-note{border-color:#303c2a;color:#84927d;font-size:10px}footer{border-color:#34412d;background:#0b100c}.footer-links{color:#acb9a1}.footer-note{color:#7f8e78}.footer-bottom{color:#8c9a84}.footer-links a:hover{color:var(--green)}
.article{max-width:880px;padding-top:42px}.article h1{font-style:italic;font-size:64px;color:#e9f1e1}.article h2{color:var(--green);font-style:italic}.article h3{font-style:italic}.article .lead{color:#b0bcaa}.article p,.article li{color:#b6c1b0}.article a:not(.button){color:#c3e895}.article .callout{background:#1c2a16;border-color:var(--green)}.article th{background:#25341c;color:#d3e4c3}.article td{color:#b9c5b2}.article th,.article td{border-color:#38462f}.article code{background:#263420;color:#d2e7bf}.article .breadcrumb,.article .date{color:#93a08b}.article .button{background:var(--green);color:#1b2b0d}.article .sources{border-color:#38462f}.sitemap-list{padding:0;list-style:none;border-top:1px solid var(--line)}.sitemap-list li{margin:0;border-bottom:1px solid var(--line)}.sitemap-list a{display:flex;justify-content:space-between;text-decoration:none!important;padding:16px 0}.sitemap-list a:hover{color:white!important}
html[lang='zh-CN'] .launch-heading h1{font-size:65px;font-style:normal;line-height:1.05;letter-spacing:-.04em}html[lang='zh-CN'] .launch-heading h1 span{font-size:.77em}html[lang='zh-CN'] .poster h2{font-size:49px;font-style:normal;line-height:1.15}html[lang='zh-CN'] .section h2,html[lang='zh-CN'] .split-inner h2,html[lang='zh-CN'] .guides h2{font-size:40px;font-style:normal}html[lang='zh-CN'] .step h3,html[lang='zh-CN'] .guide-card h3{font-size:24px;font-style:normal}html[lang='zh-CN'] .article h1{font-style:normal;font-size:49px}
@media(min-width:1600px){.wrap{max-width:1420px}.launch-heading{padding-top:40px;padding-bottom:30px}.player-stage{height:455px}}
@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}.launch-heading h1{font-size:69px}.launch-heading>p{font-size:11px;min-width:220px}.launch-grid{grid-template-columns:minmax(0,1fr) 252px;gap:14px}.session-menu{padding:17px 15px}.poster{padding:27px}.poster h2{font-size:62px}.map-stamp strong{font-size:32px}.map-stamp{right:16px}.navlinks{gap:20px}.session-ribbon{font-size:10px;gap:10px}.session-ribbon>*{gap:7px}html[lang='zh-CN'] .launch-heading h1{font-size:49px}html[lang='zh-CN'] .poster h2{font-size:39px}}
@media(max-width:850px){.nav .button{display:none}.launch-heading{gap:20px}.launch-heading h1{font-size:58px}.launch-heading>p{font-size:10px;min-width:185px}.launch-grid{grid-template-columns:minmax(0,1fr) 223px;gap:12px}.session-menu{padding:16px 12px;min-height:512px}.selected-spot{gap:7px}.spot-icon{width:32px;height:35px}.selected-spot strong{font-size:19px}.selected-spot>div>span{font-size:7px}.setup-block select{font-size:10px}.player-stage{height:428px}.poster{padding:25px 20px;background-position:55% center}.poster h2{font-size:53px}.poster p{font-size:11px}.map-stamp{display:none}.launch-button{min-width:211px;font-size:11px;padding:16px}.poster-credit{font-size:7px}.player-bar{font-size:8px;padding:0 11px}.player-bar b{font-size:8px}.player-help p{display:none}.player-help{justify-content:flex-end}.section-head h2,.check-intro h2,.faq-layout h2{font-size:44px}.split-inner{gap:35px}.split-inner h2{font-size:43px}.steps{gap:25px}.step h3{font-size:26px}html[lang='zh-CN'] .launch-heading{display:block}html[lang='zh-CN'] .launch-heading>p{margin-top:15px}html[lang='zh-CN'] .poster h2{font-size:36px}}
@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.nav{height:65px;gap:10px}.brand{font-size:24px}.brand-mark{width:23px}.navlinks{display:none}.lang{border-left:0;font-size:11px}.launch-heading{display:block;padding-top:27px;padding-bottom:22px}.launch-heading h1{font-size:61px;white-space:normal;line-height:.92;margin-top:12px}.launch-heading h1 span{display:block}.launch-heading .kicker{font-size:8px;gap:7px}.crosshair{font-size:16px}.launch-heading>p{font-size:11px;margin:15px 0 0;max-width:300px;line-height:1.6}.launch-heading>p br{display:none}.launch-grid{grid-template-columns:1fr;gap:17px}.player-stage{height:371px;min-height:0}.player-bar{height:34px;letter-spacing:.05em;font-size:8px}.player-bar b{font-size:8px;letter-spacing:.04em}.poster{padding:24px;background-position:55% center}.poster h2{font-size:57px}.poster p{font-size:11px;margin-bottom:22px}.label{font-size:7px;margin-bottom:17px}.launch-button{min-width:235px;font-size:12px;padding:15px 17px}.poster small{font-size:8px}.poster-credit{font-size:7px;bottom:11px;right:12px}.player-help{padding:11px 12px;min-height:39px;justify-content:flex-end}.player-help nav{font-size:9px;gap:17px}.plain-button{font-size:9px}.player-notice{font-size:9px;padding-top:10px;min-height:0;line-height:1.7}.player-stage.is-active{aspect-ratio:4/3;min-height:270px}.session-menu{min-height:0;padding:17px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 19px}.menu-heading{grid-column:1/-1;font-size:9px;padding-bottom:14px}.selected-spot{grid-column:1/-1;margin:16px 0 18px}.spot-icon{width:39px;height:39px}.selected-spot strong{font-size:23px}.selected-spot small{font-size:8px}.selected-spot>div>span{font-size:9px}.setup-block{margin-bottom:0}.input-reference{grid-column:2;grid-row:3/5}.input-tabs button{font-size:8px;padding:6px 2px}.setup-block select{font-size:9px;padding:9px 3px}.setup-label{font-size:8px;line-height:1.5}.setup-hint{font-size:8px}.mini-control{font-size:9px;margin:9px 0}.mini-control kbd{padding:4px;min-width:16px;font-size:8px;margin-right:1px}.system-readout{grid-column:1;margin-top:14px;padding-top:11px;align-self:end;padding-bottom:5px}.system-readout>div{font-size:7px;letter-spacing:0;gap:5px}.system-readout a{font-size:8px}.session-footnote{padding-top:18px;align-items:start;gap:14px;padding-bottom:18px}.session-footnote p{font-size:9px}.session-footnote a{font-size:9px}.session-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:13px 6px;font-size:9px;padding:16px 0;letter-spacing:.07em}.session-ribbon>*{gap:7px}.section{padding-top:43px;padding-bottom:43px}.section-head h2,.check-intro h2,.faq-layout h2{font-size:41px}.section-head p{font-size:11px}.steps{gap:22px}.step-num{font-size:40px}.step h3{font-size:27px}.step p{font-size:11px}.split-inner{padding-top:39px;padding-bottom:39px;gap:24px}.split-inner h2{font-size:42px}.guides h2{font-size:43px}.guide-card h3{font-size:31px}.guide-card p{font-size:12px}.guide-grid{gap:23px}.source-note{font-size:9px}.article{padding-left:21px;padding-right:21px}.article h1{font-size:49px}.article h2{font-size:31px}.footer-links{font-size:10px;gap:17px}html[lang='zh-CN'] .launch-heading h1{font-size:58px;line-height:1.05}html[lang='zh-CN'] .launch-heading h1 span{font-size:.77em}html[lang='zh-CN'] .poster h2{font-size:38px}html[lang='zh-CN'] .section h2,html[lang='zh-CN'] .split-inner h2,html[lang='zh-CN'] .guides h2{font-size:32px}html[lang='zh-CN'] .step h3,html[lang='zh-CN'] .guide-card h3{font-size:22px}html[lang='zh-CN'] .article h1{font-size:37px}}
@media(prefers-reduced-motion:no-preference){.launch-button{transition:transform .16s,background .16s,box-shadow .16s}.launch-button:hover{box-shadow:6px 6px 0 #080d0888}.input-tabs button{transition:background .15s,color .15s}}
#gpu-dot[data-ready="true"]{background:var(--green);box-shadow:0 0 7px #c0f55a66}#gpu-dot[data-ready="false"]{background:#efb980;box-shadow:none}