body.rrdd-adventure #read.ocean-words .reading-card{background:linear-gradient(#86eaff30,#47baff15),url('art/word-reef-v1.webp') center/cover;overflow:hidden!important;padding:8px 12px!important}
body.rrdd-adventure #read.ocean-words #mini{display:grid!important;grid-template: auto auto minmax(0,1fr)/minmax(0,1fr)!important;gap:4px!important;width:100%;max-width:none!important;height:100%;min-height:0}
body.rrdd-adventure #read.ocean-words #miniRound{grid-area:1/1;margin:0;font-size:12px;line-height:1.2;text-align:center;color:#113c61}
body.rrdd-adventure #read.ocean-words #miniQuestion{grid-area:2/1;font-size:clamp(24px,3vw,36px)!important;line-height:1.1!important;margin:0!important;padding:0!important;text-align:center;color:#fffbe4;text-shadow:0 3px #0879a7,0 0 12px #125978}
body.rrdd-adventure #read.ocean-words :is(#hearMini,.tap-note,#miniChoices,#confirmMini,#polarBoard,#penguinBoard,#orcaColourBoard,#circusBoard,#fireworkBoard){display:none!important}
body.rrdd-adventure #read.ocean-words #spellingBoard{grid-area:3/1;display:flex!important;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;min-height:0;max-width:1100px;justify-self:center;overflow:hidden}
.ocean-prompt,.ocean-word-message{margin:0!important;padding:6px 16px;background:#f0ffffed;border:2px solid #cbf6ff;border-radius:30px;color:#125577;font-weight:900;font-size:clamp(15px,1.8vw,22px);line-height:1.25;text-align:center;flex:none;max-width:100%}
.ocean-sound-badge{display:inline-grid;place-items:center;background:#ffdd6b;border-radius:12px;min-width:32px;font-size:1.3em;color:#164c70}
.ocean-word-message{font-size:clamp(13px,1.5vw,18px);padding:4px 12px}
.ocean-word-stage{flex:1;min-height:0;min-width:0;width:100%;display:grid;gap:16px;padding:8px;overflow:hidden}
.ocean-sound{grid-template: minmax(0,1fr)/repeat(3,minmax(0,1fr));align-items:stretch}
.ocean-picture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;overflow:hidden;padding:10px;background:linear-gradient(#f2ffffee,#ccf7ffdf);border:4px solid #f1ffff;border-radius:28px;box-shadow:0 6px 0 #3a95b5;color:#154f74;touch-action:manipulation;transition:transform .2s}
.ocean-picture img{width:100%;min-height:0;flex:1;object-fit:contain;filter:drop-shadow(0 6px 4px #1788ad33);pointer-events:none}
.ocean-picture span{flex:none;font-family:Froople,'Trebuchet MS',sans-serif;font-size:clamp(20px,2.6vw,34px);line-height:1.1}
.ocean-word-game button:disabled{opacity:.7}.ocean-picture:disabled{opacity:.85}
.ocean-question{display:flex;align-items:center;justify-content:center;gap:10px;max-width:100%;flex:none}.ocean-question .ocean-prompt{min-width:0;flex:0 1 auto}.ocean-listen{flex:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:2px solid #fff5bc;border-radius:50%;background:linear-gradient(#ffed94,#ffd358);box-shadow:0 3px #bd852b;color:#154e73;font-size:24px;touch-action:manipulation}
.ocean-build{grid-template:minmax(0,1fr) auto/minmax(0,1fr);gap:8px}.ocean-build-hero{min-height:0;display:grid;place-items:center}.ocean-build-hero img{height:100%;width:100%;max-height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 6px 4px #00588866);animation:ocean-float 3s ease-in-out infinite}
.ocean-build-board{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px;background:#ebffffe8;border:3px solid #d1f8ff;border-radius:24px;max-width:100%;min-width:0}
.ocean-word-slots{display:flex;justify-content:center;gap:6px}.ocean-word-slots :is(span,button){display:grid;place-items:center;flex:none;margin:0;padding:0;width:clamp(40px,6vw,66px);height:clamp(44px,6vw,66px);font-family:Froople,'Trebuchet MS',sans-serif;font-size:clamp(28px,4vw,44px);line-height:1;background:#fffaf0;color:#175a80;border:3px solid #8ad3e7;border-radius:14px}.ocean-word-slots .ocean-prefix{background:#c6f4ff;border-color:#a4e0ed}.ocean-word-slots .ocean-letter-slot{border-style:dashed}.ocean-word-slots .filled{border-style:solid;background:#d5ffe2;animation:ocean-pop .4s ease}
.ocean-letter-tray{display:flex;justify-content:center;gap:10px}.ocean-letter{width:clamp(44px,7vw,74px);height:clamp(48px,7vw,72px);min-height:44px;padding:0;border:3px solid #fff;border-radius:16px;background:#ffdc66;box-shadow:0 4px #4792b2;color:#164c75;font-family:Froople,'Trebuchet MS',sans-serif;font-size:clamp(28px,4vw,44px);line-height:1;touch-action:manipulation}.ocean-letter:nth-child(2){background:#b4e9ff}.ocean-letter:nth-child(3){background:#ffb7cd}.ocean-letter:nth-child(4){background:#b9edcb}.ocean-letter:nth-child(5){background:#d5b5fb}.ocean-letter.ocean-used{opacity:.3!important;box-shadow:none}
.ocean-size{grid-template:minmax(0,1fr) auto/minmax(0,1fr)}.ocean-size-view{display:flex;flex-direction:column;min-height:0;align-items:flex-start;padding:0 5%;gap:6px}.ocean-size-view figure{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:0;flex:1;margin:0!important;background:none!important;border-radius:0!important;overflow:visible!important;position:relative}.ocean-size-view img{width:100%!important;height:100%!important;min-height:0;object-fit:contain!important;animation:ocean-float 4s ease-in-out infinite}.ocean-size-view figcaption{position:static!important;display:block!important;flex:none;padding:2px 10px;border-radius:20px;background:#f0ffffed;color:#14577a;font-size:16px;font-weight:900}.ocean-size-actor{width:100%}.ocean-size-other{width:65%}.ocean-size-view[data-compare=fish] .ocean-size-actor{width:28%}.ocean-size-view[data-compare=fish] .ocean-size-other{width:100%}.ocean-size-view figure::after{content:'';position:absolute;top:45%;left:0;right:0;border-top:3px dashed #fffbb3;animation:ocean-ruler 2s ease-in-out infinite;pointer-events:none}
.ocean-size-answers{display:flex;justify-content:center;gap:16px;width:100%}.ocean-size-choice{flex:1;max-width:220px;min-height:56px;min-width:0;padding:8px 18px;border:3px solid white;border-radius:18px;box-shadow:0 5px #2c789d;font-size:clamp(16px,2vw,24px);color:#164d6d;touch-action:manipulation;background:#fff0b8}
.ocean-size-view[data-compare=bus] .ocean-size-other{flex:.6}.ocean-size-view[data-compare=fish] .ocean-size-actor{flex:.6}
.ocean-correct{background:#c4ffcd!important}.ocean-celebrate .ocean-correct{animation:ocean-pop .5s ease}.ocean-retry .ocean-word-stage{animation:ocean-retry .35s ease}.ocean-paused *{animation-play-state:paused!important}
@keyframes ocean-float{50%{translate:0 -4px;rotate:1deg}}@keyframes ocean-pop{50%{transform:scale(.96);filter:brightness(1.2)}}@keyframes ocean-retry{25%,75%{translate:-4px 0}50%{translate:4px 0}}@keyframes ocean-ruler{50%{opacity:.35}}
@media(orientation:portrait){.ocean-sound{grid-template:repeat(3,minmax(0,1fr))/minmax(0,1fr)}.ocean-picture{flex-direction:row}.ocean-picture img{width:60%;height:100%;max-width:60%;flex:none}.ocean-picture span{flex:1;min-width:0;overflow-wrap:anywhere}}
@media(max-width:600px) and (orientation:portrait){body.rrdd-adventure #read.ocean-words .reading-card{padding:5px 6px!important}body.rrdd-adventure #read.ocean-words #spellingBoard{gap:5px}.ocean-word-stage{gap:8px;padding:5px}.ocean-picture{padding:4px 10px;border-width:3px;border-radius:18px;gap:8px}.ocean-picture span{font-size:clamp(17px,5.5vw,22px)}.ocean-prompt{font-size:15px;padding:4px 8px}.ocean-word-message{font-size:12px;padding:3px 8px}.ocean-build-board{gap:10px;padding:8px}.ocean-letter-tray{gap:7px}.ocean-word-slots{gap:4px}.ocean-size-choice{font-size:15px;min-height:50px;padding:6px 8px}.ocean-size-answers{gap:8px}.ocean-size-view figcaption{font-size:13px}}
@media(min-width:900px) and (orientation:landscape){.ocean-build{grid-template:minmax(0,1fr)/minmax(0,1fr) minmax(340px,1fr);align-items:center}.ocean-build-hero{height:100%}.ocean-build-board{justify-self:center}.ocean-size-view{flex-direction:row;align-items:center;gap:20px}.ocean-size-view figure{flex:none;height:100%}.ocean-size-actor{width:59%}.ocean-size-other{width:38%}.ocean-size-view[data-compare=fish] .ocean-size-actor{width:26%}.ocean-size-view[data-compare=fish] .ocean-size-other{width:70%}}
@media(orientation:landscape) and (max-height:500px){body.rrdd-adventure #read.ocean-words #spellingBoard{gap:3px}body.rrdd-adventure #read.ocean-words #miniQuestion{font-size:22px!important}.ocean-prompt{padding:2px 10px;font-size:14px}.ocean-word-message{font-size:12px;padding:2px 8px}.ocean-word-stage{gap:6px;padding:4px 6px}.ocean-picture{padding:2px 8px;border-width:2px;border-radius:16px;gap:2px}.ocean-picture span{font-size:18px}.ocean-build{grid-template:minmax(0,1fr)/minmax(0,1fr) 330px;align-items:center}.ocean-build-hero{height:100%}.ocean-build-board{padding:6px;gap:8px}.ocean-word-slots :is(span,button){height:44px;width:44px;font-size:30px}.ocean-letter{width:46px;height:44px;font-size:30px}.ocean-letter-tray{gap:8px}.ocean-size-view{flex-direction:row;align-items:center;gap:8px}.ocean-size-view figure{flex:none;height:100%}.ocean-size-actor{width:59%}.ocean-size-other{width:38%}.ocean-size-view[data-compare=fish] .ocean-size-actor{width:26%}.ocean-size-view[data-compare=fish] .ocean-size-other{width:70%}.ocean-size-view figcaption{font-size:12px}.ocean-size-choice{min-height:44px;padding:3px 12px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.ocean-word-game *{animation:none!important;transition:none!important}}
@media(orientation:portrait){#spellingBoard .ocean-size-view figure{height:auto}}
@media(orientation:landscape){#spellingBoard .ocean-size-view figure{height:100%}#spellingBoard .ocean-size-view[data-compare=bus] .ocean-size-other{height:65%;min-height:64px;flex:none}#spellingBoard .ocean-size-view[data-compare=fish] .ocean-size-actor{height:40%;min-height:64px;flex:none}}
@media(orientation:landscape) and (max-height:500px){body.rrdd-adventure #read.ocean-words #spellingBoard{display:grid!important;grid-template:auto minmax(0,1fr) auto/minmax(0,1fr);gap:4px}.ocean-question{grid-area:1/1;justify-self:center}.ocean-word-stage{grid-area:2/1;margin:0;height:100%}.ocean-word-message{grid-area:3/1;justify-self:center}.ocean-build{grid-template-columns:minmax(0,1fr) 260px}.ocean-word-slots :is(span,button){width:38px}.ocean-letter-tray{gap:5px}.ocean-letter{width:44px}.ocean-build-board{border-width:2px}}

.ocean-word-slots .ocean-letter-slot{min-width:44px;min-height:44px;touch-action:manipulation;box-shadow:none}.ocean-word-slots .ocean-letter-slot:not(:disabled){cursor:copy}.ocean-letter{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.ocean-letter.ocean-selected{outline:4px solid #ffb923;outline-offset:2px}body.rrdd-adventure .touch-drag-ghost.ocean-letter{width:70px;min-height:60px;height:60px;max-height:80px;cursor:grabbing}.ocean-word-slots .drop-near{border-style:solid;background:#fff1a9;box-shadow:0 0 16px #ffe789}