@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;600;700;900&display=swap');

:root{color-scheme:dark;--ink:#e9fbff;--aqua:#49edf1;--gold:#ffca52}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020915;color:var(--ink);font-family:'Noto Sans SC',system-ui,sans-serif;display:grid;place-items:center}.game-shell{width:min(1180px,100vw);padding:18px;background:radial-gradient(circle at 50% 0,#123e5e,#05101f 55%,#020713);box-shadow:0 20px 80px #000;border:1px solid #235477}.hud{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #2a5871}.brand{font-family:'Ma Shan Zheng',cursive;font-size:28px;color:#8ff8ff;display:flex;gap:10px;align-items:center;text-shadow:0 0 18px #00dbe6}.brand>span{font-size:37px;color:var(--gold)}.brand small{display:block;font:700 9px/1.2 'Noto Sans SC';letter-spacing:3px;color:#82bbcd}.stats{display:flex;gap:34px}.stat{display:grid;gap:1px}.stat span{font-size:11px;color:#7fb8c8}.stat strong{font-size:19px;color:#fff;text-shadow:0 0 10px #43cbe5}.icon-btn,.round,.auto{border:1px solid #508ca1;color:#c7f8ff;background:#0a3651;cursor:pointer;transition:.2s}.icon-btn{width:38px;height:38px;border-radius:50%;font-size:18px}.ocean-wrap{height:min(66vh,720px);min-height:440px;position:relative;overflow:hidden;background:#062a45}canvas{display:block;width:100%;height:100%;cursor:crosshair}.objective{position:absolute;top:16px;left:18px;background:#041d32bd;border:1px solid #4c8091;border-radius:8px;padding:8px 11px;display:grid;gap:1px;line-height:1.2;pointer-events:none}.objective span{font-size:10px;color:#8cc9d5}.objective b{font-size:13px;color:var(--gold)}.objective i{font-style:normal;font-size:11px;color:#d6f9ff}.start-screen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#052a4266,#010914bb);z-index:2}.start-screen.hide{display:none}.start-card{text-align:center;padding:35px 60px;border:1px solid #4992a8;border-radius:18px;background:#041b2ddd;box-shadow:0 0 35px #0990b66b}.start-card p{margin:0;color:#89e7ed}.start-card h1{font:58px/1 'Ma Shan Zheng';letter-spacing:7px;margin:12px 0;color:#fbde8a;text-shadow:0 0 20px #d27c18}.start-card span{display:block;font-size:13px;color:#b1d7e5}.start-card button{font:700 17px 'Noto Sans SC';margin-top:22px;padding:10px 40px;border:0;border-radius:30px;color:#072033;background:linear-gradient(90deg,#66f8f5,#d6ff9d);cursor:pointer;box-shadow:0 0 20px #5decef}.notice{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:900;color:#fff5b5;text-shadow:0 0 15px #ff9f00;pointer-events:none;opacity:0}.notice.show{animation:pop 1.2s ease-out}@keyframes pop{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}20%,70%{opacity:1}100%{opacity:0;transform:translate(-50%,-90%) scale(1.15)}}.controls{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#061727;border-top:1px solid #2a5871}.fire-help{font-size:12px;color:#82aebb}kbd{padding:2px 6px;border:1px solid #628999;border-radius:4px;color:#d9fbff}.power-panel{display:flex;align-items:center;gap:10px}.round{height:38px;width:38px;border-radius:50%;font-size:23px}.round:hover,.icon-btn:hover{background:#10617a}.power{text-align:center;min-width:70px;line-height:1.05}.power span,.power small{display:block;font-size:10px;color:#8ab9c7}.power b{font-size:23px;color:#ffe07e}.auto{border-radius:18px;padding:8px 16px;font-weight:700}.auto.active{background:#2a8c83;color:white;border-color:#67fff0}@media(max-width:650px){.game-shell{padding:6px}.hud{height:62px}.brand{font-size:21px}.brand>span{font-size:26px}.stats{gap:10px}.stat strong{font-size:14px}.ocean-wrap{min-height:500px}.controls{height:70px;padding:0 8px}.fire-help{display:none}.start-card{padding:28px 24px}.start-card h1{font-size:44px}}