:root{color:#edf4ea;background:#183c40;font-family:sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}#world,canvas,#vignette{position:fixed;inset:0;width:100%;height:100%}canvas{touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 46%,#02141736 100%)}button{-webkit-tap-highlight-color:transparent;display:grid;place-items:center;border:1px solid #e7f5ed30;background:#05252630;color:inherit;backdrop-filter:blur(12px);cursor:pointer;border-radius:50%;width:43px;height:43px;transition:background .2s,border-color .2s,opacity .3s,transform .2s}button:hover{background:#c6dec12b;border-color:#e7f5ed99;transform:scale(1.05)}button[aria-pressed=true],button.active{background:#d4e1bb30;border-color:#d8e9b98f;color:#f0f5c9}button:focus-visible,input:focus-visible{outline:2px solid #f4f9c8;outline-offset:5px}button:disabled{opacity:.3;cursor:wait}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#enter{position:fixed;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border-color:#f6ffee91;background:#edf8f015;box-shadow:0 0 0 12px #fbfff609,0 0 0 30px #fbfff604}#enter:hover{transform:translate(-50%,-50%) scale(1.08)}#enter svg{width:37px;height:37px;fill:#f6ffeb;stroke:none}#top{position:fixed;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}#top>div{display:flex;gap:9px}#top button{pointer-events:auto}#tools{position:fixed;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}#tools #detail{display:none}.micro #tools #detail{display:grid}#back{opacity:.45}.focused #back{opacity:1;border-color:#e5efd793}#dock{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);padding:10px 15px 12px;border:1px solid #e0eee31f;border-radius:21px;background:#05202555;backdrop-filter:blur(18px);box-shadow:0 7px 40px #06161222;transition:opacity .3s}.buttons{display:flex;gap:11px;align-items:center}.buttons button{border-color:transparent;background:transparent;backdrop-filter:none;width:37px;height:37px}.buttons button.active{background:#d6e3c61f;border-color:#d5ecc333}.divider{height:16px;width:1px;background:#d5e4dd28}.buttons button svg{width:21px;height:21px}#seek{display:block;width:calc(100% - 18px);margin:9px 9px 0;height:2px;accent-color:#d8e6bb;opacity:.65;cursor:pointer}#next.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{background:#e6f2b530;box-shadow:0 0 0 4px #e6f2b50a}}#focus-ring{position:fixed;pointer-events:none;opacity:0;width:86px;height:64px;transform:translate(-50%,-50%);transition:opacity .2s}#focus-ring i{position:absolute;width:10px;height:10px;border-color:#e7efc8;border-style:solid;border-width:0}#focus-ring i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}#focus-ring i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}#focus-ring i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}#focus-ring i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}#touch-ring{position:fixed;pointer-events:none;border:1px solid #e8f4d977;border-radius:50%;width:20px;height:20px;opacity:0;transform:translate(-50%,-50%)}#touch-ring.hit{animation:touch .75s ease-out}@keyframes touch{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}#sample{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#051f2312;backdrop-filter:none;border-color:#e1edc17a;box-shadow:0 0 0 12px #d7e9c408;animation:sample 3s ease-in-out infinite}#sample svg{width:30px;height:30px}@keyframes sample{50%{box-shadow:0 0 0 19px #d7e9c404}}#error{position:fixed;inset:35% 15%;background:#173d40f5;border:1px solid #e2ead32f;padding:30px;border-radius:10px;font-size:14px;line-height:1.8}.active #enter{display:none}@media(max-width:650px){#top{top:17px;left:17px;right:17px}button{width:38px;height:38px}#tools{right:17px;gap:8px}#dock{bottom:20px;padding:8px 10px 11px}.buttons{gap:5px}.buttons button{width:33px;height:35px}.buttons button svg{width:20px}#enter{width:72px;height:72px}}