@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e9fbff;font-synthesis:none;background:#02070c;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.player{isolation:isolate;background:#02070c;min-height:100svh;position:relative;overflow:hidden}.display,.display canvas,.pepper-grid,.pepper-face{position:absolute;inset:0}.hud{z-index:2;pointer-events:none;text-shadow:0 3px 24px #000;position:absolute;top:clamp(1.2rem,4vw,3.25rem);left:clamp(1.2rem,5vw,4.75rem)}.hud p,.hud span{color:#8bdfea;letter-spacing:.12em;text-transform:uppercase;margin:0;font:500 .65rem/1.3 DM Mono,monospace}.hud h1{letter-spacing:-.055em;margin:.35rem 0 .3rem;font-size:clamp(1.75rem,4vw,3.6rem);line-height:.92}.hud span{color:#d5f8fb}.subtitle{z-index:4;text-align:center;color:#f0feff;text-shadow:0 3px 14px #000;width:min(43rem,100% - 3rem);margin:0;font-size:clamp(.95rem,2vw,1.35rem);font-weight:500;position:absolute;bottom:9rem;left:50%;transform:translate(-50%)}.controls{z-index:3;background:#020c12d9;border:1px solid #a8f5ff33;border-radius:.75rem;width:min(720px,100% - 6rem);padding:.65rem;position:absolute;bottom:1.5rem;left:3rem}.controls button{color:#b9f7ff;cursor:pointer;background:0 0;border:0}.transport,.options{align-items:center;gap:.65rem;display:flex}.transport input{accent-color:#b9fbff;flex:1}.transport output{white-space:nowrap;font:.65rem DM Mono,monospace}.controls .play{color:#071317;background:#bdfeff;border-radius:50%;width:2rem;height:2rem}.options{justify-content:space-between;margin-top:.5rem}.options select{color:#defdff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a161b;border:1px solid #315a61;max-width:11rem}.options option{color:#defdff;background:#0a161b}.pepper-grid{background:#000;width:min(100vw,100vh);height:min(100vw,100vh);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pepper-face{background:#000;inset:auto;overflow:hidden}.pepper-face canvas,.pepper-face video{object-fit:fill;width:100%!important;height:100%!important}.pepper-face--north,.pepper-face--south{width:60%;height:42%;left:20%}.pepper-face--north{clip-path:polygon(0 0,100% 0,68% 100%,32% 100%);top:0}.pepper-face--south{clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);bottom:0}.pepper-face--east,.pepper-face--west{width:42%;height:60%;top:20%}.pepper-face--east{clip-path:polygon(32% 0,100% 0,100% 100%,32% 100%,0 68%,0 32%);right:0}.pepper-face--west{clip-path:polygon(0 0,68% 0,100% 32%,100% 68%,68% 100%,0 100%);left:0}.pepper-face--south video{transform:rotate(180deg)}.pepper-face--east video{transform:rotate(90deg)}.pepper-face--west video{transform:rotate(-90deg)}.pepper-grid:after{content:"";z-index:5;background:#000;position:absolute;inset:38%}.player--pepper .hud,.player--pepper .subtitle,.player--clean .hud,.player--clean .controls,.player--clean .subtitle{display:none}.reveal-controls{z-index:6;background:0 0;border:0;display:none;position:absolute;bottom:.5rem;right:.5rem}.player--clean .reveal-controls{display:block}.app-loading{place-items:center;min-height:100vh;display:grid}@media (width<=620px){.scene-select{display:none}.controls{width:calc(100% - 2rem);left:1rem}.options{flex-wrap:wrap}}