.desktop-surround{display:none}
@media(min-width:1200px) and (min-height:781px) and (min-aspect-ratio:1.4){
 .desktop-surround{display:block;position:absolute;z-index:2;top:clamp(55px,10svh,150px);width:min(280px,calc((100vw - min(1250px,calc(91.538svh - 91.538px),135vw))/2 - 52px));transition:opacity .35s ease;letter-spacing:0;color:#293321;container-type:inline-size}
 .desktop-story{left:40px}.desktop-board{right:40px}
 .desktop-kicker{font:10px/1.5 var(--mono);letter-spacing:1.4px}
 .desktop-story h2{font:900 clamp(30px,18cqw,51px)/.98 Arial,sans-serif;letter-spacing:-2.5px;margin:25px 0 20px}.desktop-story h2 span{color:#647c40}
 .desktop-story>p{font:20px/1.35 Arial,sans-serif;letter-spacing:-.3px;margin:0}
 .desktop-pixel-art{color:#657a43;width:145px;margin:34px 0}.desktop-pixel-art svg{display:block;width:100%}
 .desktop-intro{border-top:1px solid #aeb3a3;padding-top:21px}.desktop-intro strong{font:700 16px/1.4 Arial,sans-serif}.desktop-intro p,.desktop-challenge p{font:13px/1.6 Arial,sans-serif;color:#62695b;margin:9px 0 18px}
 .desktop-surround a{display:inline-flex;align-items:center;gap:10px;font:11px/1.5 var(--mono);padding:4px 0;border-bottom:1px solid #899478;transition:color .16s,border-color .16s}.desktop-surround a:hover{color:#658036;border-color:currentColor}.desktop-surround a span{font-size:17px;line-height:1}
 .desktop-board-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #293321;padding-bottom:13px;gap:8px}.desktop-utc{font:9px var(--mono);color:#707965}
 .desktop-challenge h2{font:700 23px/1.15 Arial,sans-serif;letter-spacing:-.7px;margin:22px 0}
 .desktop-apple-total{display:flex;flex-direction:column;gap:7px}.desktop-apple-total strong{font:normal 45px/1 var(--mono);letter-spacing:-2px;font-variant-numeric:tabular-nums}.desktop-apple-total>span{font:10px var(--mono);letter-spacing:1px;color:#647052}
 .desktop-meter{height:9px;background:#d1d6c4;margin:15px 0 18px;overflow:hidden}.desktop-meter i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#627b3d 0 7px,transparent 7px 10px);transition:width .65s ease}
 .desktop-surround small{display:block;font:10px/1.5 Arial,sans-serif;color:#6c7463;margin-top:12px}
 .desktop-record{margin-top:26px;padding-top:20px;border-top:1px solid #aeb3a3;display:flex;flex-direction:column;align-items:flex-start}.desktop-record>strong{font:normal 34px/1.2 var(--mono);font-variant-numeric:tabular-nums;margin:10px 0 3px}.desktop-record>#desktop-high-player{font:11px/1.5 var(--mono);color:#68755a;margin-bottom:12px}
 .desktop-controls{display:flex;gap:4px;align-items:center;margin-top:27px;color:#737b69}.desktop-key{display:flex;align-items:center;justify-content:center;width:22px;height:23px;border:1px solid #b4bba8;font:13px var(--mono)}.desktop-controls>span:last-child{font:8px/1.5 var(--mono);margin-left:6px}
 body:has(.game-view[data-playing="true"]) .desktop-surround{opacity:.24}
 .desktop-surround:focus-within{opacity:1!important}
}
@media(min-width:1200px) and (min-height:781px) and (min-aspect-ratio:1.4) and (max-height:850px){.desktop-surround{top:42px}.desktop-pixel-art{margin:25px 0}.desktop-record{margin-top:19px}.desktop-controls{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.desktop-surround,.desktop-meter i{transition:none}}