/* Clock is the frontmost scene object; all illustration/effect layers sit behind it. */
.scene .clock{z-index:30}
.scene .particle-jellyfish,.scene .particle-butterfly,.scene .particle-bird,.scene .particle-whale{filter:brightness(1.04) saturate(1.08)}
.scene .rig-whale .whale-tail{animation:kunTailStrong 2.8s var(--phase) ease-in-out infinite!important}
.scene .rig-whale .whale-fin-near,.scene .rig-whale .whale-fin-far{animation-duration:3.7s}
@keyframes kunTailStrong{0%,100%{transform:translateY(-1.6%) rotate(-25deg) scaleY(.9)}50%{transform:translateY(1.6%) rotate(27deg) scaleY(1.08)}}
.sound-controls{margin:0 0 22px;padding:12px 0;border-top:1px solid #c9dfd2;border-bottom:1px solid #c9dfd2}
.sound-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.sound-heading button{font-size:11px;border:1px solid #96c4b9;border-radius:5px;padding:7px 11px;background:#f4faf5}.sound-heading span{font-size:9px;color:#648b80}
.sound-levels{display:flex;gap:16px;margin-top:11px}.sound-levels label{flex:1;min-width:0;font-size:10px;color:#648b80}.sound-levels input{display:block;width:100%;accent-color:#328e87;margin-top:7px}

.scene .rig-butterfly .butterfly-far{opacity:.96}
.scene .treasure-map{pointer-events:auto;padding:0;border:0;background:none;cursor:pointer}
.treasure-map span{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#465d80;opacity:0;transition:opacity .2s}
.treasure-map:hover span,.treasure-map:focus-visible span{opacity:1}
.scene-journal-actions{display:flex;gap:16px;align-items:center;padding:15px 18px;background:#f1f8f6;border-top:1px solid #b6d5da}
.scene-journal-actions button{border:1px solid #87b7b1;background:#fffaf0;color:#466c72;border-radius:5px;padding:9px 16px;font-size:13px}
.scene-journal-actions>span,.journal-import>span{font-size:10px;color:#73928e}
.journal-actions{display:flex;gap:10px}.journal-actions .write-button{flex:1}
.journal-import{padding:4px 0 12px;border-bottom:1px solid #d7dfce}.journal-import>span{display:block}
#saveAndShare{margin-top:14px}.bag-actions{justify-content:flex-end}
.whale-surface{position:absolute;left:-12%;top:-18%;width:124%;height:136%;pointer-events:none}
.scene .rig-whale .whale-continuous{animation:none;mask-image:none}
.map-dialog{width:min(560px,calc(100% - 36px));max-height:85vh;overflow:auto}
.map-dialog .letter{margin-top:18px}.map-dialog .letter-body{white-space:pre-line;max-height:38vh;overflow:auto}
.map-dialog .scope-top h2{font-size:16px;line-height:1.5}.map-dialog .journal-actions{margin-top:20px}
.bag-actions{flex-wrap:wrap;gap:12px}.bag-actions #leaveBlessing{width:auto;padding:11px 18px}