#desktopLanding{display:none}#gameSurface{display:contents}
@media(min-width:900px) and (pointer:fine){html:not([data-browser-play=true]) #desktopLanding{display:flex}html:not([data-browser-play=true]) #gameSurface{display:none}}
.desktop-landing{box-sizing:border-box;height:100dvh;max-height:100dvh;overflow:hidden;padding:0 clamp(28px,4vw,76px);background:#fff5d0;color:#20271c;flex-direction:column;position:relative;isolation:isolate}
.desktop-landing *{box-sizing:border-box}
.landing-nav{display:flex;align-items:center;justify-content:space-between;flex:none;height:clamp(62px,12vh,104px);border-bottom:2px solid #20271c;position:relative;z-index:3}
.landing-nav a{color:inherit;text-decoration:none}.landing-brand{font-size:clamp(24px,2.4vw,34px);font-weight:950;letter-spacing:-1.7px}.landing-brand span{font-size:12px;letter-spacing:1px;margin-left:16px}.landing-leaderboard{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.landing-leaderboard:hover{text-decoration:underline;text-underline-offset:5px}
.landing-hero{flex:1;min-height:0;display:grid;grid-template-columns:61% 39%;position:relative;align-items:center}
.landing-copy{position:relative;z-index:2;padding:2vh 0 3vh}
.landing-copy h1{margin:0;font-size:clamp(58px,min(8.25vw,14.5vh),158px);font-weight:1000;font-style:italic;letter-spacing:-.065em;line-height:.91;max-width:100%;white-space:nowrap}
.landing-copy h1 span{display:inline-block;background:#c6ff4b;padding:0 .12em .055em .04em;margin:.07em 0 0 -.04em;transform:rotate(-2deg);box-shadow:5px 6px 0 #20271c}
.landing-description{font-size:clamp(14px,1.3vw,21px);line-height:1.4;font-weight:600;margin:clamp(18px,4vh,38px) 0 clamp(18px,4vh,40px);max-width:90%}
.landing-actions{display:flex;align-items:center;gap:clamp(18px,2.6vw,45px)}
.landing-start{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#20271c;color:#fff5d0;text-decoration:none;padding:clamp(16px,2.5vh,26px) clamp(20px,2vw,32px);font-size:clamp(14px,1.3vw,20px);font-weight:900;letter-spacing:-.4px;transition:transform .15s,background .15s;white-space:nowrap}.landing-start span{font-size:1.6em;line-height:.8}.landing-start:hover{transform:translateY(-3px);background:#3a4a29}
.landing-qr{display:flex;gap:12px;align-items:center}.landing-qr img{width:clamp(58px,8vh,88px);height:clamp(58px,8vh,88px);background:white;padding:3px}.landing-qr span{font-size:10px;line-height:1.5;letter-spacing:.7px;font-weight:900}
.run-art{position:absolute;right:-4vw;top:0;bottom:0;width:48%;pointer-events:none}
.run-track{position:absolute;width:120%;height:115%;left:-3%;top:-4%;overflow:visible}
.run-word{position:absolute;background:#fff5d0;border:2px solid #20271c;box-shadow:7px 7px 0 #20271c;padding:clamp(10px,1.6vh,22px) clamp(16px,2.2vw,36px);min-width:140px;text-align:center;transform:rotate(9deg)}
.run-word>span{display:block;text-align:left;font:800 10px/1 monospace}.run-word b{display:block;font-size:clamp(32px,4.6vw,72px);line-height:1.3;font-weight:900}.run-word small{font-size:10px;letter-spacing:2px;font-weight:900}.word-one{top:6%;left:35%;transform:rotate(12deg)}.word-two{top:35%;left:9%;transform:rotate(-8deg);background:#c6ff4b}.word-three{top:65%;left:46%;transform:rotate(12deg)}
.run-stamp{position:absolute;right:7%;top:35%;font-size:clamp(23px,3vw,48px);font-style:italic;font-weight:1000;line-height:.92;letter-spacing:-2px;transform:rotate(13deg);color:#fff5d0}.run-stamp span{display:block;font-size:1.5em;margin-top:8px;color:#c6ff4b}
.desktop-landing a:focus-visible{outline:3px solid #518514;outline-offset:6px}
@media(max-width:1100px){.landing-brand span{display:none}.landing-qr span{display:none}.run-word{min-width:120px}.run-stamp{right:5%}}
@media(max-height:550px){.landing-nav{height:54px}.landing-copy{padding:10px 0}.landing-copy h1{font-size:min(8vw,14vh)}.landing-description{margin:15px 0;font-size:14px}.landing-start{padding:13px 20px}.landing-qr img{width:50px;height:50px}.run-word b{font-size:30px}.run-word{padding:8px 16px;min-width:105px}}

.landing-copy h1 span,.word-two,.landing-start{background:#d92525;color:#fffdf1}.landing-start:hover{background:#b71d1d}.run-stamp span{color:#ff6961}
