:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#e8ece9;background:#131e28;font-synthesis:none}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;display:block}a{color:inherit}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #637277;border-radius:5px;padding:10px 15px;color:#e8ece9;background:#23313a;transition:background .15s;font-size:14px}button:hover{background:#34454e}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e3b580;outline-offset:3px}.made{position:absolute;top:22px;left:4vw;font-size:13px;font-weight:600;text-decoration:none}.hide{position:absolute;top:14px;right:22px}aside{position:absolute;top:14vh;left:4vw;width:min(325px,30vw)}.category{font-size:13px;color:#b4c6cb;margin:0 0 20px}h1{font-size:clamp(32px,3.7vw,58px);font-weight:500;letter-spacing:-.045em;line-height:1.03;margin:0 0 20px}.description{color:#bacbd0;font-size:15px;line-height:1.55;margin:0 0 26px}nav{display:grid;gap:4px}nav button{text-align:left;background:transparent;border-color:transparent;padding:10px 0;display:flex;align-items:center;gap:14px;border-radius:0}nav button[aria-pressed=true]{color:#f5d1a5}nav span{font-size:12px;width:24px;text-align:center;border-bottom:1px solid #7d8a8a;padding:4px}.modes{display:flex;gap:8px;margin-top:20px}.modes button{padding:9px 12px}.fact{font-size:18px;margin:26px 0}.fact span{display:block;font-size:12px;color:#a3b7bd;margin-top:4px}button.vr{color:#17272f;background:#dfbb90;border-color:#dfbb90}button.vr:hover{background:#f6d5ae}.hint{font-size:12px;color:#a3b7bd}.credits{position:absolute;bottom:16px;right:22px;max-width:min(360px,92vw);font-size:12px;text-align:right}.credits summary{padding:8px;cursor:pointer}.credits[open]{background:#23313a;padding:14px;border:1px solid #637277;border-radius:5px;text-align:left}.credits p{line-height:1.5}@media(max-width:640px){aside{top:auto;bottom:48px;width:92vw;background:#17252eea;padding:15px;border-radius:8px}.category,.description,.fact,.hint{display:none}h1{font-size:26px;margin-bottom:10px}nav{display:flex;flex-wrap:wrap;gap:10px}nav span{display:none}nav button{font-size:12px;padding:5px 0}.modes{display:inline-flex;margin:5px 8px 0 0}.modes button,button.vr{padding:8px;font-size:12px}.hide{right:4vw}}@media(prefers-reduced-motion:reduce){button{transition:none}}
