:root{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;color:#173e42;background:#eef8ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 20%,#fffbdc,transparent 65%),#eef8ee}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e7a437;outline-offset:3px}[hidden]{display:none!important}.fish-app{max-width:520px;margin:auto;padding:18px 20px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#63807b}header a{color:#315f5b;text-decoration:none;font-size:13px;font-weight:700}header button{background:#e0efe2;border-radius:20px;padding:7px 10px;font-size:11px}.title{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 16px}.eyebrow{font-size:9px;letter-spacing:.17em;color:#648d77;font-weight:800;margin:0 0 6px}h1{font-size:38px;letter-spacing:-2px;margin:0}h1 span{font-size:32px;vertical-align:middle}.title p:last-child{font-size:12px;color:#70867a;margin:5px 0 0}.level-badge{background:#e1ecd2;transform:rotate(6deg);padding:12px 14px;border-radius:20px;font-size:12px;color:#476643}.level-badge b{font-size:30px}.hud{background:#fffef6;border:1px solid #d9e9d7;border-radius:18px;padding:14px 16px;margin-bottom:12px}.hud>div{display:flex;justify-content:space-between;font-size:13px}.hud #score{font-weight:800;color:#548c69}progress{appearance:none;width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;background:#eaf0dd;margin-top:9px}progress::-webkit-progress-bar{background:#eaf0dd}progress::-webkit-progress-value{background:#7bbd80;border-radius:10px}progress::-moz-progress-bar{background:#7bbd80}.hud p{font-size:11px;margin:7px 0 0;color:#74897a;min-height:16px}.ocean{max-width:400px;margin-inline:auto;position:relative;border-radius:26px;overflow:hidden;background:#76c9ce;box-shadow:0 12px 30px #1e606320;border:4px solid #fffefa}canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;touch-action:none}.sea-label{position:absolute;top:16px;left:16px;color:#e6ffed;font-size:9px;letter-spacing:.13em;pointer-events:none}.combo{position:absolute;right:16px;top:16px;color:#fff8b4;font-weight:800;font-size:14px}.cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#133f5270;padding:18px;backdrop-filter:blur(5px)}.cover>div{width:100%;background:#fffdf0;border-radius:24px;padding:24px;text-align:center;box-shadow:0 14px 30px #123e4530}.cover-icon{font-size:58px}h2{font-size:23px;margin:8px 0 12px}.cover p{font-size:13px;line-height:1.8;color:#627c71}.primary{display:block;width:100%;border-radius:14px;background:#f9c557;color:#574420;font-weight:800;padding:14px;font-size:15px;box-shadow:0 3px 0 #daa43a}.secondary{margin-top:12px;background:transparent;text-decoration:underline;font-size:12px}.controls{display:flex;gap:10px;margin-top:14px}.controls button{border-radius:14px;background:#deecdf;padding:12px;font-size:13px;font-weight:700}.controls button:first-child{flex:1}.controls button[aria-pressed=true]{background:#245b6b;color:white}.legend{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:10px;color:#68816f;margin:14px 0 0}.save-note{text-align:center;font-size:10px;color:#8a9c8c;margin:13px 0 0}#shell{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:80%;background:#fff0aa;border:2px solid #fff9da;border-radius:20px;padding:15px;font-weight:800;box-shadow:0 0 26px #fff4a7}.quiz-card{padding:18px!important}.quiz-meta{display:flex;justify-content:space-between;font-size:11px;color:#648475}#question{font-size:21px;line-height:1.5;color:#173e42;font-weight:800;margin:10px 0 18px}#options{display:grid;grid-template-columns:1fr 1fr;gap:9px}#options button{padding:12px 8px;background:#e9efdf;border:2px solid transparent;border-radius:13px;font-size:19px;overflow-wrap:anywhere}#options button.correct{border-color:#47956a;background:#d9f1d9}#feedback{min-height:40px;font-size:12px;line-height:1.6;margin:10px 0}#continue:disabled{opacity:.5}@media(max-height:700px){.fish-app{padding-top:10px}.title{margin:12px 2px}h1{font-size:30px}.hud{padding:10px 13px}.cover>div{padding:16px}.quiz-card h2{font-size:18px}#question{font-size:18px;margin:8px 0}#options button{padding:8px}#feedback{min-height:32px;margin:6px 0}.primary{padding:10px}}@media(prefers-reduced-motion:no-preference){.level-badge{transition:transform .4s}.ocean.grow{animation:grow .7s ease}@keyframes grow{50%{box-shadow:0 0 40px #e9bd51;transform:scale(1.02)}}}

.sea-route{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 12px 14px;padding:0 8px}.sea-route:before{content:"";position:absolute;left:16px;right:16px;top:50%;border-top:2px dashed #bdd6c9}.sea-route span{position:relative;display:grid;place-items:center;width:25px;height:25px;background:#e0ece4;color:#7d9589;border:3px solid #f6faed;border-radius:50%;font-size:10px;font-weight:800}.sea-route .done{background:#77bba0;color:white}.sea-route [aria-current]{width:32px;height:32px;background:linear-gradient(145deg,#ffe5a0,#eeb35b);color:#76572a;box-shadow:0 3px 8px #8c6f2726}.ocean{box-shadow:0 15px 35px #17556924,inset 0 0 0 1px #ffffff80}.sea-label{max-width:70%;text-shadow:0 1px 4px #123f4b;font-weight:700}.cover{background:#153d5145;backdrop-filter:blur(3px)}.cover>div{background:linear-gradient(145deg,#fffef4,#f5f3df);border:1px solid #fff;box-shadow:0 16px 40px #123e4540,inset 0 2px 0 white}.primary{background:linear-gradient(160deg,#ffe3a0,#f5bb51)}

#options button.wrong{border-color:#c44545;background:#ffe1dd;color:#963434}.quiz-error .quiz-card{outline:3px solid #cf5951}.quiz-error #feedback,.quiz-error #timer{color:#a33131}