:root{--accent:#c7ff43;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101310;color:#f1f3e8;font-family:Impact,'Arial Narrow',sans-serif;overflow:hidden}main{height:100vh;padding:5vh 5vw;border-top:1vh solid var(--accent);display:flex;flex-direction:column}header{display:flex;align-items:center;gap:2vw}header strong{font-size:6vh;color:var(--accent)}header span{font-size:2.5vh}header small{margin-left:auto;color:var(--accent);font-size:2vh}section{flex:1;display:flex;flex-direction:column;justify-content:center}#label{font-size:2.4vh;color:var(--accent);margin:2vh 0}h1{font-size:clamp(24px,8vw,14vh);line-height:1.08;letter-spacing:-.03em;margin:2vh 0;overflow-wrap:anywhere}#caption{font-family:Arial,sans-serif;font-size:3.4vh;color:var(--accent);margin:3vh 0}footer{display:flex;justify-content:space-between;border-top:1px solid #343b31;padding-top:3vh;font-family:Arial,sans-serif;color:#aab2a4;font-size:1.8vh}dialog{background:#20261e;color:#f1f3e8;border:2px solid var(--accent);border-radius:12px;max-height:90vh;overflow:auto;width:min(650px,90vw);font:20px Arial,sans-serif}dialog::backdrop{background:#000a}button,input{display:block;width:100%;padding:14px;margin:12px 0;font:inherit;border-radius:6px;border:2px solid #69765d}button{background:#2c3627;color:white;cursor:pointer}button:focus,input:focus{outline:4px solid var(--accent)}input{background:#101310;color:white}dialog p{font-size:16px}dialog h2{color:var(--accent)}

#artwork{position:fixed;inset:0;width:100vw;height:100vh;object-fit:contain;background:#101310}body.artwork main{visibility:hidden}dialog{position:fixed}#artwork[hidden]{display:none}

#gym-logo{display:none;position:fixed;right:4vw;bottom:4vh;width:10vw;max-height:7vh;object-fit:contain;padding:1vh;background:#101310d9;border-radius:5px;z-index:1}body.artwork #gym-logo{display:block}