body.three-ready.three-active #ocean{display:none}
body.three-ready.three-active .workbench{position:fixed;inset:92px 0 0;height:auto;padding:0;pointer-events:none}
body.three-ready.three-active .timeline-scroll{position:absolute;width:1200px;height:600px;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden}
body.three-ready.three-active .statusbar{pointer-events:auto;z-index:6}
#island3d{position:fixed;inset:0;overflow:hidden;touch-action:none;z-index:1}
#island3d[hidden]{display:none}
#island3d canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}
#island3d canvas:focus-visible{outline:2px solid #e4ffbd;outline-offset:-5px}
.island3d-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.scene-label{position:absolute;left:0;top:0;will-change:transform;white-space:nowrap;transform-origin:50% 100%;text-align:center;user-select:none}
.scene-label[hidden]{display:none}
.scene-node{pointer-events:auto;white-space:pre;font:600 12px/1.65 var(--font);padding:3px 9px 5px;color:#174b5a;background:#fffff3e8;border:1px solid #fff;border-radius:9px;box-shadow:0 2px 0 #195d7420;transition:background .15s}
.scene-node::first-line{font-weight:650}
.scene-node:hover,.scene-node:focus-visible{background:#fff7ce;outline:2px solid #fff4aa;outline-offset:3px}
.scene-custom{opacity:0;pointer-events:auto}
.scene-custom:hover,.scene-custom:focus-visible,.scene-custom.revealed{opacity:1}
.scene-hit{pointer-events:auto;border:0;border-radius:50%;width:38px;height:45px;background:transparent;cursor:pointer}
.scene-bug{width:42px;height:48px}
.scene-bottle{width:40px;height:40px}
.scene-bottle:hover{outline:1px dashed #fff8cf;outline-offset:1px;background:#fff8cf18}
#bottle-dialog{width:340px;padding:32px 22px 24px;text-align:center;background:#fffbed;color:#285d62;border:1px solid #fff;border-radius:24px;box-shadow:0 8px 0 #147b9426,0 24px 60px #075b7b33}
#bottle-dialog::backdrop{background:#075b7b45;backdrop-filter:blur(3px)}
.bottle-close{position:absolute;right:12px;top:10px;width:32px;height:32px;font-size:22px;color:#719c97;border-radius:50%}
.bottle-postmark{width:42px;height:42px;color:#80b8a1}
#bottle-message{margin:22px 0 26px;font-size:16px;line-height:2;white-space:pre-line;letter-spacing:.3px}
.bottle-another{padding:11px 20px;background:#e2efda;border-radius:24px;color:#3a755c;font-size:12px}
.scene-hit:focus-visible{outline:2px dashed #fff4af;outline-offset:4px;background:#fff4af22}
.scene-date,.scene-today{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#efffff;text-shadow:0 1px 3px #13678055;padding:5px}
.scene-today{font-size:9px;color:#f4ffd2}
.island3d-camera{position:absolute;right:30px;bottom:26px;display:flex;align-items:center;gap:3px;padding:5px;background:#f4ffffe8;border:1px solid #fff;border-radius:26px;box-shadow:0 3px 0 #087da52b;z-index:3}
.island3d-camera button,.island3d-camera a{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;color:#23677a;text-decoration:none;font-size:18px}
.island3d-camera a{font:10px ui-monospace,monospace;width:35px;border-right:1px solid #d7edeb;border-radius:0;margin-right:3px}
.island3d-camera button:hover{background:#d6f1e9}
.island3d-camera svg{width:17px;height:17px}
body.three-ready.three-active header{z-index:5}
body.three-ready.three-active .statusbar{bottom:26px}
body.three-ready.three-active .popover{z-index:12}
@media(max-width:760px){#island3d{top:0}body.three-ready.three-active .workbench{top:132px}.scene-node{font-size:10px;border-radius:7px;padding:2px 6px}.scene-hit{width:32px;height:40px}.island3d-camera{right:15px;bottom:80px;padding:4px}.island3d-camera button{width:29px;height:29px}body.three-ready.three-active .statusbar{bottom:20px}}

body.three-ready.three-active .workbench{z-index:3}