.catapult-page .pub-layout{max-width:1320px;grid-template-columns:.85fr 1.2fr;gap:7%}.catapult-page .pub-intro h1{font-size:clamp(64px,6.9vw,99px);margin:24px 0}
.catapult-page .stage{aspect-ratio:420/360;max-width:580px;max-height:min(60dvh,calc(100dvh - 390px));width:auto;border:1px solid var(--line);border-radius:12px}.catapult-page #panel{inset:auto 10px 10px;background:#152017f5;border:1px solid var(--line);padding:15px;gap:8px}.catapult-page #panel h2{font-size:30px}
.launch-controls{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:12px;margin-top:12px;align-items:center}.launch-controls label{font-size:9px;letter-spacing:1px;color:var(--muted)}.launch-controls output{float:right;color:var(--gold)}.launch-controls input{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--gold)}.launch-controls button{min-height:56px;padding:10px;font-size:15px}
#board{touch-action:none}#board:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}#control-hint{text-align:center;font-size:10px;color:var(--muted);margin:8px 0 0}.catapult-page #status{margin:6px 0 0;min-height:34px}.catapult-page #extra{color:var(--gold)}
.catapult-page .stage:has(#panel:not([hidden]) #share:not([hidden])){max-height:none;aspect-ratio:auto}.catapult-page .stage:has(#panel:not([hidden]) #share:not([hidden])) canvas{display:none}.catapult-page #panel:has(#share:not([hidden])){position:static;margin:10px;min-height:230px}
@media(max-width:900px){.catapult-page .pub-layout{display:block;max-width:540px;padding-top:8px}.catapult-page .pub-intro h1{font-size:32px;margin:0;letter-spacing:-1px}.catapult-page .stage{max-height:44dvh}.catapult-page #panel{padding:12px;gap:7px}.catapult-page #panel h2{font-size:25px}.catapult-page #panel .eyebrow{display:none}.catapult-page #panel p{font-size:12px}}
@media(max-width:900px) and (max-height:760px){.catapult-page .pub-intro h1{font-size:28px}.catapult-page .scoreboard{padding:3px 0}.catapult-page .scoreboard strong{font-size:24px}.catapult-page .stage{max-height:max(170px,calc(100dvh - 355px))}.catapult-page #panel{inset:auto 6px 6px;padding:9px;gap:6px}.catapult-page #panel h2{font-size:21px}.catapult-page #panel p{font-size:11px;line-height:1.3}.launch-controls{margin-top:7px;gap:8px}.launch-controls button{min-height:48px}.catapult-page #control-hint{font-size:9px;margin-top:4px}.catapult-page #status{font-size:11px;margin-top:4px}}