:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#fff;--navy:#073b65;--pink:#ff659d;--gold:#ffcf5e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#073b65}body{background:radial-gradient(circle at 50% 0%,#3dd6ec 0%,#087ca7 43%,#063965 100%);min-height:100vh}.app{max-width:1070px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:0 15px}.top{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;gap:12px}.brand{color:#fff;text-decoration:none;font-weight:1000;letter-spacing:.6px;font-size:clamp(15px,3vw,22px);text-shadow:0 3px #084b75;display:flex;align-items:center;gap:8px}.right{display:flex;gap:9px}.icon-btn,.pause-btn{border:2px solid #ffffff85;color:#fff;background:#ffffff22;border-radius:16px;cursor:pointer;font-size:20px;padding:9px 12px}.icon-btn:focus-visible,.pause-btn:focus-visible,.primary:focus-visible,.shell:focus-visible,button:focus-visible{outline:4px solid #fff27a;outline-offset:3px}.screen{display:none}.screen.active{display:block}.menu-screen{flex:1}.hero{height:min(740px,calc(100vh - 110px));min-height:540px;position:relative;overflow:hidden;border-radius:28px;box-shadow:0 18px 65px #001d3a77;border:4px solid #bdfaff75;background:#007caa}.cover{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:saturate(1.07)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(#043f60db 0%,#055d7990 42%,#052b548c 73%,#052446dd 100%)}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(22px,6vh,70px) 20px 25px}.eyebrow{background:#ffffff30;padding:9px 18px;border:1px solid #ffffff7a;border-radius:50px;font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(49px,9vw,100px);max-width:760px;line-height:.96;margin:22px 0 12px;text-transform:uppercase;letter-spacing:-3px;-webkit-text-stroke:1px #884d62;text-shadow:0 6px 0 #65335a,0 10px 30px #002e51}.hero h1 em{color:#ff99ba;font-style:normal}.hero p{max-width:530px;font-size:clamp(15px,2.7vw,22px);line-height:1.5;font-weight:750;text-shadow:0 2px 8px #003456}.primary{background:linear-gradient(#ffb4cc,#ff4f91);border:3px solid #fff0ae;border-bottom:7px solid #b52864;border-radius:99px;color:#fff;padding:17px 35px;font-weight:1000;font-size:22px;font-family:inherit;box-shadow:0 10px 22px #002b5877;text-shadow:0 2px #bf2865;cursor:pointer;margin-top:auto;min-height:65px;transition:transform .13s}.primary:hover{transform:translateY(-3px)}.primary:active{transform:translateY(2px)}.menu-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:19px}.menu-stats span{background:#003d6dba;border:1px solid #ffffff60;border-radius:25px;padding:10px 16px;font-size:14px}.game-screen{flex:1;display:none;flex-direction:column}.game-screen.active{display:flex}.hud{display:flex;gap:9px;align-items:stretch;padding:7px 0 13px}.hud-box{flex:1;min-width:0;display:flex;gap:6px;justify-content:center;align-items:center;background:#063f65bd;border:2px solid #ffffff49;border-radius:17px;padding:9px 8px;font-size:19px}.hud-box small{font-size:11px;font-weight:900;color:#a5eff6}.hud-box strong{font-size:23px;color:#fff3a9}.pause-btn{min-width:55px}.task{text-align:center;padding:10px 5px 12px;display:flex;gap:4px;flex-direction:column}.task strong{font-size:clamp(18px,3vw,26px);text-shadow:0 3px #00527e}.task span{min-height:23px;color:#fff1b9;font-weight:700}.board-wrap{position:relative;flex:1;min-height:370px;overflow:hidden;border-radius:29px;border:4px solid #d8fbff88;box-shadow:inset 0 4px 40px #00305777,0 15px 30px #00244877;background:radial-gradient(ellipse at 50% 100%,#ffd78d 0%,#d4a86e 29%,transparent 55%),linear-gradient(170deg,#4ae4f9 0%,#0a98ca 25%,#00659f 56%,#093b72 100%)}.sunbeams{position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(from 65deg at 50% -25%,#d9fff32a 0deg 12deg,transparent 13deg 28deg);opacity:.48}.bubbles{position:absolute;top:5%;left:10%;font-size:55px;letter-spacing:100px;opacity:.35;white-space:nowrap;pointer-events:none}.board{position:relative;z-index:2;width:100%;height:100%;min-height:370px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;justify-items:center;gap:clamp(6px,2vw,22px);padding:25px 48px 48px}.board.dense{grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 35px 40px}.shell{aspect-ratio:1.16;width:min(100%,153px);padding:0;border:0;background:transparent;position:relative;cursor:pointer;touch-action:manipulation;transition:transform .16s;filter:drop-shadow(0 8px 4px #0039614a)}.shell:hover:not(:disabled){transform:scale(1.1) rotate(-3deg)}.shell:active:not(:disabled){transform:scale(.95)}.shell:disabled{cursor:default}.shell svg{width:100%;height:100%;overflow:visible}.shell.opened{animation:pop .3s ease-out}.shell.correct{filter:drop-shadow(0 0 16px #fff5a2)}.shell-number{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);font-size:12px;color:#ffffffaa;font-weight:900}.reef{position:absolute;bottom:-14px;font-size:clamp(35px,7vw,80px);opacity:.8;z-index:1}.left-reef{left:-25px}.right-reef{right:-23px}.bottom-info{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:13px;padding:16px 0;font-weight:800;color:#d6f9fb}footer{text-align:center;padding:12px 0 17px;color:#c6eff4;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#032c4ec9;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.modal-backdrop[hidden]{display:none}.modal{width:min(95vw,460px);border:5px solid #ffe6a1;border-radius:34px;text-align:center;padding:26px 18px;background:linear-gradient(#117aab,#075077);box-shadow:0 20px 85px #001c36, inset 0 0 30px #ffffff18}.modal-art{font-size:70px}.modal h2{font-size:clamp(26px,6vw,37px);margin:4px 0 8px;color:#ffe7a5;text-shadow:0 3px #9e5360}.modal p{font-size:17px;line-height:1.45}.modal-summary{font-size:18px;font-weight:900;color:#ffdb8e;margin-bottom:12px}.modal-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.modal-buttons button{cursor:pointer;border:2px solid #fff1bd;border-radius:40px;padding:13px 20px;font-weight:900;color:#fff;background:linear-gradient(#ff99bd,#ee4f89);font-size:16px}.modal-buttons button.secondary{background:#ffffff33}@keyframes pop{0%{transform:scale(.75)}65%{transform:scale(1.13)}100%{transform:scale(1)}}@media(max-width:640px){.app{padding:0 9px}.top{padding:9px 3px}.brand{font-size:14px}.hero{height:calc(100svh - 98px);min-height:440px}.hero h1{font-size:clamp(47px,12vw,75px)}.hero-content{padding-top:45px}.hud{gap:4px}.hud-box{flex-direction:column;gap:0;font-size:12px;padding:8px 2px;border-radius:12px}.hud-box small{font-size:9px}.hud-box strong{font-size:20px}.pause-btn{min-width:40px;padding:4px}.board-wrap,.board{min-height:410px}.board{padding:20px 14px 37px;gap:5px}.board.dense{padding:18px 7px 32px;gap:4px}.shell-number{font-size:10px}.bottom-info{padding:12px;font-size:11px;gap:9px}.icon-btn{padding:7px}}@media(max-height:700px){.hero{min-height:440px}.board-wrap,.board{min-height:300px}}

