.touch-controls{display:none;position:relative;height:122px;margin-top:12px;z-index:4;pointer-events:none}.touch-control-group{position:absolute;top:0;display:flex;flex-direction:column;gap:6px;pointer-events:none}.touch-control-left{left:clamp(15px,3vw,25px)}.touch-control-right{right:clamp(15px,3vw,25px)}.touch-control-group button{width:58px;height:58px;padding:0;border:1px solid rgba(225,252,255,.78);border-radius:50%;background:#1777939e;color:#fff;font-size:20px;line-height:1;opacity:.68;box-shadow:0 0 15px #40daee59,inset 0 0 12px #ffffff24;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s,opacity .08s,background .08s}.touch-control-group button:active{transform:scale(.93);opacity:.92;background:#30b2cad1}@media(hover:none)and (pointer:coarse){.touch-controls{display:block}}@media(max-width:480px){.touch-controls{height:109px;margin-top:10px}.touch-control-group{gap:5px}.touch-control-left{left:10px}.touch-control-right{right:10px}.touch-control-group button{width:52px;height:52px;font-size:17px}}.header-selectors{display:flex;align-items:center;gap:14px}.header-difficulty{display:flex;align-items:center;gap:10px;margin:0}.header-difficulty>span{margin:0}.header-difficulty button{min-width:56px;padding:7px 8px}@media(max-width:700px){.header-selectors{gap:5px}.header-difficulty{gap:0}.header-difficulty>span{display:none}.header-difficulty button{min-width:40px;padding:6px 4px;font-size:7px}}.difficulty-picker{margin:8px 0 12px}.difficulty-picker>span{display:block;margin-bottom:7px;color:#83ddea;font-size:8px;font-weight:900;letter-spacing:2px}.difficulty-picker>div{display:flex;gap:6px;padding:4px;border:1px solid rgba(126,224,239,.28);background:#031724a3;border-radius:9px}.difficulty-picker button{min-width:72px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:#83a9b4;font-size:9px;font-weight:950;letter-spacing:1px;cursor:pointer}.difficulty-picker button.active{background:#43d5e9;color:#082335;box-shadow:0 0 16px #43d5e955}.mode-picker{display:flex;align-items:center;gap:10px}.mode-picker>span{font-size:8px;font-weight:900;letter-spacing:1.8px;color:#6fbccc}.mode-picker>div{display:flex;padding:3px;border:1px solid rgba(126,224,239,.22);background:#051c2c80;border-radius:8px}.mode-picker button{border:0;background:transparent;color:#789fac;padding:7px 12px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:1px;cursor:pointer}.mode-picker button.active{background:#43d5e9;color:#082335;box-shadow:0 0 14px #43d5e944}@media(max-width:700px){.mode-picker{gap:0}.mode-picker>span{display:none}.mode-picker button{padding:6px 8px;font-size:8px}}:root{--navy:#061d2e;--cyan:#42d5e9;--ice:#dff9f7;--orange:#ff9c36}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061a29;color:#eefeff;font-family:var(--font-geist-sans),Arial,sans-serif}button,a{font:inherit}.game-shell{position:relative;min-height:100vh;overflow:hidden;padding:0 5vw 24px;background:radial-gradient(circle at 52% 28%,#104462 0,#092b42 36%,#041522 76%)}.game-shell:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(125deg,transparent 38%,rgba(81,214,232,.25) 50%,transparent 62%),radial-gradient(#79d6e5 1px,transparent 1px);background-size:100% 100%,44px 44px}.aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22;pointer-events:none}.aurora-one{width:500px;height:180px;background:#35d3d8;left:-100px;top:34%}.aurora-two{width:540px;height:220px;background:#2f81c4;right:-170px;top:2%}.topbar{position:relative;z-index:2;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(126,224,239,.16)}.brand{display:flex;align-items:center;gap:12px;color:#eaffff;text-decoration:none;font-weight:900;font-size:13px;letter-spacing:2.2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#42d5e9;color:#082335;border-radius:50% 50% 46% 46%;font-size:18px;box-shadow:0 0 24px #42d5e966}.top-actions{display:flex;align-items:center;gap:9px}.top-actions button{border:1px solid rgba(126,224,239,.22);background:#051c2c8c;color:#dffbff;cursor:pointer;height:36px}.top-actions button:disabled{opacity:.35;cursor:not-allowed}.icon-button{width:38px;border-radius:8px}.sound-button{border-radius:8px;padding:0 12px;display:flex;gap:9px;align-items:center}.sound-label{font-size:10px;font-weight:800;letter-spacing:1.4px}.hero{position:relative;z-index:2;text-align:center;padding:28px 0 20px}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:800;color:#7adcea;display:flex;justify-content:center;align-items:center;gap:12px}.eyebrow span{width:22px;height:1px;background:#2ba9bf}.hero h1{margin:8px 0 0;font-size:clamp(36px,5.2vw,72px);line-height:.95;letter-spacing:-4px;font-weight:950;text-shadow:0 7px 30px #00101c}.hero h1 em{font-style:normal;color:#4bdcf0}.hero p{font-size:12px;letter-spacing:1.6px;color:#a9cbd5;margin:10px 0 0}.game-frame{position:relative;z-index:2;width:min(1120px,91vw);margin:auto;padding:9px;background:#2cb0c42b;border:1px solid rgba(91,218,233,.46);box-shadow:0 22px 65px #000b,0 0 50px #2bc6d41c;border-radius:8px}.corner{position:absolute;width:22px;height:22px;border-color:#8bf3ff;z-index:5}.corner-tl{left:-4px;top:-4px;border-left:2px solid;border-top:2px solid}.corner-tr{right:-4px;top:-4px;border-right:2px solid;border-top:2px solid}.corner-bl{left:-4px;bottom:-4px;border-left:2px solid;border-bottom:2px solid}.corner-br{right:-4px;bottom:-4px;border-right:2px solid;border-bottom:2px solid}.canvas-wrap{position:relative;overflow:hidden;border-radius:3px;background:#acdce3;aspect-ratio:2/1}.canvas-wrap canvas{width:100%;height:100%;display:block}.scorebar{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;color:#0b3545;text-shadow:0 1px #fff8}.scorebar div{display:flex;align-items:center;gap:14px}.scorebar span{font-size:10px;font-weight:900;letter-spacing:1.8px}.scorebar b{font-size:32px;line-height:1}.scorebar i{font-style:normal;color:#1f8498;font-size:18px}.game-overlay{position:absolute;inset:0;background:#051f2da6;backdrop-filter:blur(3px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.game-overlay.compact{background:#051f2dbf}.mini-fish,.trophy{font-size:33px;color:#ffad49;filter:drop-shadow(0 0 12px #ff9c36)}.game-overlay h2{font-size:clamp(28px,4vw,52px);letter-spacing:-2px;margin:8px 0 4px}.game-overlay p{margin:0 0 20px;color:#b8d6dc;font-size:13px}.play-button{border:0;background:#ff9d36;color:#152733;font-weight:950;letter-spacing:1.5px;border-radius:7px;padding:14px 26px;box-shadow:0 7px #b95118,0 13px 30px #ff9c3655;cursor:pointer;transition:.15s transform}.play-button:hover{transform:translateY(-2px)}.play-button span{margin-left:12px}footer{position:relative;z-index:2;width:min(1120px,91vw);margin:16px auto 0;display:flex;justify-content:space-between;align-items:center;color:#7096a5}.control-hint{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:1.4px}.control-hint kbd{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border:1px solid #396274;background:#102d3e;border-radius:4px;color:#d8f2f5;box-shadow:inset 0 -2px #071b29}.tip{font-size:9px;letter-spacing:2px}.tip strong{color:#55dbea}@media(max-width:700px){.game-shell{padding-inline:2vw}.hero{padding:20px 0 15px}.topbar{height:60px}.brand span:last-child,.sound-label{display:none}.game-frame{width:96vw;padding:5px}.scorebar{top:10px}.scorebar span{display:none}.scorebar b{font-size:23px}.game-overlay p{display:none}.game-overlay h2{margin-bottom:14px}footer{width:95vw}.tip{display:none}}