.ocean{position:relative;height:530px;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 40%,#50e0e5,#17adca 50%,#08769d);box-shadow:inset 0 0 70px #00487388}.ocean:before{content:"";position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 24px,#c1ffff33 25px 27px,transparent 29px 70px);transform:rotate(-15deg);animation:water 16s linear infinite}.center{opacity:.65;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;color:#e4ffff;text-shadow:0 2px 10px #005c80}.center strong{display:block;font-size:24px}.center span{font-size:13px}.boat{position:absolute;transform:translate(-50%,-50%);width:126px;text-align:center;z-index:2}.platform{position:relative;margin:auto;width:83px;height:83px;border:7px solid #965329;border-radius:50%;background:repeating-linear-gradient(90deg,#c18c49 0 13px,#b17539 14px 17px);box-shadow:0 7px 0 #613e27,0 12px 0 4px #e1ffff66,0 15px 22px #02465b66}.gun{position:absolute;top:50%;left:50%;width:65px;height:24px;transform-origin:0 50%;border-radius:6px;background:linear-gradient(#647e89,#1d3543 40%,#092333 70%,#668491);border:2px solid #071f31;z-index:3;animation:rotate 20s linear infinite}.avatar{position:absolute;inset:13px;border-radius:50%;display:grid;place-items:center;background:var(--color);font-size:28px;border:3px solid #fff9;z-index:4}.name{display:block;color:white;font-weight:900;text-shadow:0 2px 4px #003549;margin-top:14px;font-size:15px}.hearts{color:#fff;font-size:15px}.boat.me .platform{outline:4px solid #fff38b;outline-offset:5px}.boat.hit{animation:shake .4s}.shield{display:none;position:absolute;inset:-9px;border:3px dashed #d8ffff;border-radius:50%;box-shadow:0 0 15px #c9ffff}.protected .shield{display:block}.event{color:#e4ffff;text-align:center;min-height:28px;padding-top:13px;font-weight:bold}.ocean{background-color:#168eaf;background-image:var(--water-texture);background-size:cover;box-shadow:inset 0 0 80px #03527344}.ocean:before{background:linear-gradient(120deg,#ffffff0a,transparent 35%,#007da322 60%,transparent);inset:0;animation:water 16s linear infinite}.boat{width:96px}.platform{width:66px;height:66px;border:5px solid #9a5d25;background:repeating-linear-gradient(100deg,#e4ac59 0 9px,#bd7c32 10px 12px);box-shadow:2px 6px 0 #694221,3px 10px 0 #aa702f,3px 12px 0 3px #deffffaa,3px 16px 18px #00465888;transform:rotate(-10deg)}.platform:before{content:"";position:absolute;inset:1px;border:3px solid #765136;border-radius:50%;box-shadow:inset 0 2px 0 #ffdf8d}.avatar{inset:12px;border:2px solid #fff8;font-size:22px;background:radial-gradient(circle at 35% 25%,#fff7,var(--color) 65%);box-shadow:1px 2px 4px #54350066}.gun{width:56px;height:20px;border-radius:3px;background:linear-gradient(#52666e,#253a41 25%,#10242d 70%,#63747b);border:2px solid #102731}.gun:after{content:"";position:absolute;right:-4px;top:-4px;width:11px;height:24px;border-radius:50%;background:#0d222d;border:3px solid #5d7278}.name{position:relative;z-index:6;font-size:14px;margin-top:26px;background:#07678cbb;border-radius:8px;padding:2px 3px}.hearts{font-size:13px;letter-spacing:1px}.boat.me .platform{outline-width:2px;outline-offset:6px}.center strong{font-size:22px}.big-screen .boat{width:100px}.big-screen .platform{width:70px;height:70px}.big-screen .name{font-size:16px}.big-screen .center strong{font-size:26px}
.sea-ocean{height:min(72vh,760px);aspect-ratio:auto;margin:18px 0;position:relative;overflow:hidden;border-radius:18px;background:#168eaf}.sea-ocean:before{pointer-events:none}.boat{width:105px}.name{position:relative;z-index:6;background:#07536ecc;padding:3px;border-radius:7px;margin-top:26px}.battle-event{position:absolute;bottom:4px;left:5%;width:90%;text-align:center;background:#064663dd;color:white;z-index:8}.sea-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}.sea-target{background:#edf7fa;color:#17495c;min-height:60px}.sea-target.selected{outline:3px solid #eab637;background:#fff1bc}.boat.targeted .platform{outline:4px dashed #ffe566;outline-offset:8px}.boat.targeted:before{content:'🎯';position:absolute;top:-26px;left:40%;font-size:25px}.sea-teacher main{max-width:none;margin:12px}.sea-teacher .sea-ocean{height:72vh}.sea-teacher #teacher-controls .roster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sea-ball{position:absolute;width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#7995a4,#04192a);border-radius:50%;z-index:8;transition:left .65s,top .65s}.sea-effect{position:absolute;font-size:52px;z-index:9;transform:translate(-50%,-50%);animation:splash 1s forwards}.sea-ocean .gun{width:56px;height:20px}.sea-ocean .center{pointer-events:none}.sea-ocean .protected .shield{display:block}@keyframes splash{to{opacity:0;transform:translate(-50%,-70%) scale(1.5)}}@media(max-width:650px){.boat{width:76px}.platform{width:48px;height:48px}.avatar{inset:7px;font-size:18px}.sea-ocean .gun{width:40px;height:16px}.name{font-size:11px}.hearts{font-size:11px}.sea-ocean{height:420px}}@media(prefers-reduced-motion:reduce){.sea-ocean *{animation:none!important;transition:none!important}}

@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes water{from{transform:translate(0,0)}to{transform:translate(20px,10px)}}
.sea-ocean{background-image:var(--water-texture);background-size:cover}

.sea-chest{position:absolute;width:30px;height:25px;border-radius:5px;background:linear-gradient(#ecbd61 0 35%,#a76122 38% 45%,#c78234 47%);border:2px solid #744418;box-shadow:0 3px 0 #633512,0 6px 5px #0b66866b;z-index:3;transform:translate(-50%,-50%);pointer-events:none;animation:chest-drift 6s ease-in-out infinite}.sea-chest:before{content:'';position:absolute;inset:0 6px;border-left:3px solid #ffe199;border-right:3px solid #ffe199}.sea-chest:after{content:'◆';position:absolute;left:9px;top:4px;font-size:12px;color:#fff096}.sea-chest[hidden]{display:none}.sea-chest.opening{filter:brightness(1.6);transform:translate(-50%,-50%) scale(1.4);animation:none}.sea-treasure-note{position:absolute;left:35%;top:45%;max-width:45%;padding:12px;border-radius:14px;background:#fff1bbee;color:#67441b;font-size:20px;font-weight:bold;z-index:12;pointer-events:none}@keyframes chest-drift{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(calc(-50% + 12px),calc(-50% - 7px)) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.sea-chest{animation:none}}

.sea-chest{background:linear-gradient(#c387f3 0 35%,#532b80 38% 45%,#8648b4 47%);border-color:#ffdc66;box-shadow:0 3px 0 #402365,0 0 0 1px #4a266f,0 6px 7px #075875aa}.sea-chest:before{border-left-color:#ffe889;border-right-color:#ffe889}.sea-chest:after{color:#fff39b;text-shadow:0 1px 2px #5e337e}

#target-panel{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(92vw,620px);max-height:80vh;overflow:auto;border:3px solid #eab637;border-radius:22px;padding:22px;background:#fff;color:#173b50;box-shadow:0 15px 60px #07304566}#target-panel::backdrop{background:#062c4aa8}#target-panel h3{margin-top:0}#target-panel #confirm-target,#target-panel #cancel-target{min-height:52px;margin-top:12px;width:100%}