html,body{background:#000;height:100%;margin:0;overflow:hidden}#c{width:100vw;height:100vh;display:block;position:fixed;inset:0}#stage{transform-origin:0 0;pointer-events:none;width:1920px;height:1080px;font-family:system-ui,sans-serif;position:fixed;top:0;left:0}#dial{filter:drop-shadow(0 3px 6px #00000059);width:196px;height:196px;position:absolute;top:10px;left:37px}#crewpill{background:#34322ed1;border-radius:28px;width:174px;height:56px;position:absolute;top:203px;left:47px}#crewpill .avatar{width:40px;height:40px;position:absolute;top:8px;left:10px}#crewpill .avatar svg{width:60px;height:60px;margin:-10px 0 0 -2px}#crewpill .capsule{background:linear-gradient(90deg,#f3d6ad 0 50%,#6f95ab 50% 100%);border-radius:12px;width:46px;height:24px;position:absolute;top:17px;left:132px;transform:translate(-28px)rotate(-30deg)}#compass{background:#faf0de6b;border-radius:36px;width:1102px;height:72px;position:absolute;top:37px;left:calc(50% - 650px);overflow:visible;box-shadow:inset 0 0 0 5px #fff9ecb3,0 2px 10px #50321426}#ticks{background-image:repeating-linear-gradient(90deg,#fffaeed9 0 3px,#0000 3px 60px),repeating-linear-gradient(90deg,#fffaee8c 0 2px,#0000 2px 30px);background-position-y:0,6px;background-repeat:repeat-x;background-size:60px 22px,30px 10px;height:22px;position:absolute;top:26px;left:36px;right:36px;overflow:hidden}#whale{width:104px;height:76px;position:absolute;top:-22px;left:541px}#guide{box-sizing:border-box;background:#322e28e0;border-radius:22px;gap:10px;width:424px;height:88px;padding:7px 10px;display:flex;position:absolute;top:31px;right:30px}#guide .slot{background:#2e2a24f2;border:3px solid #a8936c;border-radius:18px;flex:1;justify-content:center;align-items:center;display:flex}#guide .slot svg{width:84px;height:66px}#callout{background:#f7e9d0f2;border-radius:16px;justify-content:center;align-items:center;width:128px;height:74px;display:flex;position:absolute;top:calc(50% - 149px);left:calc(50% + 218px);box-shadow:0 0 0 2px #be966459,0 2px 8px #50280040}#callout:after{content:"";border:10px solid #0000;border-top-color:#f7e9d0f2;border-bottom:0;margin-left:-10px;position:absolute;bottom:-12px;left:50%}#webcam{box-sizing:border-box;background:linear-gradient(160deg,#f3dfb0,#d2a866);border:7px solid #2b2723;border-radius:24px;width:252px;height:174px;padding:5px;position:absolute;bottom:27px;left:31px;overflow:hidden;box-shadow:0 2px 10px #0006}#webcam img{object-fit:cover;filter:brightness(1.25)sepia(.15);border-radius:13px;width:100%;height:100%;display:block}#chat{box-sizing:border-box;background:#1a2021bd;border-radius:16px;flex-direction:column;gap:9.6px;width:282px;height:694px;padding:12px 14px;display:flex;position:absolute;bottom:24px;right:23px}#chat .msg{background:#a09b91c7;border-radius:10px;flex:none;height:29px}