.ccX9VG_app{--glass:#0416228f;--glass-strong:#041420db;--edge:#d6fff724;--edge-strong:#d6fff74d;--ink:#effcfa;--soft:#e2f8f5a8;--faint:#e2f8f56b;--glow:#9ff7dc;color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;background:#04121c;position:fixed;inset:0;overflow:clip}.ccX9VG_canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ccX9VG_srOnly,.ccX9VG_nearby:not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ccX9VG_app button{cursor:pointer;font-family:inherit}.ccX9VG_app button:focus-visible,.ccX9VG_app a:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.ccX9VG_tag{z-index:6;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0}.ccX9VG_tag span{border:1px solid var(--edge-strong);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03141eb8;border-radius:12px;justify-items:center;gap:1px;padding:5px 12px 6px;display:grid;transform:translate(-50%,-100%)}.ccX9VG_tag b{letter-spacing:.04em;font-size:13px;font-weight:600}.ccX9VG_tag small{color:var(--soft);font:500 10px var(--mono);letter-spacing:.04em}.ccX9VG_top{z-index:20;pointer-events:none;background:linear-gradient(#010a1294,#0000);padding-bottom:14px;position:absolute;top:0;left:0;right:0}.ccX9VG_top .tipo-bar{--tipo-fg:var(--ink);--tipo-muted:var(--soft);--tipo-line:var(--edge);--tipo-hover:#d6fff714;--tipo-accent:var(--glow);--tipo-accent-bg:#9ff7dc29;--tipo-lab:linear-gradient(100deg, #e6fffa 10%, #9ff7dc 60%, #b8e2ff);pointer-events:none;max-width:none;padding:14px 20px 0}:is(.ccX9VG_top .tipo-bar>*,.ccX9VG_top .ccX9VG_zoneChip){pointer-events:auto}:is(.ccX9VG_top .tipo-home,.ccX9VG_top .tipo-crumb){text-shadow:0 1px 12px #000a14cc}:is(.ccX9VG_top .tipo-feedback,.ccX9VG_top .tipo-lang){background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ccX9VG_control,.ccX9VG_zoneChip{border:1px solid var(--edge);background:var(--glass);min-height:38px;color:var(--ink);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;transition:border-color .2s,background .2s;display:inline-flex}.ccX9VG_control:hover{border-color:var(--edge-strong);background:#082230b8}.ccX9VG_control svg{opacity:.92;flex-shrink:0}.ccX9VG_zoneChip{gap:10px;position:absolute;top:calc(100% - 10px);left:50%;transform:translate(-50%)}.ccX9VG_zoneNo,.ccX9VG_zoneIdx,.ccX9VG_kicker{color:var(--faint);font:500 11px var(--mono);letter-spacing:.08em}.ccX9VG_zoneName{letter-spacing:.06em;font-weight:600}.ccX9VG_zonePlace{color:var(--soft);font-size:12px}.ccX9VG_controls{gap:8px;display:flex}.ccX9VG_control b{color:var(--glow);font:600 11px var(--mono);background:#9ff7dc29;border-radius:999px;padding:2px 7px}.ccX9VG_control[aria-pressed=true]{border-color:var(--edge-strong)}.ccX9VG_app[data-started=false] .ccX9VG_controls,.ccX9VG_app[data-started=false] .ccX9VG_zoneChip,.ccX9VG_app[data-started=false] .ccX9VG_gauge,.ccX9VG_app[data-started=false] .ccX9VG_minimap,.ccX9VG_app[data-started=false] .ccX9VG_zones{opacity:0;pointer-events:none}.ccX9VG_app[data-started=false] .ccX9VG_top{z-index:60;background:0 0}.ccX9VG_gauge{z-index:10;align-items:center;gap:18px;transition:opacity .6s;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.ccX9VG_ruler{border-radius:3px;width:5px;height:min(52vh,420px);margin-left:64px;position:relative;box-shadow:0 0 0 1px #d6fff71a}.ccX9VG_layer{border-bottom:1px solid #020a10b3;width:100%;position:absolute;left:0}.ccX9VG_layer:first-child{background:linear-gradient(#a5f2e4,#3ba6cf);border-radius:3px 3px 0 0}.ccX9VG_layer:nth-child(2){background:linear-gradient(#3486c0,#23508f)}.ccX9VG_layer:nth-child(3){background:linear-gradient(#213f7c,#142553)}.ccX9VG_layer:nth-child(4){background:#101c3e}.ccX9VG_layer:nth-child(5){background:#0a1028;border-bottom:0;border-radius:0 0 3px 3px}.ccX9VG_layer em{color:var(--faint);font:500 10px var(--body);letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px 8px #000a14e6;font-style:normal;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.ccX9VG_tick{background:#dcfff866;width:11px;height:1px;position:absolute;left:-3px}.ccX9VG_tickActive{background:var(--glow);box-shadow:0 0 6px var(--glow)}.ccX9VG_marker{background:var(--glow);border:2px solid #032026;border-radius:50%;width:15px;height:15px;transition:top .25s linear;position:absolute;top:0;left:-5px;transform:translateY(-50%);box-shadow:0 0 0 4px #9ff7dc33,0 0 18px #9ff7dcbf}.ccX9VG_readout{text-shadow:0 1px 12px #000a14cc;gap:12px;margin:0;display:grid}.ccX9VG_readout div{gap:2px;display:grid}.ccX9VG_readout dt{color:var(--faint);letter-spacing:.14em;font-size:10px}.ccX9VG_readout dd{font:500 14px var(--mono);white-space:nowrap;margin:0}.ccX9VG_readDepth dd{color:var(--glow);font-size:20px;font-weight:600}@media (min-width:641px){.ccX9VG_app[data-mode=roam] .ccX9VG_gauge{top:calc(50% + 48px)}.ccX9VG_app[data-mode=roam] .ccX9VG_ruler{height:min(44vh,380px)}}.ccX9VG_minimap{z-index:11;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;margin:0;transition:opacity .6s;display:flex;position:absolute;top:76px;right:22px}.ccX9VG_minimap canvas{border:1px solid var(--edge-strong);background:#04121c;border-radius:12px;width:224px;height:92px;display:block;box-shadow:0 10px 30px #00081066}.ccX9VG_minimap figcaption{border:1px solid var(--edge);background:var(--glass);letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:600;display:none}.ccX9VG_stick{z-index:7;opacity:0;pointer-events:none;background:radial-gradient(circle,#9ff7dc14,#0416223d 70%);border:1.5px solid #d6fff759;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .18s,border-color .2s,box-shadow .2s;position:absolute;top:0;left:0}.ccX9VG_stick[data-on=true],.ccX9VG_stick[data-on=boost]{opacity:1}.ccX9VG_stick[data-on=boost]{border-color:#9ff7dcbf;box-shadow:0 0 26px #9ff7dc4d}.ccX9VG_stick i{background:radial-gradient(circle at 40% 35%,#e8fffad9,#9ff7dc80);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #9ff7dc73}.ccX9VG_swimHint{z-index:9;border:1px solid var(--edge);background:var(--glass);color:#ecfcfae0;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;width:max-content;max-width:min(540px,100vw - 32px);margin:0;padding:10px 16px;font-size:13px;line-height:1.6;animation:.6s both ccX9VG_rise;position:absolute;top:calc(50% + 70px);left:50%;translate:-50%}.ccX9VG_swimHint b{color:var(--glow);font-weight:600}.ccX9VG_touchHint{display:none}@media (hover:none) and (pointer:coarse){.ccX9VG_keysHint{display:none}.ccX9VG_touchHint{display:inline}}.ccX9VG_banner{z-index:8;pointer-events:none;text-shadow:0 2px 28px #000c16d9;align-items:flex-start;gap:22px;max-width:560px;animation:7s both ccX9VG_banner;display:flex;position:absolute;top:20vh;left:6vw}.ccX9VG_bannerNo{color:#0000;font:700 64px/1 var(--mono);-webkit-text-stroke:1px #d6fff78c;text-shadow:none;margin:4px 0 0}.ccX9VG_bannerText{border-left:1px solid #d6fff747;padding-left:22px}.ccX9VG_banner h2{font:600 clamp(44px, 5.4vw, 76px)/1 var(--body);letter-spacing:.08em;white-space:nowrap;margin:8px 0 0;animation:1.6s cubic-bezier(.16,1,.3,1) both ccX9VG_spread}.ccX9VG_bannerMeta{color:var(--glow);font:500 12px var(--mono);letter-spacing:.08em;margin:14px 0 0}.ccX9VG_bannerIntro{color:#ecfcfad1;margin:12px 0 0;font-size:15px;line-height:1.75}.ccX9VG_ticker{z-index:8;border:1px solid var(--edge);background:var(--glass);color:#ecfcfad6;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;max-width:min(440px,100vw - 260px);margin:0;padding:12px 15px;font-size:13px;line-height:1.65;animation:.6s both ccX9VG_rise;position:absolute;bottom:82px;left:22px}.ccX9VG_ticker .ccX9VG_tickerLabel{color:var(--glow);font:600 10px var(--mono);letter-spacing:.14em;margin-bottom:4px;display:block}.ccX9VG_zones{z-index:12;border:1px solid var(--edge);background:var(--glass);scrollbar-width:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:3px;max-width:calc(100vw - 32px);padding:5px;transition:opacity .6s;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%)}.ccX9VG_zones::-webkit-scrollbar{display:none}.ccX9VG_zones button{min-height:36px;color:var(--soft);white-space:nowrap;background:0 0;border:0;border-radius:11px;flex-shrink:0;align-items:center;gap:6px;padding:0 11px;font-size:12px;transition:background .2s,color .2s;display:flex}.ccX9VG_zones button:hover{color:var(--ink)}.ccX9VG_zones .ccX9VG_zoneActive{color:var(--ink);background:#d6fff721}.ccX9VG_zones .ccX9VG_zoneActive .ccX9VG_zoneIdx{color:var(--glow)}.ccX9VG_zones button:before{content:"";background:linear-gradient(180deg, var(--sea-top), var(--sea-deep));border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 1px #ffffff38}.ccX9VG_nearby{z-index:30;border:1px solid var(--edge-strong);background:var(--glass-strong);border-radius:14px;padding:12px 14px;position:absolute;bottom:140px;left:22px}.ccX9VG_nearby h2{margin:0 0 8px;font-size:13px}.ccX9VG_nearby ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ccX9VG_nearby button{border:1px solid var(--edge);color:var(--ink);background:0 0;border-radius:8px;padding:6px 10px;font-size:13px}.ccX9VG_close{z-index:2;border:1px solid var(--edge);width:36px;height:36px;color:var(--ink);background:#020e168c;border-radius:50%;place-items:center;line-height:1;transition:border-color .2s,background .2s;display:grid;position:absolute;top:12px;right:12px}.ccX9VG_close:hover{border-color:var(--edge-strong);background:#082230cc}.ccX9VG_card{z-index:25;border:1px solid var(--edge);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6fff733 transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(160deg,#082432eb,#03101cf2);border-radius:22px;width:min(420px,100vw - 36px);animation:.45s cubic-bezier(.16,1,.3,1) both ccX9VG_slide;position:absolute;top:74px;bottom:74px;right:18px;overflow-y:auto;box-shadow:0 30px 90px #00060e99,inset 0 1px #ffffff12}.ccX9VG_cardArt{background:radial-gradient(70% 55% at 50% 0%, #ffffff24, transparent 70%), radial-gradient(90% 90% at 50% 35%, #a0f0ff1a, transparent 70%), linear-gradient(180deg, var(--sea-top,#0b3a4d), var(--sea-mid,#08283a) 60%, var(--sea-deep,#04182a));border-radius:16px;height:200px;margin:8px 8px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -40px 60px #00081059}.ccX9VG_cardCanvas{width:100%;height:100%;display:block}.ccX9VG_cardUnder{opacity:.35;position:absolute;inset:0}.ccX9VG_card3d{cursor:grab;touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.ccX9VG_card3d:active{cursor:grabbing}.ccX9VG_card3d[data-ready],.ccX9VG_card3d[data-ready]~.ccX9VG_cardHint{opacity:1}.ccX9VG_cardArt:has(.ccX9VG_card3d[data-ready]) .ccX9VG_cardUnder{opacity:0;transition:opacity .5s}.ccX9VG_cardHint{color:var(--soft);opacity:0;pointer-events:none;font-size:10.5px;transition:opacity .5s .4s;position:absolute;bottom:12px;right:10px}.ccX9VG_cardView{border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020e168c;border-radius:999px;padding:2px;display:inline-flex;position:absolute;top:10px;left:10px}.ccX9VG_cardView button{min-width:40px;height:26px;color:var(--soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11.5px}.ccX9VG_cardView button[aria-pressed=true]{color:var(--ink);background:#d6fff729}.ccX9VG_cardZone{color:var(--soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020e168c;border-radius:999px;align-items:center;gap:4px;padding:4px 10px 4px 7px;font-size:11px;display:inline-flex;position:absolute;bottom:10px;left:10px}.ccX9VG_cardBody{padding:18px 22px 22px}.ccX9VG_chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ccX9VG_chip{border:1px solid var(--edge);color:var(--soft);border-radius:999px;padding:4px 10px;font-size:11px}.ccX9VG_chips .ccX9VG_iucn,.ccX9VG_iucn{border:1px solid color-mix(in srgb, var(--tone) 55%, transparent);background:color-mix(in srgb, var(--tone) 12%, transparent);color:var(--tone);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:11px;font-weight:600;display:inline-flex}.ccX9VG_iucn b{background:var(--tone);color:var(--ink);font:700 10px var(--mono);letter-spacing:.04em;border-radius:999px;padding:1px 6px}.ccX9VG_card h2{font:600 28px/1.25 var(--body);letter-spacing:.03em;margin:14px 0 0}.ccX9VG_latin{color:var(--faint);margin:6px 0 0;font-size:13px}.ccX9VG_latin i{font-family:var(--serif);font-size:15px}.ccX9VG_taxon{color:#9ff7dcb8;font:500 11px var(--mono);letter-spacing:.06em;margin:8px 0 0}.ccX9VG_traits{background:#ffffff0a;border-radius:14px;margin-top:16px;padding:12px 14px}.ccX9VG_traits h3,.ccX9VG_size figcaption{color:var(--faint);font:600 11px var(--mono);letter-spacing:.14em;margin:0}.ccX9VG_traits ul{gap:7px;margin:9px 0 0;padding:0;list-style:none;display:grid}.ccX9VG_traits li{color:#ecfcfae6;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;display:flex}.ccX9VG_traits li svg{color:var(--glow);flex-shrink:0;margin-top:3px}.ccX9VG_size{margin:18px 0 0}.ccX9VG_size canvas{background:linear-gradient(#ffffff08,#ffffff0f);border-radius:12px;width:100%;height:96px;display:block}.ccX9VG_size figcaption{letter-spacing:.04em;justify-content:space-between;gap:12px;margin-top:7px;display:flex}.ccX9VG_fact{background:#9ff7dc14;border:1px solid #9ff7dc38;border-radius:14px;margin-top:18px;padding:14px 15px}.ccX9VG_fact b{color:var(--glow);font:600 11px var(--mono);letter-spacing:.14em}.ccX9VG_fact p{margin:6px 0 0;font-size:15px;line-height:1.7}.ccX9VG_about{color:#e2f8f5bd;margin:16px 0 0;font-size:14px;line-height:1.8}.ccX9VG_stats{border-top:1px solid var(--edge);gap:10px;margin:18px 0 0;padding:14px 0 0;display:grid}.ccX9VG_stats div{grid-template-columns:70px 1fr;gap:10px;font-size:13px;display:grid}.ccX9VG_stats dt{color:var(--faint)}.ccX9VG_stats dd{color:#ecfcfae0;margin:0}.ccX9VG_cardFoot{color:var(--faint);font:500 12px var(--mono);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.ccX9VG_cardFoot button,.ccX9VG_hint button,.ccX9VG_startButton{color:#032026;letter-spacing:.06em;background:linear-gradient(#c8fff0,#8eeed4);border:0;border-radius:999px;min-height:40px;padding:0 18px;font-size:14px;font-weight:700;box-shadow:0 10px 30px #6ef0d240}.ccX9VG_guide{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020c14d6;animation:.3s both ccX9VG_fade;position:absolute;inset:0}.ccX9VG_guideScroll{position:absolute;inset:0;overflow-y:auto}.ccX9VG_guideInner{width:min(1100px,100% - 40px);margin:0 auto;padding:0 0 120px;position:relative}.ccX9VG_guideHead{z-index:2;background:linear-gradient(#020c14f7 78%,#0000);padding:26px 56px 16px 0;position:sticky;top:0}.ccX9VG_guideHead h2{font:600 30px var(--body);letter-spacing:.08em;margin:0}.ccX9VG_guideHead p{color:var(--soft);margin:6px 0 0;font-size:13px}.ccX9VG_guideHead b{color:var(--glow)}.ccX9VG_guideHead .ccX9VG_close{top:24px;right:0}.ccX9VG_guideHead .ccX9VG_meter{width:min(320px,70vw);margin-top:10px}.ccX9VG_meter{background:#d6fff71f;border-radius:4px;height:4px;display:block;overflow:hidden}.ccX9VG_meter i{border-radius:inherit;background:linear-gradient(90deg, #6fe0c4, var(--glow));height:100%;transition:width .6s;display:block;box-shadow:0 0 10px #9ff7dc80}.ccX9VG_filters{gap:10px;margin-top:4px;display:grid}.ccX9VG_segment,.ccX9VG_kinds{flex-wrap:wrap;gap:6px;display:flex}.ccX9VG_segment{border:1px solid var(--edge);background:#ffffff08;border-radius:12px;justify-self:start;padding:3px}.ccX9VG_segment button,.ccX9VG_kinds button{min-height:30px;color:var(--soft);background:0 0;border:1px solid #0000;border-radius:9px;padding:0 12px;font-size:12px;transition:background .2s,color .2s,border-color .2s}.ccX9VG_kinds button{border-color:var(--edge);border-radius:999px}.ccX9VG_segment button:hover,.ccX9VG_kinds button:hover{color:var(--ink)}.ccX9VG_segment button[aria-pressed=true],.ccX9VG_kinds button[aria-pressed=true]{color:var(--ink);background:#9ff7dc24;border-color:#9ff7dc73}.ccX9VG_guideZone{margin-top:28px}.ccX9VG_guideZone h3{border-bottom:1px solid var(--edge);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 12px;padding-bottom:10px;font-size:16px;font-weight:600;display:flex}.ccX9VG_guideZone h3 small{color:var(--faint);font:500 11px var(--mono)}.ccX9VG_guideNo{background:linear-gradient(180deg, var(--sea-top), var(--sea-mid));min-width:30px;height:22px;color:var(--ink);font:600 11px var(--mono);border-radius:7px;place-items:center;display:inline-grid}.ccX9VG_guideCount{color:var(--soft);font:500 12px var(--mono);align-items:center;gap:8px;margin-left:auto;display:inline-flex}.ccX9VG_guideCount .ccX9VG_meter{width:72px}.ccX9VG_guideGrid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ccX9VG_guideGrid button{border:1px solid var(--edge);width:100%;color:var(--ink);text-align:center;background:#0822308c;border-radius:14px;gap:6px;padding:8px 8px 10px;transition:border-color .2s,transform .2s,background .2s;display:grid;position:relative}.ccX9VG_guideGrid button:hover{border-color:var(--edge-strong);background:#0a2a3ab3;transform:translateY(-2px)}.ccX9VG_guideCanvas{aspect-ratio:4/3;background:radial-gradient(70% 55% at 50% 0%, #ffffff1f, transparent 70%), linear-gradient(180deg, var(--sea-top,#0b3a4d), var(--sea-mid,#052033));border-radius:10px;width:100%;display:block}.ccX9VG_unknown .ccX9VG_guideCanvas{filter:saturate(.4)brightness(.75)}.ccX9VG_guideGrid span{font-size:12px;line-height:1.35}.ccX9VG_unknown .ccX9VG_guideName{color:var(--faint);letter-spacing:.2em}.ccX9VG_guideStatus{border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 2px #020e16b3}.ccX9VG_guideEmpty{color:var(--soft);text-align:center;margin:40px 0}.ccX9VG_hint{z-index:3;border:1px solid var(--edge-strong);background:var(--glass-strong);border-radius:18px;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);padding:12px 12px 12px 18px;animation:.3s both ccX9VG_rise;display:flex;position:absolute;bottom:22px;left:50%;translate:-50%}.ccX9VG_hint p{margin:0;font-size:13px}.ccX9VG_hint button{white-space:nowrap;flex-shrink:0}.ccX9VG_toast{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041e26db;border:1px solid #9ff7dc66;border-radius:18px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:6px 16px 6px 6px;animation:2.6s both ccX9VG_toast;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00081073,0 0 30px #9ff7dc24}.ccX9VG_toastArt{background:radial-gradient(80% 80% at 50% 40%,#46a0b473,#0000 75%),#062a3a;border-radius:12px;width:64px;height:42px}.ccX9VG_toastText{gap:1px;display:grid}.ccX9VG_toastText small{color:var(--glow);font:600 10px var(--mono);letter-spacing:.16em}.ccX9VG_toastText b{font-size:15px;font-weight:600}.ccX9VG_toast em{color:var(--soft);font:500 12px var(--mono);font-style:normal}.ccX9VG_start{z-index:50;background:radial-gradient(70% 60% at 50% 45%,#02142059,#010a12b8);padding:72px 24px 24px;display:flex;position:absolute;inset:0;overflow:hidden auto}.ccX9VG_startCard{isolation:isolate;text-align:center;max-width:600px;margin:auto;animation:1s cubic-bezier(.16,1,.3,1) both ccX9VG_rise;position:relative}.ccX9VG_startCard:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(closest-side,#010d16a8,#010d1680 64%,#0000);border-radius:50%;position:absolute;inset:-40px -72px}.ccX9VG_startCard p:not(.ccX9VG_startTitle),.ccX9VG_startStats{text-shadow:0 2px 30px #000e18cc}.ccX9VG_startTitle{filter:drop-shadow(0 4px 28px #00141e8c);color:#0000;font:700 clamp(58px, 12vw, 120px)/1.05 var(--body);letter-spacing:.1em;background:linear-gradient(#fff 30%,#9fe9dc);-webkit-background-clip:text;background-clip:text;margin:10px 0 0}.ccX9VG_startText{color:#ecfcfad6;max-width:34em;margin:18px auto 0;font-size:16px;line-height:1.8}.ccX9VG_startStats{color:var(--soft);justify-content:center;gap:28px;margin:26px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.ccX9VG_startStats b{color:var(--ink);font:600 24px var(--heading);display:block}.ccX9VG_startButton{min-height:52px;margin-top:26px;padding:0 40px;font-size:17px}.ccX9VG_startTour{width:fit-content;color:var(--soft);text-underline-offset:4px;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;margin:12px auto 0;padding:8px 14px;font-size:14px;-webkit-text-decoration:underline #d6fff74d;text-decoration:underline #d6fff74d;transition:color .2s;display:flex}.ccX9VG_startTour:hover{color:var(--ink)}.ccX9VG_startTour svg{color:var(--glow);flex-shrink:0}.ccX9VG_startTips{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.ccX9VG_startTips li{border:1px solid var(--edge);color:var(--soft);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04162280;border-radius:14px;align-items:center;gap:9px;padding:9px 14px 9px 11px;font-size:13px;display:flex}.ccX9VG_startTips svg{color:var(--glow);flex-shrink:0}.ccX9VG_startTips b{color:var(--ink);margin-right:2px;font-weight:600}.ccX9VG_soundToggle{color:var(--soft);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.ccX9VG_soundToggle input{accent-color:#8eeed4;width:16px;height:16px}.ccX9VG_progress{color:var(--glow);margin:12px 0 0;font-size:13px}@keyframes ccX9VG_banner{0%{opacity:0;transform:translateY(16px)}10%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes ccX9VG_rise{0%{opacity:0;transform:translateY(10px)}}@keyframes ccX9VG_fade{0%{opacity:0}}@keyframes ccX9VG_slide{0%{opacity:0;transform:translate(40px)}}@keyframes ccX9VG_spread{0%{opacity:0;letter-spacing:.3em;filter:blur(6px)}}@keyframes ccX9VG_toast{0%{opacity:0;transform:translate(-50%,-10px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (max-width:1100px){.ccX9VG_zonePlace{display:none}}@media (max-width:860px){.ccX9VG_zoneChip,.ccX9VG_ticker{display:none}.ccX9VG_banner{top:17vh;left:22px;right:22px}.ccX9VG_bannerNo{font-size:44px}.ccX9VG_minimap figcaption{display:flex}}@media (max-width:640px){.ccX9VG_top{padding-bottom:10px}.ccX9VG_top .tipo-bar{padding:max(8px, env(safe-area-inset-top)) 10px 0}.ccX9VG_control{min-height:36px;padding:0 11px;font-size:12px}.ccX9VG_optional,.ccX9VG_label{display:none}.ccX9VG_controls{gap:6px;position:absolute;top:calc(100% + 4px);right:10px}.ccX9VG_gauge{top:calc(max(8px, env(safe-area-inset-top)) + 54px);left:12px;right:auto;transform:none}.ccX9VG_ruler{display:none}.ccX9VG_readout{grid-auto-flow:column;gap:16px}.ccX9VG_readout .ccX9VG_optional{display:none}.ccX9VG_readout dd{font-size:12px}.ccX9VG_readDepth dd{font-size:14px}.ccX9VG_banner{gap:14px;top:22vh}.ccX9VG_bannerNo{display:none}.ccX9VG_bannerText{padding-left:14px}.ccX9VG_banner h2{font-size:clamp(40px,13vw,60px)}.ccX9VG_bannerIntro{font-size:14px}.ccX9VG_zones{max-width:none;bottom:10px;left:10px;right:10px;transform:none}.ccX9VG_zones button{padding:0 9px;font-size:11px}.ccX9VG_minimap{flex-direction:column-reverse;gap:5px;top:auto;bottom:62px;right:10px}.ccX9VG_minimap canvas{border-radius:10px;width:156px;height:64px}.ccX9VG_minimap figcaption{padding:3px 9px;font-size:11px}.ccX9VG_app[data-mode=roam] .ccX9VG_bannerIntro{display:none}.ccX9VG_swimHint{font-size:12px;top:calc(50% + 56px)}.ccX9VG_card{border-radius:20px;width:auto;max-height:52svh;animation-name:ccX9VG_sheet;inset:auto 8px 64px}.ccX9VG_cardArt{height:150px}.ccX9VG_cardBody{padding:14px 18px 18px}.ccX9VG_card h2{font-size:24px}.ccX9VG_size canvas{height:80px}.ccX9VG_toast{top:108px}.ccX9VG_startText{font-size:15px}.ccX9VG_startStats{gap:20px}.ccX9VG_startTips{flex-direction:column;align-items:stretch;gap:8px;width:min(100%,330px);margin-inline:auto}.ccX9VG_guideInner{width:calc(100% - 24px)}.ccX9VG_guideGrid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.ccX9VG_guideCount{margin-left:0}}@keyframes ccX9VG_sheet{0%{opacity:0;transform:translateY(40px)}}html[data-lang=en] .ccX9VG_app :is(.ccX9VG_banner h2,.ccX9VG_startTitle,.ccX9VG_guideHead h2,.ccX9VG_guideZone h3,.ccX9VG_card h2,.ccX9VG_zoneName){letter-spacing:.01em}html[data-lang=en] .ccX9VG_app :is(.ccX9VG_banner h2,.ccX9VG_card h2,.ccX9VG_guideHead h2){text-wrap:balance}html[data-lang=en] .ccX9VG_app :is(.ccX9VG_bannerIntro,.ccX9VG_about,.ccX9VG_fact p,.ccX9VG_startText,.ccX9VG_ticker,.ccX9VG_guideHead p){text-wrap:pretty}html[data-lang=en] .ccX9VG_banner h2{white-space:normal;font-size:clamp(38px,4.6vw,64px)}html[data-lang=en] .ccX9VG_tag small{font-style:italic}html[data-lang=en] .ccX9VG_startTips b{margin-right:0}html[data-lang=en] .ccX9VG_stats div{grid-template-columns:62px 1fr}html[data-lang=both] .ccX9VG_app span.zh+span.en{opacity:.82;margin-left:.4em}html[data-lang=both] .ccX9VG_app :is(p,h2,dd,li>span,figcaption>span,.ccX9VG_guideName,.ccX9VG_toastText b)>span.zh+span.en{margin:.3em 0 0;display:block}html[data-lang=both] .ccX9VG_app h2>span.en{letter-spacing:.01em;font-size:.6em}html[data-lang=both] .ccX9VG_banner h2{white-space:normal}html[data-lang=both] .ccX9VG_startTitle>span.en{letter-spacing:.04em;margin-top:.1em;font-size:.4em}html[data-lang=both] .ccX9VG_guideName>span.en{margin-top:2px;font-size:11px}html[data-lang=both] .ccX9VG_app :is(.ccX9VG_label,.ccX9VG_zones button,.ccX9VG_guideZone h3 small,.ccX9VG_startCard .ccX9VG_kicker) span.en{display:none}html[data-lang=both] .ccX9VG_swimHint span.zh+span.en{margin:.25em 0 0;display:block}@media (max-width:1000px){html:not([data-lang=zh]) .ccX9VG_label{display:none}}@media (max-width:640px){html[data-lang=both] .ccX9VG_readout dt span.en{display:none}}@media (max-width:1360px){html:not([data-lang=zh]) .ccX9VG_zonePlace{display:none}}@media (prefers-reduced-motion:reduce){.ccX9VG_app *,.ccX9VG_app :before,.ccX9VG_app :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ccX9VG_banner{animation:none}}