#communityPool #poolDiveBoard{left:44.5%;top:36.5%;width:7%;height:7.2%;min-width:44px;min-height:44px;z-index:7}
#poolDiveBoard .dive-hint{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;visibility:hidden;background:#f2e8cd;color:#264b57;padding:5px 8px;font:12px 'DM Mono',monospace;line-height:1.3;pointer-events:none}
#poolDiveBoard:hover .dive-hint,#poolDiveBoard:focus-visible .dive-hint{visibility:visible}
#diveTreasure{box-sizing:border-box;width:min(900px,98vw);max-width:98vw;max-height:98dvh;padding:0;background:#e8e1c7;color:#173c45;border:3px solid #537b7e;box-shadow:0 18px 70px #001c2aaa;overflow:auto;font:16px/1.45 Georgia,serif}
#diveTreasure::backdrop{background:#031a27dd}
#diveTreasure header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:2px solid #729b9a}
#diveTreasure h2{margin:0;font:600 clamp(15px,3vw,22px)/1.2 Georgia,serif;letter-spacing:.03em}
#diveTreasure button:not(.dive-object):not(#diveCapsule){min-height:44px;padding:8px 14px;background:#f6edd2;border:1px solid #668789;color:#173c45;font:13px 'DM Mono',monospace;cursor:pointer}
#diveTreasure button:disabled{opacity:.5;cursor:wait}
#diveIntro,#diveResult{padding:24px;max-width:630px;margin:auto;text-align:center}
#diveIntro h3,#diveResultTitle{font:700 25px Georgia,serif}
#diveRound{position:relative}
.dive-layout{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:start;gap:10px;padding:10px}
.dive-waterframe{width:min(100%,calc(98dvh - 150px));justify-self:center;position:relative;aspect-ratio:1;background:#245b69;overflow:hidden}
#diveScene{position:relative;width:100%;height:100%;touch-action:none}
#divePhoto{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
#diveScene .dive-object{position:absolute;appearance:none;border:0;padding:0;margin:0;background:transparent;box-shadow:none;cursor:default;touch-action:manipulation;outline:0;-webkit-tap-highlight-color:transparent}
#diveScene .dive-object:focus-visible{outline:1px dashed #e3ffff}
#diveCapsule{position:absolute;left:84%;top:86%;width:11%;height:7%;border:0;background:none;padding:0;cursor:default;touch-action:manipulation}
#diveCapsule img{width:100%;height:100%;object-fit:contain;pointer-events:none}
#diveCapsule[hidden],#diveTreasure [hidden]{display:none!important}
.dive-refraction{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 20%,#d2fff512,transparent 65%);animation:dive-light 5s ease-in-out infinite alternate}
@keyframes dive-light{to{opacity:.2;transform:translateY(1%)}}
#diveCountdown{position:absolute;inset:0;display:grid;place-items:center;font:bold 56px Georgia,serif;color:#f6f0d4;pointer-events:none;text-shadow:1px 3px 4px #002a39}
#diveCountdown.dive-go{align-items:start;padding-top:12px;font-size:30px}
.dive-slip{background:#f8edce;padding:12px;box-shadow:2px 3px 4px #173c4522;transform:rotate(.4deg)}
.dive-slip p{margin:0 0 10px}.dive-slip strong{font:18px 'DM Mono',monospace}#diveChecklist{padding-left:18px;margin:8px 0;line-height:1.8}#diveNotice{min-height:24px;margin:0;padding:0 12px 8px;font-style:italic}#diveError{color:#8b3429;margin:10px 15px}#diveError:empty{display:none}
.dive-note{font-style:italic;border-top:1px solid #b9b095;padding-top:12px}#diveReward{font-weight:bold;color:#3c6951}
@media(max-width:600px){.dive-layout{grid-template-columns:1fr;padding:5px;gap:5px}.dive-slip{transform:none;padding:7px 10px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}.dive-slip p{margin:0}#diveChecklist{display:flex;flex-wrap:wrap;gap:2px 14px;list-style:none;margin:2px 0;padding:0;font-size:14px;line-height:1.4;flex-basis:100%}#diveTreasure header{padding:5px 8px}#diveNotice{font-size:14px}#diveIntro,#diveResult{padding:18px}}
@media(prefers-reduced-motion:reduce){.dive-refraction{animation:none}}

#diveScene [data-dive-object="stick"]{clip-path:polygon(9% 0,0 17%,82% 100%,100% 91%,98% 80%,23% 4%)}
#diveScene [data-dive-object="quarter"],#diveScene [data-dive-object="token"],#diveScene [data-dive-object="ring"],#diveScene [data-dive-object="bracelet"],#diveScene [data-dive-object="scrunchie"]{clip-path:ellipse(50% 50%)}
@media(max-width:600px){.dive-waterframe{width:min(100%,calc(98dvh - 230px));margin:auto}}