/* Sürüm 2 güçlendiriciler ve görsel detaylar */
.powers{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;padding:0 0 12px}.power{border:2px solid #f8f5bb;background:linear-gradient(150deg,#0a83ad,#064c86);color:white;border-radius:16px;font:900 14px inherit;font-family:inherit;font-weight:900;padding:10px 15px;cursor:pointer;box-shadow:0 4px 0 #04355a;transition:transform .15s}.power:hover:not(:disabled){transform:translateY(-2px)}.power span{background:#fff0bc;color:#59364b;display:inline-grid;place-items:center;border-radius:50%;min-width:24px;height:24px;margin-left:5px}.power:disabled{opacity:.45;cursor:not-allowed}.power.selected{border-color:#95ffbc;box-shadow:0 0 18px #a9ff90}.shell.hinted{filter:drop-shadow(0 0 11px #fffbbb) drop-shadow(0 0 15px #ffcb44);animation:hintPulse 1s infinite alternate}.shell.danger{filter:drop-shadow(0 0 14px #ff6464)}.board-wrap:before{content:'✦';position:absolute;top:6%;right:10%;color:#d0ffffaa;font-size:34px;animation:floatSpark 5s ease-in-out infinite}.board-wrap:after{content:'✧';position:absolute;top:20%;left:8%;color:#d0ffffaa;font-size:23px;animation:floatSpark 6s ease-in-out infinite reverse}@keyframes hintPulse{to{transform:scale(1.08);filter:drop-shadow(0 0 19px #fff38b)}}@keyframes floatSpark{50%{transform:translateY(25px);opacity:.25}}@media(max-width:640px){.powers{gap:5px;padding:0 0 9px}.power{padding:8px 9px;font-size:12px;border-radius:11px}.power span{min-width:20px;height:20px}.board-wrap,.board{min-height:350px}}@media(prefers-reduced-motion:reduce){.shell,.power,.board-wrap:before,.board-wrap:after{animation:none!important;transition:none!important}}