:root{--ink:#283f40;--muted:#677974;--paper:#fbf8ea;--teal:#426d65;--coral:#cb7257;--glass:rgba(251,249,234,.72)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#d5cbb3;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;transition:background .2s,transform .2s,box-shadow .2s}button:hover{background:rgba(255,255,244,.64);transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d6815e;outline-offset:4px}button:disabled{opacity:.45;cursor:default}#scene,#scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#scene canvas{outline:0}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(27,50,48,.28),transparent 27%,transparent 82%,rgba(249,235,203,.1));z-index:1}#hud{position:absolute;inset:0;pointer-events:none;z-index:2;transition:opacity .4s}#hud button,#hud input,#hud select{pointer-events:auto}.glass{background:var(--glass);border:1px solid rgba(255,255,245,.58);box-shadow:0 8px 32px rgba(49,63,52,.065),inset 0 1px 0 rgba(255,255,255,.36);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar{position:absolute;top:32px;left:40px;right:36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;font-size:35px;background:var(--ink);color:#f7e8be;width:48px;height:48px;border-radius:50%;line-height:1}.brand strong{font-weight:600;font-size:21px;letter-spacing:2px;display:flex;gap:15px;align-items:center}.brand strong span{font-size:11px;letter-spacing:2.3px;font-weight:600}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:7px;opacity:.65}.top-actions{display:flex;padding:5px;border-radius:15px;align-items:center;gap:2px;pointer-events:auto}.top-actions button{width:38px;height:36px;border-radius:10px;position:relative;font-size:22px}.top-actions #helpBtn{font-size:17px}.top-actions i{height:18px;border-right:1px solid #73857d3b;margin:0 4px}.off-dot{height:5px;width:5px;border-radius:50%;position:absolute;background:#b87760;right:9px;bottom:8px}.sound-on .off-dot{display:none}.editorial{position:absolute;left:43px;top:142px;transition:opacity .6s}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;background:#b28551;border-radius:50%}h1{font-family:Georgia,"Noto Serif CJK SC","Songti SC","STSong",serif;font-weight:500;font-size:clamp(35px,4.4vw,60px);line-height:1.3;letter-spacing:3px;margin:22px 0 12px}h1 span{color:#a6654b}h1+p{font-size:13px;letter-spacing:2px;opacity:.7;margin-top:13px}.mode-chip{display:flex;align-items:center;gap:7px;margin-top:25px;font-size:10px;letter-spacing:.6px;background:#f5eedf59;padding:8px 12px;border-radius:20px;width:max-content;border:1px solid #fff8}#modeDot{height:5px;width:5px;border-radius:50%;background:#457b65;box-shadow:0 0 0 3px #447b6415}.chip-divider{padding:0 3px;opacity:.3}.mission{position:absolute;right:37px;top:110px;width:240px;border-radius:16px;padding:17px 18px 15px}.mission-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.tiny{font-size:8px;letter-spacing:1.4px;opacity:.62}#missionFraction{font-size:11px;font-variant-numeric:tabular-nums}.mission-name{display:flex;align-items:center;gap:12px}.mission-name svg{width:28px;fill:#708e77}.mission-name svg circle{fill:var(--paper)}.mission-name strong{font-size:14px;font-weight:600;letter-spacing:1px}.mission-name small{display:block;font-size:10px;margin-top:6px;opacity:.62}.progress{height:3px;background:#3a695d16;margin-top:15px;border-radius:3px;overflow:hidden}.progress>div{width:0;height:100%;background:#6c8b6c;transition:width .35s}.journey-label{position:absolute;left:42px;bottom:191px;display:flex;align-items:center;gap:12px;color:#fdf6df;text-shadow:0 1px 8px #173b4533}.route-number{border:1px solid #f8efcb75;border-radius:8px;padding:9px 8px;font-family:Georgia,serif;font-size:18px}.journey-label strong{font-weight:400;font-size:13px;letter-spacing:2px}.journey-label small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:5px;opacity:.7}.route-line{display:block;height:1px;width:41px;background:#efe7ca77;margin-left:8px}.route-end{font-size:20px;opacity:.65}.start-card{position:absolute;bottom:165px;left:50%;transform:translateX(-50%);width:310px;border-radius:20px;text-align:center;padding:20px 26px 17px;pointer-events:auto;transition:opacity .3s,transform .3s}.start-card p{font-size:13px;line-height:1.9;margin:0 0 14px;letter-spacing:.5px}.start-card p span{font-size:12px;opacity:.7}.primary{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:#fff6db;border:1px solid #ffffff0d;border-radius:11px;padding:13px 24px;font-size:13px;letter-spacing:1px;width:100%}.primary:hover{background:#43615a;box-shadow:0 4px 12px #233e3822}.start-card>small{display:block;font-size:9px;margin-top:12px;opacity:.57}.bottom-controls{position:absolute;bottom:55px;left:36px;right:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.ride-tools{display:flex;gap:8px;margin-bottom:11px;flex:1}.pill{border-radius:30px;padding:11px 17px;font-size:12px;white-space:nowrap}.pill.active{background:rgba(249,246,226,.84)}.pill span{margin-left:5px;font-size:11px}.circle{width:40px;height:40px;border-radius:50%;font-size:18px}.stats{display:flex;align-items:center;gap:22px;padding:16px 25px 15px;border-radius:19px;min-width:505px;justify-content:space-between}.stat>span{display:flex;gap:6px;align-items:baseline}.stat b{font-weight:400;font-size:26px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.stat small{font-size:9px;opacity:.63}.stat label{font-size:9px;display:block;letter-spacing:.7px;margin-top:7px;opacity:.7}.speed b{font-size:36px}.speed label{margin-top:1px}.stats i{height:29px;border-right:1px solid #506f5b25}.fish-stat svg{fill:#637c63;width:24px;align-self:center}.fish-stat b{font-size:26px}.camera-dock{display:flex;padding:5px;border-radius:15px;align-self:flex-end;flex:1;max-width:253px;margin-bottom:7px}.camera-dock button{display:flex;align-items:center;flex-direction:column;gap:4px;flex:1;padding:6px 8px;border-radius:11px;font-size:18px;min-width:41px}.camera-dock button span{font-size:8px;white-space:nowrap;letter-spacing:.5px}.camera-dock button.active{background:var(--ink);color:#f8efcd}.camera-dock button.active:hover{background:#3c6159}footer{position:absolute;left:39px;right:39px;bottom:20px;display:flex;justify-content:space-between;font-size:9px;color:#f5f4e4a8;letter-spacing:.2px}kbd{font-family:inherit;font-size:9px;margin-left:9px;margin-right:3px;border:1px solid #fff3;padding:2px 4px;border-radius:3px}kbd:first-child{margin-left:0}.footer-quote{letter-spacing:1.3px}.speech{position:fixed;top:0;left:0;z-index:4;padding:12px 17px;background:#fbfaeced;border-radius:17px 17px 17px 3px;font-size:12px;letter-spacing:.7px;box-shadow:0 4px 22px #15292819;pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap;transform:translate(-50%,-110%)}.speech.show{opacity:1}.speech:after{content:'';position:absolute;bottom:-7px;left:17px;border-top:8px solid #fbfaeced;border-right:8px solid transparent}#toasts{position:absolute;top:98px;left:50%;transform:translateX(-50%);z-index:12;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:#fcfaecee;box-shadow:0 5px 25px #38483813;border:1px solid #fff9;border-radius:30px;padding:11px 20px;font-size:12px;animation:toast-in .3s both;white-space:nowrap}.toast.out{opacity:0;transform:translateY(-10px);transition:all .35s}@keyframes toast-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}#floatLayer{position:absolute;inset:0;z-index:4;pointer-events:none}.score-float{position:absolute;font-size:27px;font-weight:600;text-shadow:0 2px 10px #fff9;color:#fdf8d9;animation:float-up 1.1s ease-out both}.score-float.gold{color:#ffe09b;font-size:34px}.score-float small{font-size:12px;display:block;text-align:center}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-10px) scale(.7)}20%{opacity:1;transform:translate(-50%,-25px) scale(1.12)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-95px) scale(.9)}}#showUiBtn{position:absolute;right:22px;top:22px;z-index:20}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#183a3426;backdrop-filter:blur(4px);padding:20px}.dialog{position:relative;width:460px;max-width:100%;max-height:90dvh;overflow:auto;border-radius:24px;padding:34px}.dialog h2{font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif;font-size:25px;line-height:1.45;letter-spacing:1px;font-weight:500;margin:16px 0 20px}.close{position:absolute;right:14px;top:11px;border-radius:50%;width:30px;height:30px;font-size:23px;opacity:.7}.dialog p{font-size:12px;line-height:1.8;opacity:.75}.dialog .fine{font-size:11px;opacity:.6;margin-top:21px}.pause-dialog{width:350px;text-align:center}.pause-dialog .eyebrow{justify-content:center}.pause-dialog .primary{margin-top:25px}.key-guide{display:grid;grid-template-columns:130px 1fr;font-size:11px;line-height:1.8;gap:11px 15px;margin:20px 0}.key-guide dt{font-weight:600}.key-guide dd{margin:0;opacity:.73}.fish-legend{display:flex;gap:10px;margin-top:25px}.fish-legend span{flex:1;background:#52744e12;padding:12px;border-radius:9px;font-size:11px}.fish-legend span:nth-child(2){background:#d39b3d21}.fish-legend b{float:right}.range-label{display:flex;justify-content:space-between;font-size:12px;margin:23px 0 12px}.range-label span{opacity:.7}input[type=range]{width:100%;accent-color:#53796a;height:6px;cursor:pointer}.range-ends{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;opacity:.6}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px;margin:24px 0}input[type=checkbox]{width:17px;height:17px;accent-color:#4c7567;cursor:pointer}select{background:#fff8;border:1px solid #4c74682c;width:100%;padding:10px;border-radius:10px;font-size:12px;color:var(--ink)}.achievement-row{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #5576641c;opacity:.42}.achievement-row.unlocked{opacity:1}.achievement-row>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e1ceb05c;font-size:19px}.achievement-row.unlocked>span{background:#d1dfc979}.achievement-row strong{font-size:12px;display:block}.achievement-row small{display:block;font-size:10px;margin-top:5px;opacity:.65}.achievement-row em{margin-left:auto;font-size:10px;font-style:normal}#debugPanel{position:absolute;left:18px;bottom:190px;z-index:8;border-radius:12px;padding:14px;font-size:10px;pointer-events:none;background:#faffefeb}#debugPanel strong{font-size:9px;letter-spacing:1px}#debugText{font-family:ui-monospace,monospace;line-height:1.8;font-size:11px;margin:8px 0 0}#loading{position:absolute;inset:0;z-index:50;background:#eae5d5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .6s}#loading strong{font-size:17px;font-weight:400;letter-spacing:2px}#loading small{font-size:12px;opacity:.65;max-width:80vw;text-align:center;line-height:1.8}.loading-mark{font-size:60px;color:#57776a;animation:rotate 7s linear infinite}#loading .primary{width:180px;margin-top:6px}@keyframes rotate{to{transform:rotate(360deg)}}#touchControls{display:none;position:absolute;bottom:100px;left:16px;right:16px;z-index:6;justify-content:space-between;align-items:flex-end;pointer-events:none}#touchControls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:44px;height:44px;border:1px solid #fff7;background:#fcf7e2a8;backdrop-filter:blur(12px);border-radius:14px;font-size:20px}#touchControls button.held{background:#416c61;color:#fff3d2}.touch-pad{display:grid;grid-template-columns:repeat(3,44px);gap:5px}.touch-up{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-actions{display:flex;gap:6px;align-items:flex-end;max-width:145px;flex-wrap:wrap;justify-content:flex-end}.touch-actions button{font-size:15px!important}.touch-actions .jump-touch{width:94px!important}.hidden{display:none!important}.ui-hidden #hud,.ui-hidden #touchControls{opacity:0;pointer-events:none}.ui-hidden #hud button,.ui-hidden #touchControls button{pointer-events:none}.playing .start-card{display:none}.night{--ink:#dce4d3;--muted:#afbdba;--glass:rgba(35,54,62,.74)}.night .brand-mark,.night .primary,.night .camera-dock button.active{background:#dcdac0;color:#344d50}.night h1 span{color:#ecb691}.night .editorial,.night .brand{color:#ece9d4}.night .dialog{color:#e5e9dc}.night .glass{border-color:#d4e3da26}.night .pill.active{background:#527265ad}.night .mode-chip{background:#243d4366}.night .toast,.night .speech{background:#f4eedeee;color:#283f40}.night .range-label,.night .toggle-row{color:#dde7da}.night select{background:#2a464b}.night #debugPanel{color:#283f40}.night .top-actions button:hover{background:#ffffff18}
@media(min-width:1650px){.topbar{left:55px;right:50px;top:40px}.editorial{left:60px;top:160px}.mission{top:135px;right:50px;width:260px}.bottom-controls{left:50px;right:50px;bottom:63px}.stats{min-width:580px;padding:20px 30px}.stat b{font-size:29px}.speed b{font-size:40px}.journey-label{left:55px;bottom:220px}.start-card{bottom:190px}}
@media(max-width:1150px){.bottom-controls{gap:12px;left:24px;right:24px}.stats{min-width:430px;gap:17px;padding:14px 19px}.camera-dock{max-width:219px}.camera-dock button{padding:6px;min-width:35px}.pill{padding:11px 13px}.editorial{top:130px;left:30px}.topbar{left:28px;right:27px}.mission{right:28px;width:220px}.journey-label{left:28px}.footer-quote{display:none}.brand strong span{display:none}}
@media(max-width:850px){.editorial h1{font-size:36px}.editorial{top:117px}.editorial p{font-size:11px}.mission{width:205px;top:103px;padding:14px}.bottom-controls{flex-wrap:wrap;align-items:center;gap:9px;bottom:38px}.stats{order:0;width:100%;min-width:0;justify-content:center;gap:27px;border-radius:15px}.ride-tools{order:1;margin:0;flex:1}.camera-dock{order:2;margin:0;flex:initial}.stat b{font-size:23px}.speed b{font-size:29px}.stat label{font-size:8px}.stats i{height:25px}.journey-label{bottom:227px}.start-card{bottom:226px;width:285px}.top-actions button{width:32px}footer{bottom:12px;left:24px;right:24px;font-size:8px}kbd{font-size:8px;margin-left:7px}.speech{font-size:10px;padding:9px 12px}#debugPanel{bottom:235px}}
@media(max-width:600px){.topbar{top:max(17px,env(safe-area-inset-top));left:17px;right:15px}.brand{gap:8px}.brand-mark{width:36px;height:36px;font-size:28px}.brand strong{font-size:16px;letter-spacing:1.2px}.brand small{font-size:6px;letter-spacing:1.4px;margin-top:4px}.top-actions{gap:0;border-radius:12px;padding:3px}.top-actions button{height:31px;width:29px;font-size:18px}.top-actions i{margin:0 2px}.top-actions #achievementsBtn{display:none}.editorial{top:90px;left:20px}.editorial .eyebrow{font-size:6px;letter-spacing:1.25px}.editorial .eyebrow>span{height:4px;width:4px}.editorial h1{font-size:32px;margin-top:15px;margin-bottom:9px;letter-spacing:1px}.editorial p{font-size:10px;letter-spacing:1px}.mode-chip{margin-top:14px;padding:6px 9px;font-size:8px;gap:5px}.mission{top:89px;right:16px;width:150px;padding:12px;border-radius:13px}.tiny{font-size:6px;letter-spacing:.5px}.mission-top{margin-bottom:10px}#missionFraction{font-size:9px}.mission-name{gap:7px}.mission-name svg{width:21px;flex-shrink:0}.mission-name strong{font-size:10px;letter-spacing:.2px}.mission-name small{font-size:8px;line-height:1.5;margin-top:3px}.progress{margin-top:11px}.journey-label{display:none}.bottom-controls{left:13px;right:13px;bottom:max(13px,env(safe-area-inset-bottom));gap:8px}.stats{padding:11px 13px;gap:15px;justify-content:space-between}.stat b{font-size:21px}.speed b{font-size:27px}.stat>span{gap:4px}.stat small{font-size:7px}.stat label{font-size:7px;letter-spacing:0;margin-top:5px}.fish-stat svg{width:18px}.fish-stat b{font-size:22px}.stats i{height:23px}.pill{padding:10px 12px;font-size:11px}.pill span{font-size:9px}.ride-tools{gap:5px}.circle{width:35px;height:35px;font-size:17px}.camera-dock{max-width:none;padding:3px;border-radius:12px}.camera-dock button{padding:4px 7px;font-size:16px;min-width:31px;gap:1px}.camera-dock button span{font-size:7px}.start-card{width:267px;bottom:240px;padding:17px 22px}.start-card p{font-size:12px}.start-card p span{font-size:11px}.start-card>small{font-size:8px}.primary{font-size:12px;padding:12px 22px}footer{display:none}.dialog{padding:28px 23px;border-radius:20px}.dialog h2{font-size:23px}.dialog .eyebrow{font-size:7px}.key-guide{grid-template-columns:113px 1fr;font-size:10px;gap:10px}.speech{font-size:10px;padding:10px 11px;max-width:240px;white-space:normal}.toast{font-size:10px;padding:10px 14px;max-width:90vw;text-align:center;white-space:normal}#toasts{top:70px;width:100%}#debugPanel{font-size:9px;left:10px;bottom:260px;max-width:95vw;padding:12px}#debugText{font-size:9px;line-height:1.65}.playing .editorial h1{font-size:25px}.playing .editorial p{display:none}.playing .editorial .mode-chip{margin-top:10px}}
@media(pointer:coarse){.playing #touchControls{display:flex;bottom:165px}footer{display:none}.start-card{bottom:240px}}
@media(max-height:560px) and (orientation:landscape){.topbar{top:12px;left:17px}.brand-mark{width:32px;height:32px;font-size:26px}.brand strong{font-size:16px}.brand small{font-size:6px}.editorial{top:78px;left:20px}.editorial h1{font-size:27px;margin:12px 0 6px}.editorial p{display:none}.editorial .mode-chip{margin-top:13px}.mission{top:72px;right:18px;width:187px;padding:12px}.bottom-controls{bottom:12px;left:18px;right:18px;flex-wrap:nowrap}.stats{min-width:340px;width:auto;gap:13px;order:1;padding:10px 16px}.ride-tools{order:0;flex:1}.camera-dock{order:2;max-width:200px}.stat b{font-size:21px}.speed b{font-size:25px}.journey-label,footer{display:none}.start-card{bottom:95px;width:260px;padding:15px 20px}.start-card p{font-size:11px;margin-bottom:10px}.start-card>small{font-size:8px}.playing #touchControls{bottom:98px}#debugPanel{bottom:90px}.dialog{max-height:92dvh}}
@media(prefers-reduced-motion:reduce){.toast,.score-float,.loading-mark{animation-duration:.01ms}.speech,.stats *{transition:none}}
@media(max-width:740px) and (max-height:560px) and (orientation:landscape){.stats{min-width:298px;gap:10px;padding:10px 12px}.ride-tools .pill span{display:none}.ride-tools{gap:5px}.pill{padding:10px}.camera-dock{max-width:177px}.camera-dock button{min-width:29px;padding:5px}.bottom-controls{gap:8px;left:12px;right:12px}}