:root{font-family:system-ui,-apple-system,sans-serif;color:white;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#75aeb5}button,a{-webkit-tap-highlight-color:transparent}button{font:700 12px system-ui;color:white;border:1px solid #ffffff50;background:#14394260;backdrop-filter:blur(8px);border-radius:8px;padding:10px 13px;cursor:pointer}button:hover{background:#143942a0}button:focus-visible,a:focus-visible{outline:3px solid #ffe33d;outline-offset:3px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:manipulation}#camera{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}#nav{position:fixed;z-index:3;inset:max(12px,env(safe-area-inset-top)) 16px auto;display:flex;justify-content:space-between;align-items:center;gap:10px}#nav a{color:white;text-decoration:none;font-size:20px;font-weight:900;text-shadow:0 2px 4px #17383c70}#nav a span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}#nav>div{display:flex;gap:6px}.camera-status{position:fixed;z-index:2;left:50%;top:58%;transform:translate(-50%,-50%);width:min(90vw,440px);text-align:center;padding:22px;background:#17383cd9;border:1px solid #ffffff40;border-radius:12px}.camera-status h1{font-size:23px;margin:0 0 10px}.camera-status p{font-size:14px;line-height:1.5;margin:0 0 12px}.hint{position:fixed;left:20px;right:20px;bottom:90px;text-align:center;font-weight:750;font-size:16px;text-shadow:0 2px 5px #17383c;pointer-events:none}footer{position:fixed;z-index:2;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}footer button{font-size:11px;padding:8px 10px}#clip-status{font-size:12px;text-shadow:0 2px 4px #17383c;text-align:right;max-width:230px}body[data-phase=playing] footer{visibility:hidden}body[data-phase=playing] #hint{display:none}.panel{border:1px solid #ffffff60;border-radius:14px;padding:28px;background:#183e47;color:white;text-align:center;max-width:90vw}.panel::backdrop{background:#132d3d60}.panel h2{margin-top:0}.panel button{margin:5px}@media(max-width:550px){#nav{left:12px;right:12px}#nav a span{display:none}#nav a{font-size:17px}#nav button{font-size:10px;padding:9px}#nav>div{gap:4px}.hint{font-size:14px;bottom:88px}#clip-status{max-width:180px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* The same transparent Motions wordmark used across the arcade. */
#nav>a{order:2;flex:none;display:flex;align-items:center;padding:8px 0 8px 10px}
#nav>a img{display:block;width:124px;height:auto;filter:drop-shadow(0 2px 2px #17383c70)}
@media(max-width:550px){#nav>a img{width:94px}#nav>a{padding-left:2px}#nav{gap:4px}}