/* Revision 2: a white brand world, with blue reserved for its water. */
.part-tabs{gap:29px}.part-tabs button{display:inline-flex;align-items:center;gap:9px;padding-top:12px}.part-tabs svg{width:26px;height:26px;flex:none}.part-tabs button.active svg{transform:rotate(-6deg)}.options-heading h2{display:flex;align-items:center;gap:9px}.options-heading h2 svg{width:25px;height:25px}.option-visual>svg{width:90%;height:90%}.options-grid .option-visual:has(svg[viewBox="245 90 180 235"])>svg{height:83%;width:83%}.fish-stage{background:#f6f6f6}.aquarium{background:linear-gradient(to bottom,#fff 0px,#fff 50px,#cceafa 51px,#dff3fc 73%,#dbf0fa 90%,#f5e8d1 91%)}.bubble{border-color:#6baeca;background:#ffffff20;transform-origin:center;animation:bubble-grow 8s linear infinite}.aquarium.is-paused .bubble,.aquarium.is-paused .tank-seagrass{animation-play-state:paused}@keyframes bubble-grow{0%{transform:translate(0,0) scale(.45);opacity:0}12%{opacity:.85}80%{opacity:.75}100%{transform:translate(19px,-440px) scale(3.2);opacity:0}}.tank-shell,.tank-coral{position:absolute;bottom:28px;pointer-events:none}.tank-shell{width:70px;left:23%}.tank-coral{width:100px;right:15%;bottom:34px}.tank-seagrass{transform-origin:bottom;animation:sea-grass 6s ease-in-out infinite alternate}@keyframes sea-grass{to{transform:rotate(4deg)}}
.record-section{margin:15px 4.4% 60px;display:grid;grid-template-columns:60% 40%;min-height:540px;position:relative;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;isolation:isolate}.record-section.dragging{outline:2px dashed #69b7ed;outline-offset:8px;background:#f6fbff}.record-scene{height:540px;position:relative;overflow:hidden}.gramophone{position:absolute;width:270px;height:225px;bottom:25px;left:calc(50% - 135px);z-index:1}.record-floor{position:absolute;bottom:6px;left:0;width:100%;height:44px;z-index:-1}.record-waterline{position:absolute;top:28px;left:20px;right:10px;border-top:1px solid #eaf2f5}.record-bubble{position:absolute;left:0;top:0;border:1.5px solid #111;border-radius:50%;background:#ffffff18;padding:0;z-index:2;will-change:transform;cursor:crosshair}.record-bubble:after{content:"";position:absolute;left:20%;top:18%;width:20%;height:14%;border-left:1px solid #b4c7cc;border-top:1px solid #b4c7cc;border-radius:100% 0 0 0;transform:rotate(6deg)}.record-bubble:hover{background:#dcf1fb88}.record-bubble.burst{animation:pop-ring .32s ease-out forwards}.record-bubble.burst:after{display:none}.record-bubble i{position:absolute;top:50%;left:50%;width:9px;height:1.5px;background:#111;transform:rotate(var(--a)) translateX(15px);animation:pop-rays .32s ease-out forwards;transform-origin:0 0}@keyframes pop-ring{to{border-color:transparent;background:transparent}}@keyframes pop-rays{to{transform:rotate(var(--a)) translateX(60px);opacity:0}}.record-copy{align-self:center;padding:30px 14% 40px 5%}.record-copy h2{font-size:31px;letter-spacing:-1.2px;margin:0 0 17px}.record-hint{font-size:12px;color:#777;line-height:1.8;margin:0;min-height:43px;max-width:320px}.record-import{display:flex;gap:22px;margin:12px 0 38px}.record-import button{font-size:12px;padding:0 0 6px;border-bottom:1px solid #111}.record-player{border-top:1px solid #ddd;padding-top:17px}.track-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:14px}.track-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-line>button{font-size:20px;padding:4px}.player-controls{display:flex;align-items:center;gap:16px;margin:15px 0}.player-controls>button{width:37px;height:37px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;flex:none}.player-controls>button>svg{width:17px;height:17px}.player-controls>span{font-size:10px;font-variant-numeric:tabular-nums}.record-player input[type=range]{accent-color:#111;min-width:0;width:100%;height:2px;cursor:pointer}.volume-line{display:flex;align-items:center;justify-content:flex-end;gap:13px;font-size:10px;color:#888}.volume-line input[type=range]{width:65px}.music-queue{display:flex;flex-direction:column;gap:9px;margin-top:23px;max-height:90px;overflow:auto}.music-queue button{text-align:left;font-size:11px;padding:3px 0;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-queue button.active{color:#111}.music-queue button.active:before{content:"♪";margin-right:8px}#music-url-form:not([hidden]){display:flex;margin:-18px 0 23px;gap:10px}#music-url-form input{min-width:0;width:100%;font-size:12px;border:1px solid #ccc;padding:10px;background:white}#music-url-form button{white-space:nowrap;font-size:12px}.record-spin{transform-origin:0 0}.is-playing .record-spin{animation:record-spin 4s linear infinite}@keyframes record-spin{to{transform:rotate(360deg)}}.music-dock{position:fixed;bottom:22px;left:24px;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #ddd;box-shadow:0 6px 24px #00000008;max-width:300px}.music-dock[hidden]{display:none}.music-dock>span{font-size:11px;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-dock button{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.music-dock button svg{width:17px;height:17px}.music-dock .dock-stop{font-size:20px;color:#888}
.tank-treasure{position:absolute;bottom:32px;left:53%;width:68px;pointer-events:none}
@media(max-width:1000px){.part-tabs{gap:24px}.part-tabs button{gap:6px}.part-tabs svg{width:23px;height:23px}.record-section{grid-template-columns:55% 45%}.record-copy{padding-right:8%;padding-left:5%}.record-copy h2{font-size:26px}.record-scene{height:490px}.record-section{min-height:490px}}
@media(max-width:700px){.part-tabs{gap:23px}.part-tabs button{font-size:12px;gap:6px}.part-tabs svg{width:24px;height:24px}.record-section{display:block;margin:0 5% 38px;min-height:0}.record-scene{height:420px}.record-copy{padding:20px 15px 35px}.record-copy h2{font-size:26px}.record-hint{min-height:25px}.record-import{margin-bottom:28px}.gramophone{width:240px;height:200px;left:calc(50% - 120px);bottom:25px}.record-floor{bottom:5px}.record-player{max-width:none}.tank-shell{width:48px;left:27%;bottom:27px}.tank-coral{width:55px;right:10%;bottom:34px}.water-plant{width:58px;height:112px;left:12px}.water-plant.right{right:12px}.tank-fish{width:140px}.music-dock{left:15px;bottom:15px;max-width:240px}.music-dock>span{max-width:120px}}
@media(prefers-reduced-motion:reduce){.record-spin,.tank-seagrass{animation:none!important}.record-bubble{will-change:auto}.bubble{display:none}.record-bubble.burst{opacity:0}.record-bubble.burst i{display:none}}