.hint-reef{touch-action:manipulation;background:#d9efeb;position:relative;min-height:clamp(350px,65dvh,760px)!important}.training-action-area.task-background .hint-reef.hint-calm,.hint-reef.hint-calm{background:radial-gradient(#effaf7,#bfdedb)!important}.hint-fixation{background:#252a2d;border-radius:50%;width:14px;height:14px;animation:.45s ease-out hint-fixation;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #368a8c44,0 0 0 18px #85709822}.hint-endogenous{pointer-events:none;width:150px;height:150px;position:absolute;top:50%;left:50%;overflow:visible}.hint-form{transform-origin:0 0;animation:.25s ease-out both hint-direction}.hint-exogenous{pointer-events:none;width:104px;height:104px;position:absolute;overflow:visible}.hint-exogenous circle{fill:#e8fcff99;stroke:#276e79;stroke-width:2.5px}.hint-counter circle{stroke-dasharray:4 3;stroke-width:4px}.hint-counter path{stroke:#252a2d;stroke-width:5px;fill:none}.hint-reef .hint-target{width:clamp(84px,13vw,150px);min-height:0;padding:8px;position:absolute;box-shadow:none!important;background:0 0!important;border:0!important}.hint-reef .hint-target:focus-visible{outline-offset:5px;outline:3px solid #196139}.hint-target.is-fading{animation:2s linear forwards hint-fade!important}.hint-first-tap{text-align:center;color:#173e45;pointer-events:none;background:#f4fffc;border-radius:12px;padding:12px;font-size:clamp(19px,2.4vw,28px);font-weight:750;position:absolute;bottom:8%;left:15%;right:15%}.hint-warmup-note{text-align:center;color:#173e45;font-weight:700}@keyframes hint-fixation{0%{box-shadow:0 0 #368a8c44,0 0 #85709822}to{box-shadow:0 0 0 7px #368a8c44,0 0 0 18px #85709822}}@keyframes hint-direction{0%{opacity:.4;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes hint-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hint-fixation,.hint-form{animation:none}.hint-target.is-fading{animation:2s linear forwards hint-fade!important}}.riff-rule-fish-position,.riff-rule-fish-motion{display:block}.riff-rules-task:not([data-rule-level="1"]) .riff-rule-options button{box-shadow:none;background:0 0;border-color:#0000}.riff-rules-task[data-rule-level="3"] .riff-rule-fish-motion,.riff-rules-task[data-rule-level="4"] .riff-rule-fish-motion{animation:riff-rule-local-swim var(--rule-swim-duration) ease-in-out var(--rule-swim-delay) infinite}.riff-rules-task[data-rule-level="3"] .riff-rule-options button,.riff-rules-task[data-rule-level="4"] .riff-rule-options button{padding-inline:14px}.riff-rules-task[data-rule-level="4"] .riff-rule-options button{min-height:170px;padding-block:30px}.riff-rules-task[data-rule-level="4"] .riff-rule-fish-position{transform:translateY(var(--rule-height))}.riff-rules-task[data-rule-level="4"] .riff-rule-fish-motion{animation-name:riff-rule-local-swim-vertical}@keyframes riff-rule-local-swim{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}@keyframes riff-rule-local-swim-vertical{0%,to{transform:translate(-8px,-12px)}25%{transform:translateY(10px)}50%{transform:translate(8px,12px)}75%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.riff-rules-task .riff-rule-fish-motion{animation:none}}.riff-rule-options.riff-master-field{height:clamp(300px,52vh,440px);display:block;position:relative;overflow:hidden}.riff-rule-options.riff-master-field button{width:var(--swimmer-width,90px);height:calc(var(--swimmer-width,90px) * .65);will-change:transform;border:0;min-height:0;padding:3px;position:absolute;top:0;left:0}.riff-rule-options.riff-master-field button svg{width:100%;height:100%}.patient-shell.active-task-shell:has(.reef-mission-task){background:linear-gradient(#0d233961, #0d233961), var(--mission-scene,url(/assets/mission-scenes/wasserprobe-1.webp)) center / cover no-repeat}.patient-shell:has(.reef-mission-task) .patient-water{display:none}.patient-shell:has(.reef-mission-task)>.patient-header{background:#eff9f7c2;border-radius:0 0 14px 14px;padding-inline:14px}.reef-mission-task .training-top{background:#eff9f7c2;border-radius:10px;padding:6px 12px}.training-action-area.task-background .reef-mission-board{box-shadow:none;background:0 0;border-color:#0000}.training-action-area.task-background .reef-mission-feedback.is-correct{border-color:#00795bb3}.training-action-area.task-background .reef-mission-feedback.is-incorrect{border-color:#a13f34b3}.reef-mission-board>header,.reef-mission-board .mission-revision,.reef-mission-feedback>h2,.reef-mission-feedback>h3,.reef-mission-feedback>p,.reef-mission-feedback .mission-correct-order{color:#163d4a;background:#f8fffdcc;border-radius:12px;padding:14px 18px}.reef-mission-board>header>span{color:#163d4a}.reef-mission-board .mission-order li{color:#163d4a;background:#f8fffdcc}.reef-mission-board .mission-order li.filled{background:#e1f7edd1}.reef-mission-board .mission-step-options button{color:#163d4a;background:#f8fffdd1}.reef-mission-board .mission-step-options button:disabled{opacity:1;color:#52676c;background:#e5efedd1;border-color:#819d9e}.reef-mission-board .mission-order li>span{background:#2a4a55cc}.reef-mission-board .mission-actions button{background:#114b49d1}.reef-mission-board .mission-actions .patient-secondary{color:#163d4a;background:#f8fffdd1}.reef-mission-board .mission-actions button:disabled{opacity:1;color:#52676c;background:#e5efedd1;border-color:#819d9e}.reef-mission-feedback .mission-correct-order{padding-left:42px}.reef-mission-feedback.is-correct>h2{color:#00664d}.reef-mission-feedback.is-incorrect>h2{color:#91382f}@media (max-width:640px){.patient-shell.active-task-shell:has(.reef-mission-task){background-position:var(--mission-position,center)}}.mission-diver-success{z-index:100;background:#163d4a;place-items:center;display:grid;position:fixed;inset:0}.mission-diver-success img{object-fit:contain;filter:brightness(.82);width:100%;height:100%;min-height:0}.mission-diver-success>p{bottom:max(24px, env(safe-area-inset-bottom));color:#163d4a;background:#eff9f7d1;border-radius:12px;margin:0;padding:10px 22px;font-size:24px;font-weight:800;position:absolute}