*{box-sizing:border-box}body{margin:0;background:#071217;color:#e7f4ee;font-family:Arial,Helvetica,sans-serif;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none}header{position:absolute;top:32px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:12px;font-weight:700;letter-spacing:2px;pointer-events:auto}.brand small{display:block;font-size:8px;color:#8ca9a7;margin-top:7px;letter-spacing:2.4px}.mark{font-size:36px;color:#a0dfd1}.edition{font-size:9px;letter-spacing:2px;color:#9ab7b6}.caption{position:absolute;left:38px;top:112px;pointer-events:none}.caption span{font-size:9px;letter-spacing:2.5px;color:#81b6b3}.caption h1{font-size:clamp(18px,2.3vw,30px);font-weight:400;letter-spacing:-.6px;margin-top:10px}footer{position:absolute;bottom:22px;width:100%;text-align:center;padding:0 16px}.hint{color:#b0c8c6;font-size:12px;margin-bottom:15px}nav{display:inline-flex;align-items:center;gap:6px;padding:7px;background:#102023e8;border:1px solid #52706b55;border-radius:15px;backdrop-filter:blur(16px)}button,select{color:#d6e7e3;background:transparent;border:0;font:inherit;font-size:12px;border-radius:9px;padding:12px 14px;cursor:pointer}button:hover,button:focus-visible,select:focus-visible{background:#36534f;outline:2px solid #82bdac}button:first-child{background:#bee9d4;color:#11382a;font-weight:600}button[aria-pressed=true]{background:#4d8674;color:white}select{padding:8px 4px;color:#dcece6}select option{background:#102023}.quality{font-size:10px;color:#8fb3aa;padding:0 9px;border-left:1px solid #476259;border-right:1px solid #476259}.privacy{font-size:10px;color:#78918e;margin-bottom:0}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071217;z-index:3}#loading h1{font-weight:400}#loading p{color:#90ada6;font-size:13px}.spinner{width:30px;height:30px;border:1px solid #295047;border-top-color:#bcebd9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){header{top:22px;left:20px;right:20px}.edition{display:none}.caption{top:90px;left:20px}.caption h1{font-size:20px}nav{flex-wrap:wrap;justify-content:center;max-width:370px}button{padding:10px}footer{bottom:12px}.privacy{font-size:9px}.hint{font-size:10px}}

:root:fullscreen header,:root:fullscreen footer{display:none!important}:root:fullscreen #reef{cursor:none}

#camera{position:fixed;left:0;top:0;width:2px;height:2px;opacity:.01;pointer-events:none;z-index:0}header,footer{z-index:2}@media(orientation:landscape) and (max-height:550px){header{display:none}footer{bottom:8px}.privacy{display:none}.hint{font-size:10px;margin-bottom:5px}nav{padding:4px;gap:3px;max-width:none}button{padding:8px 10px}.quality{padding:0 5px}}