.reef-game-section{background:#073c54;color:#f8fffa;padding:68px 0 72px;overflow:clip}
.reef-game-wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.reef-game-heading{max-width:720px;margin:0 auto 30px;text-align:center}
.reef-kicker{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:bold;color:#9ce8dc;margin:0 0 8px}
.reef-game-heading h2{color:#fff;font-size:clamp(34px,4vw,52px);margin:0 0 12px}
.reef-game-heading>p:last-child{color:#d5edf0;margin:0;font-size:17px}
.reef-game-card{background:#f7f2e8;color:#173f47;border-radius:24px;padding:clamp(18px,3vw,34px);box-shadow:0 20px 50px #001d2c66}
.reef-game-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.reef-mission-count{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8d326e;font-weight:bold}
.reef-game-top h3{font:normal clamp(24px,3vw,34px)/1.15 Georgia,serif;margin:4px 0}
.reef-reset{min-height:50px;border-radius:30px;border:1px solid #285e65;color:#173f47;background:transparent;padding:8px 19px;font-weight:bold;cursor:pointer}
.reef-instruction{margin:10px 0 16px;font-size:16px;font-weight:bold}
.reef-scene{height:320px;position:relative;isolation:isolate;overflow:hidden;border:2px solid #6cc7ce;border-radius:20px;background:linear-gradient(#58cbd3 0%,#158ca9 58%,#08718d 100%);box-shadow:inset 0 -45px 70px #07566d}
.reef-waterline{position:absolute;inset:0;opacity:.5;background:radial-gradient(ellipse at 14% 15%,#e4ffff 0 2px,transparent 3px),radial-gradient(ellipse at 82% 24%,#e4ffff 0 3px,transparent 4px),radial-gradient(ellipse at 61% 13%,#e4ffff 0 2px,transparent 3px)}
.reef-scene:after{content:"";position:absolute;z-index:-1;left:-4%;bottom:-44px;width:110%;height:112px;background:#d3bd82;border-radius:50% 48% 0 0;box-shadow:inset 0 10px #e5d29b}
.reef-coral{position:absolute;bottom:24px;width:96px;height:125px}
.reef-coral i{position:absolute;bottom:0;width:24px;height:74px;border-radius:22px 22px 0 0;background:#ef8e8b;transform-origin:bottom}
.reef-coral i:nth-child(2){left:28px;height:105px;background:#e8b765;transform:rotate(15deg)}
.reef-coral i:nth-child(3){left:55px;height:83px;background:#c483bb;transform:rotate(-18deg)}
.coral-left{left:2%}.coral-right{right:3%;transform:scale(.86)}
.reef-crevice{position:absolute;right:21%;bottom:24px;width:100px;height:113px;border-radius:48% 48% 9px 9px;background:#456c68;box-shadow:inset 0 0 0 8px #81a99a;display:none;align-items:center;justify-content:center}
.reef-crevice.is-active{display:flex}
.crevice-food{width:35px;height:27px;border-radius:55% 35% 48% 35%;background:#f2a769;box-shadow:0 2px 0 #ad6356;transform:translateX(12px)}
.reef-theo{position:absolute;left:12%;top:38%;width:126px;height:150px;object-fit:contain;filter:drop-shadow(0 6px 4px #07384955);transition:transform .55s ease,left .55s ease;z-index:2}
.reef-theo.is-reaching{left:57%;transform:translateY(-10px) rotate(8deg)}
.reef-theo.is-celebrating{transform:translateY(-13px) rotate(-7deg)}
.reef-food-zone{position:absolute;inset:0;z-index:3;pointer-events:none}
.reef-target{position:absolute;pointer-events:auto;left:60%;top:30%;min-width:72px;min-height:72px;border:2px solid #fff;border-radius:50%;background:#fff7db;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px #063d5070;transition:transform .18s,opacity .3s}
.reef-target:hover{transform:scale(1.07)}
.reef-target svg{width:48px;height:48px}
.reef-target.is-eaten{opacity:0;transform:translate(30px,20px) scale(.2)}
.reef-scene{box-shadow:inset 0 0 0 7px #d5ffff1c,inset 0 -45px 70px #07566d}
.reef-waterline{background:
 radial-gradient(ellipse at 14% 15%,#e4ffff 0 2px,transparent 3px),
 radial-gradient(ellipse at 82% 24%,#e4ffff 0 3px,transparent 4px),
 radial-gradient(ellipse at 61% 13%,#e4ffff 0 2px,transparent 3px),
 linear-gradient(115deg,transparent 0 42%,#ffffff12 43% 44%,transparent 45% 100%)}
.reef-target:after{
  content:"";position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);
  padding:2px 7px;border:1px solid #e3d7b9;border-radius:10px;background:#fff8e9;color:#31566a;
  font:900 8px/1.3 "Trebuchet MS",Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;
  box-shadow:0 2px 5px #073d5070;pointer-events:none
}
.reef-art-sponge:after{content:"SPONGE"}
.reef-art-jelly:after{content:"JELLYFISH"}
.reef-art-bag:after{content:"PLASTIC"}
.reef-art-coral:after{content:"CORAL"}
.reef-art-mollusk:after{content:"MOLLUSK"}
.reef-art-habitat:after{content:"REEF HOME"}
.reef-target.bag{left:74%;top:54%;background:#f6eafa}
.reef-target.jelly{left:63%;top:16%}
.reef-target.crevice-target{left:auto;right:22%;bottom:45px;top:auto;width:58px;height:58px;min-width:58px;min-height:58px}
.reef-feedback{position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);width:min(90%,650px);padding:9px 14px;border-radius:24px;background:#fff8e9;color:#173f47;text-align:center;font-size:14px;font-weight:bold;box-shadow:0 4px 12px #063d5040}
.reef-choice-list{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.reef-choice{min-height:52px;min-width:100px;padding:9px 16px;border-radius:28px;border:2px solid #4b8990;background:#fff;color:#173f47;font-weight:bold;cursor:pointer}
.reef-choice:hover{background:#e1f6ef}
.reef-choice:focus-visible,.reef-reset:focus-visible,.reef-target:focus-visible,.reef-next:focus-visible{outline:3px solid #bc397d;outline-offset:3px}
.reef-science{border-top:1px solid #c5d4c7;padding-top:16px;margin:12px 0 8px;font-size:14px;line-height:1.65;color:#385c60}
.reef-source{font-size:13px;color:#175d70;text-underline-offset:4px;font-weight:bold}
.reef-next{min-height:52px;border:0;border-radius:28px;background:#bd3476;color:white;padding:10px 22px;font-weight:bold;cursor:pointer}
.reef-safety{position:sticky;bottom:0;z-index:5;margin:20px auto 0;width:min(100%,900px);padding:14px 18px;border-radius:16px;text-align:center;background:#fff2c8;color:#253f42;font-size:15px;box-shadow:0 4px 16px #001d2c44}
.reef-safety strong{color:#812b66}
.litter{width:76px;height:54px;min-width:48px;min-height:48px;border-radius:18px;font-size:12px;font-weight:bold;color:#254a50;z-index:2}
.litter-one{left:22%;top:18%}.litter-two{left:48%;top:30%}.litter-three{left:75%;top:19%}.litter-four{left:35%;top:64%}.litter-five{left:60%;top:65%}.litter-six{left:8%;top:43%}
.reef-next-link{display:inline-flex;align-items:center;min-height:48px;margin-top:10px;color:#d8fbf1;font-weight:bold;text-underline-offset:4px}
.game-safety{color:#d4edf0!important;line-height:1.65}
@media(max-width:700px){.reef-game-section{padding:42px 0}.reef-game-wrap{width:calc(100% - 28px)}.reef-game-heading{text-align:left;margin-bottom:20px}.reef-game-heading>p:last-child{font-size:15px}.reef-scene{height:290px}.reef-theo{width:104px;height:126px;left:5%;top:41%}.reef-theo.is-reaching{left:49%}.reef-coral{transform:scale(.75);transform-origin:bottom left}.coral-right{transform:scale(.67);transform-origin:bottom right}.reef-crevice{right:13%;width:77px}.reef-target{left:58%;min-width:68px;min-height:68px}.reef-target.bag{left:72%}.reef-target.crevice-target{right:14%}.reef-choice-list{gap:8px}.reef-choice{flex:1 1 calc(50% - 8px);min-width:0}.reef-safety{position:sticky;bottom:8px;font-size:13px;padding:13px}.reef-game-top h3{font-size:26px}.reef-reset{padding:7px 13px}}
@media(max-width:700px){.litter{width:66px;height:52px;font-size:11px}.litter-one{left:15%;top:15%}.litter-two{left:48%;top:28%}.litter-three{left:70%;top:16%}.litter-four{left:36%;top:62%}.litter-five{left:62%;top:66%}.litter-six{left:5%;top:43%}.game-layout{padding-top:42px;padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){.reef-theo,.reef-target,.reef-choice,.reef-reset{transition:none!important}}