@charset "UTF-8";:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#e6efe7;background:#062e43;font-synthesis:none;--cream: #f7ead1;--mint: #a6d9cd;--muted: #a4bbb9;--gold: #edc58f;--joy-scale: 1;--joy-opacity: .65}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f5d19c;outline-offset:5px}button{transition:background .2s,transform .2s,border-color .2s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}.icon{width:24px;height:24px;display:inline-block;flex:none;vertical-align:middle}#ocean{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#app{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#app>*{pointer-events:auto}h1,h2,h3,p{margin:0}h2{font-family:STKaiti,KaiTi,Songti SC,SimSun,serif;font-size:36px;letter-spacing:2px;font-weight:500;color:var(--cream);line-height:1.4}h3{font-size:18px;font-weight:600}p{line-height:1.9}kbd{font-family:inherit;font-size:11px;letter-spacing:.4px;color:#d3e5dc;padding:3px 6px;background:#bfdcce12;border:1px solid #b3d8ca2a;border-radius:4px;white-space:nowrap}.muted{font-size:13px;color:#aac3bd;line-height:1.9;margin-top:10px}.small-note{font-size:12px;color:#91aaa6;line-height:1.8;margin-top:20px}.eyebrow{display:flex;align-items:center;gap:10px;color:#c9dacc;font-size:12px;letter-spacing:3px;margin-bottom:22px}.eyebrow>span{height:1px;width:28px;background:#d4d5af}.eyebrow.centered{justify-content:center;margin-bottom:14px}.round-btn{width:43px;height:43px;border:1px solid #b6dbcf40;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#082c4030}.round-btn .icon{width:19px;height:19px}.round-btn:hover{background:#b7d7ca22}.text-btn{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#d9e7dc;padding:8px}.text-btn .icon{width:20px}.primary-btn{min-height:56px;border-radius:8px;padding:16px 23px;background:var(--cream);color:#193f48;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:15px;font-weight:600;letter-spacing:1px;box-shadow:0 7px 25px #001c2920}.primary-btn>.icon:last-child:not(:first-child){margin-left:auto}.primary-btn .icon{width:21px;height:21px}.secondary-btn{min-height:48px;border:1px solid #b6d6ca45;background:#8db8ae09;border-radius:7px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#d1e1d5}.secondary-btn .icon{width:19px}.quiet-btn{font-size:13px;color:#a8c0b8;text-decoration:underline;text-underline-offset:5px;padding:14px 10px}.quiet-btn:hover{color:var(--cream)}.menu-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/ocean-keyart.webp);background-size:cover;background-position:center;isolation:isolate}.menu-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#03263dd9,#052e45a3 30%,#05364d35 58%,#052c3b00 80%),linear-gradient(0deg,#03293ed4 0%,transparent 25%,transparent 80%,#042b3d25 100%);z-index:-1}.menu-caustic{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 20%,#d9fce514,transparent 55%);animation:breathe 10s ease-in-out infinite}.menu-header{position:absolute;top:34px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand>.icon{width:40px;height:40px;color:#e8cc9a;stroke-width:1}.brand>span{font-size:15px;letter-spacing:4px;color:#f0e9d3}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a3c2bd;margin-top:6px}.header-actions{display:flex;gap:25px;align-items:center}.menu-hero{position:absolute;left:10%;top:26%;width:490px}.menu-hero h1{font-family:STKaiti,KaiTi,Songti SC,SimSun,serif;font-size:86px;line-height:1.25;font-weight:500;letter-spacing:10px;color:var(--cream);text-shadow:0 3px 30px #00364b55;margin-left:-5px;white-space:nowrap}.title-dot{font-size:48px;letter-spacing:0;margin-left:-8px;color:#b6d9cc}.hero-subtitle{font-size:19px;letter-spacing:3px;margin-top:15px;color:#e8e4cd}.hero-copy{font-size:13px;line-height:2.15;letter-spacing:.8px;color:#b9d3ce;margin-top:24px}.menu-buttons{margin-top:38px;width:312px;display:flex;flex-direction:column;gap:12px}.menu-buttons .primary-btn{justify-content:space-between;min-height:58px}.button-note{font-size:10px;color:#a8c7bf;letter-spacing:1.7px;text-align:center}.btn-end{font-size:10px;font-weight:400;letter-spacing:0;color:#4b6d6e;margin-left:auto}.other-modes{display:flex;align-items:center;gap:19px;margin-top:24px}.other-modes button{display:flex;gap:9px;align-items:center;font-size:13px;color:#cee1d8;padding:7px 0;letter-spacing:1px}.other-modes .icon{width:20px;height:20px;color:#adcfc3}.other-modes>span{width:1px;height:15px;background:#a3c6be3d}.how-link{margin-top:23px;color:#9abcb6;font-size:11px;padding:0;letter-spacing:.5px}.how-link>span{margin-left:12px;color:#e1d4b6}.scene-caption{position:absolute;right:7%;bottom:17%;display:flex;align-items:flex-start;gap:15px;text-shadow:0 2px 15px #062d43}.caption-line{height:54px;width:1px;background:#e5e4b8ad;margin-top:5px}.scene-caption small{font-size:10px;letter-spacing:3px;color:#d0e7d4}.scene-caption strong{display:block;font-family:STKaiti,KaiTi,serif;font-size:25px;font-weight:400;letter-spacing:4px;color:#f5efdb;margin-top:9px}.scene-caption p{font-size:11px;color:#c3d6c7;margin-top:6px;letter-spacing:1px}.menu-footer{position:absolute;bottom:31px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#9dbbb5}.menu-footer>div{display:flex;align-items:center;gap:18px}.menu-footer b{font-weight:500;color:#e4d9b8;margin-left:5px}.menu-footer i{height:10px;width:1px;background:#a6cbb52c}.version{font-size:9px;opacity:.7}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#022131a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:28px;z-index:30;overflow:auto}.panel{position:relative;background:linear-gradient(140deg,#123f50f5,#082d40fa);border:1px solid #94c7ba37;border-radius:18px;box-shadow:0 20px 100px #001a2d60;max-height:calc(100dvh - 56px);overflow:auto;padding:45px 45px 32px;width:min(600px,100%);text-align:center;scrollbar-width:thin;scrollbar-color:#7caaa66b transparent}.panel:before{content:"";position:absolute;left:35%;right:35%;top:0;height:1px;background:#e3d5aa70}.panel-close{position:absolute;top:18px;right:18px;width:33px;height:33px;z-index:3}.panel-close .icon{width:16px}.wide-panel{width:min(1040px,100%)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.mode-card{text-align:left;border:1px solid #a6d3c32e;border-radius:10px;padding:24px 23px 20px;background:linear-gradient(140deg,#89c0ad12,#78c6c506);display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mode-card:hover{border-color:#dfd4aa9c;background-color:#b4d5b511;transform:translateY(-3px)}.mode-index{font-size:10px;letter-spacing:1px;color:#abc6b9}.mode-card canvas{width:100%;height:130px;object-fit:contain;margin-top:6px}.mode-card h3{font-family:STKaiti,KaiTi,serif;font-size:26px;letter-spacing:3px;font-weight:500;color:#f1e7cd}.mode-card p{font-size:12px;color:#adc3b9;margin-top:12px}.mode-start{border-top:1px solid #acd2ba26;margin-top:25px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;color:#e4d3aa}.mode-start .icon{width:19px}.endless{background:linear-gradient(140deg,#719aaa16,#25516c13)}.practice{background:linear-gradient(140deg,#aebf9115,#2d655e15)}.two-buttons{display:flex;gap:12px}.two-buttons>*{flex:1}.pause-panel{width:min(480px,100%);padding-top:30px}.pause-illustration{color:#cbd7b7;width:90px;height:90px;border:1px solid #b3c9ab33;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.pause-illustration .icon{width:46px;height:46px;stroke-width:1}.pause-buttons{display:flex;flex-direction:column;gap:13px;margin:28px 15px 0}.pause-panel h2{font-size:31px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;color:#e4ecdf;text-shadow:0 1px 10px #00304290}.hud button,.hud .touch-controls>*{pointer-events:auto}.vitals{position:absolute;left:max(30px,env(safe-area-inset-left));top:max(26px,env(safe-area-inset-top));width:230px}.player-tag{display:flex;gap:11px;align-items:center}.player-tag span:not(.player-seal){font-size:14px;letter-spacing:1px}.player-tag small{display:block;font-size:10px;letter-spacing:.5px;color:#b5d5c8;margin-top:5px}.player-seal{width:37px;height:37px;border:1px solid #ead0a366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f4cd99;background:#164b5922}.player-seal .icon{width:25px}.meter-row{display:flex;align-items:center;gap:9px;margin-top:13px;height:14px}.meter-row>span{width:16px;display:flex;align-items:center;color:#e3b5a5}.meter-row>span .icon{width:14px;height:14px}.meter{height:5px;flex:1;background:#092c4270;border:1px solid #b8d8c41c;border-radius:10px;overflow:hidden}.meter i{height:100%;display:block;border-radius:10px;transition:width .15s}.health i{background:linear-gradient(90deg,#d7988d,#f0c4a3)}.meter-row b{font-size:10px;min-width:35px;text-align:right;color:#efd8bc;font-weight:400}.growth-row{margin-top:5px;padding-right:44px}.growth-row>span{color:#acd5b7}.growth{height:3px}.growth i{background:#afdbb6}.region-hud{position:absolute;top:27px;left:50%;transform:translate(-50%);text-align:center}.region-hud>span{font-size:10px;color:#c0d9d0;letter-spacing:2px}.region-hud i{margin:0 8px;font-style:normal;color:#91b9b4}.region-hud strong{display:block;font-family:STKaiti,KaiTi,serif;font-size:23px;letter-spacing:5px;font-weight:400;color:#eee9d2;margin-top:7px}.hud-tools{position:absolute;right:max(28px,env(safe-area-inset-right));top:max(26px,env(safe-area-inset-top));display:flex;gap:10px}.hud-tools .round-btn{background:#0b35455c;width:37px;height:37px}.objective-box{position:absolute;top:99px;left:50%;transform:translate(-50%);max-width:min(550px,55%);display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#d9e7d6;background:linear-gradient(90deg,transparent,#0d3e4d66,transparent);padding:8px 24px;text-align:center}.objective-box p{line-height:1.65}.objective-dot{width:5px;height:5px;flex:none;margin-top:7px;border:1px solid #d8d4ac;transform:rotate(45deg)}.hud-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;max-width:300px}.legend>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#bad7c8}.food-dot{width:5px;height:5px;background:#b6edc4;border-radius:50%}.danger-dot{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #efae9b}.poison-dot{width:6px;height:6px;transform:rotate(45deg);border:1px solid #dcbae8}.desktop-actions{display:flex;gap:17px;align-items:center;position:absolute;left:50%;transform:translate(-50%);bottom:0}.dash-status,.ability-status{display:flex;align-items:center;gap:9px;font-size:12px}.dash-status .icon,.ability-status .icon{width:23px;height:23px;color:#abdace}.dash-status{position:relative;padding:13px 0}.mini-meter{position:absolute;left:43px;right:0;bottom:2px;height:2px;background:#8bc8b62a}.mini-meter i{height:100%;display:block;background:#b9dfca}.ability-status{border-left:1px solid #bedccd27;border-right:1px solid #bedccd27;padding:5px 18px;text-align:left;min-width:176px}.ability-status small{display:block;font-size:9px;color:#aac5b9;margin-top:4px}.key-hint{font-size:10px;color:#a5c5b8;display:flex;gap:8px;align-items:center;white-space:nowrap}.key-hint kbd{font-size:9px}.depth-label{display:flex;flex-direction:column;gap:7px;text-align:right;font-size:10px;color:#bad3c4}.minimap{position:absolute;left:28px;bottom:70px;display:flex;align-items:flex-end;gap:10px}.minimap canvas{width:160px;height:60px}.minimap>span{font-size:9px;letter-spacing:1px;color:#a4c2b7;margin-bottom:3px}.interact-hint{position:absolute;left:50%;bottom:105px;transform:translate(-50%);color:#f0dfb6;font-size:12px;letter-spacing:.5px;padding:10px 20px;border:1px solid #b7ccb34a;border-radius:6px;background:#103d4cb8;opacity:0;transition:opacity .2s;white-space:nowrap}.interact-hint.visible{opacity:1}.practice-toggle{position:absolute;right:28px;bottom:90px;font-size:11px;color:#d6dcc1;border:1px solid #b3d1c140;border-radius:6px;padding:9px 12px;background:#10384980}.practice-toggle .icon{width:15px;margin-left:8px}.touch-controls{display:none}.has-overlay .touch-controls{visibility:hidden}.has-overlay .hud-tools,.has-overlay .practice-toggle{pointer-events:none}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none}.evolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.evolution-card{border:1px solid #a3c4ba3d;border-radius:10px;padding:24px 25px 20px;text-align:left;background:linear-gradient(140deg,#bfd7bc0d,#0c304117);display:flex;flex-direction:column}.evolution-card:hover{border-color:#e8cd95bb;transform:translateY(-4px);background-color:#e7cd9710}.evo-art{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;color:var(--art);margin:0 auto 19px;background:radial-gradient(circle,var(--art) -160%,transparent 65%)}.evo-art .icon{width:48px;height:48px;stroke-width:1.1;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--art) 25%,transparent));transform:rotate(-9deg)}.art-orbit{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid color-mix(in srgb,var(--art) 23%,transparent);border-radius:40% 60% 60% 40%;transform:rotate(25deg)}.art-orbit.second{top:13px;right:13px;bottom:13px;left:13px;border-style:dashed;transform:rotate(65deg);opacity:.6}.evolution-card>small{font-size:10px;letter-spacing:2px;color:#acc9bb}.evolution-card h3{font-family:STKaiti,KaiTi,serif;font-size:26px;font-weight:400;letter-spacing:2px;margin-top:10px;color:#f2e4c9}.evolution-card p{font-size:12px;color:#b7cdbf;margin-top:12px;flex:1}.choose-evo{display:flex;align-items:center;justify-content:space-between;margin-top:24px;border-top:1px solid #b6ceb524;padding-top:14px;font-size:11px;letter-spacing:1px;color:#e5d3ac}.choose-evo .icon{width:16px}.evolution-inventory{margin-top:22px;font-size:11px;color:#9eb8ac;line-height:1.8}.event-panel{width:min(700px,100%)}.event-rewards{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}.reward-card{border:1px solid #bcd0ae3d;border-radius:10px;padding:10px 18px 17px;background:#bdd5b208}.reward-card .evo-art{margin-bottom:3px;width:80px;height:80px}.reward-card h3{font-size:18px;color:#e5d5b1}.reward-card p{font-size:11px;color:#a9c4b6;margin-top:8px}.ability-options{margin-top:20px;display:flex;flex-direction:column;gap:7px}.ability-options>button{display:flex;align-items:center;text-align:left;gap:15px;border:1px solid #a6c9b72a;padding:12px 15px;border-radius:6px;background:#bdd9cb05}.ability-options .icon{color:#c8d9ba;width:28px;height:28px}.ability-options b{font-weight:400;font-size:13px;color:#e1dfc5}.ability-options small{display:block;font-size:10px;line-height:1.7;color:#a5c1b4;margin-top:3px}.settings-panel{width:min(560px,100%)}.settings-list{text-align:left;margin-top:25px}.settings-list h3{font-size:11px;letter-spacing:2px;color:#cfc7a5;padding-bottom:11px;border-bottom:1px solid #a9c9b52a;margin-top:25px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;color:#c9d9cd;font-size:12px}.setting-row>span{flex:1}.setting-row>span small{display:block;font-size:9px;color:#8caea2;margin-top:5px}.setting-row input[type=range]{width:150px;accent-color:#e5d2a5;height:4px;cursor:pointer}.setting-row output{width:35px;font-size:10px;color:#abc9b9;text-align:right}.setting-row select{font-size:11px;border:1px solid #a3c5b331;border-radius:5px;color:#d3decf;background:#153f4a;padding:8px;max-width:220px}.setting-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:33px;height:19px;border:1px solid #8db5a26b;background:#123340;border-radius:20px;position:relative;cursor:pointer}.setting-row input[type=checkbox]:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;background:#8cae9f;border-radius:50%;transition:transform .15s}.setting-row input[type=checkbox]:checked{background:#afcfb8}.setting-row input[type=checkbox]:checked:after{transform:translate(14px);background:#1b4d50}.codex-panel{text-align:left;padding-bottom:24px}.codex-header h2{font-size:32px}.codex-header .eyebrow{margin-bottom:10px;font-size:10px}.codex-layout{display:grid;grid-template-columns:260px 1fr;gap:35px;margin-top:25px}.species-list{max-height:470px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a0c8b633 transparent;padding-right:8px}.species-item{display:flex;align-items:center;gap:10px;width:100%;border-bottom:1px solid #a5c8b316;padding:7px;border-radius:6px;text-align:left}.species-item.selected{background:#8dbbae19;outline:1px solid #acc8ad38;outline-offset:-1px}.species-item canvas{width:70px;height:42px}.species-item>span{font-size:12px;color:#dce4d1;line-height:1.4}.species-item small{display:block;font-size:9px;color:#8fac9f;margin-top:6px}.species-detail{padding:0 5px}.specimen{position:relative;display:flex;align-items:center;justify-content:center;height:225px}.specimen canvas{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.specimen-orbit{position:absolute;top:0;right:20%;bottom:0;left:20%;border:1px solid #adcab01c;border-radius:50%;transform:rotate(-20deg)}.specimen-orbit:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px dashed #adcab021;border-radius:50%}.specimen-type{font-size:10px;letter-spacing:2px;color:#bdc7a6}.species-detail h3{font-family:STKaiti,KaiTi,serif;font-size:30px;font-weight:400;letter-spacing:3px;color:#f3e4c5;margin-top:12px}.species-detail>p{font-size:12px;color:#b9cfc0;margin-top:12px}.species-facts{display:flex;gap:25px;margin-top:20px;padding:15px 0;border-top:1px solid #b8c8a926;font-size:10px;color:#8eac9f}.species-facts b{display:block;font-size:11px;font-weight:400;color:#c5d8c7;margin-top:8px;line-height:1.7}.species-warning{display:flex;align-items:flex-start;gap:12px;border-radius:6px;padding:14px;background:#e1be8610;margin-top:5px;color:#dbc9a2}.species-warning .icon{width:20px;height:20px;margin-top:2px}.species-warning p{font-size:11px;line-height:1.9}.tutorial-panel{width:min(590px,100%);padding:32px 45px}.tutorial-dots{display:flex;justify-content:center;gap:8px;margin-bottom:19px}.tutorial-dots i{width:5px;height:5px;border-radius:50%;background:#88aca14d}.tutorial-dots i.active{background:#e6c998;width:20px;border-radius:10px}.tutorial-panel .evo-art{margin-bottom:22px}.tutorial-panel h2{font-size:30px;letter-spacing:1px}.tutorial-copy{font-size:13px;color:#c0d5c6;margin-top:20px;text-align:left;line-height:2}.tutorial-detail{font-size:11px;color:#d4c6a6;border-top:1px solid #a9c7ad28;margin-top:18px;padding-top:15px;text-align:left;line-height:1.9}.tutorial-panel .primary-btn{margin-top:26px;width:100%}.help-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;text-align:left;margin-top:30px}.help-columns h3{font-size:14px;color:#e2d2ad;margin-bottom:15px}.help-columns h3:not(:first-child){margin-top:25px}.help-columns p{font-size:12px;color:#b0cabb}.key-list{display:grid;grid-template-columns:auto 1fr;gap:15px 14px;font-size:11px}.key-list dt{display:flex;align-items:center;gap:4px}.key-list dd{margin:0;color:#a9c8b7;line-height:1.8}.guide-tips{padding-left:16px;margin-top:0;color:#b0cabb;font-size:12px;line-height:2.1}.guide-tips li{padding-left:5px;margin-bottom:8px}.practice-layout{text-align:left;margin-top:28px}.practice-layout>h3{font-size:12px;font-weight:400;color:#d8d3b2;letter-spacing:1px;margin:22px 0 13px}.stage-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stage-options button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #a5c8b332;border-radius:6px;padding:12px 8px;font-size:11px}.stage-options b{font-size:16px;font-weight:400;color:#c0cdae}.stage-options .selected,.skin-options .selected,.practice-abilities .selected{background:#c7d7a91b;border-color:#d6c59091}.skin-options{display:flex;gap:10px}.skin-options>button{display:flex;align-items:center;border:1px solid #a5c8b332;border-radius:6px;padding:3px 12px;font-size:11px;flex:1}.skin-options canvas{width:65px;height:45px}.practice-abilities{display:grid;grid-template-columns:1fr 1fr;gap:10px}.practice-abilities button{display:flex;align-items:center;gap:13px;border:1px solid #a5c8b332;border-radius:6px;padding:13px;text-align:left;font-size:12px}.practice-abilities .icon{color:#d9cfad}.practice-abilities small{display:block;color:#a4c2b2;font-size:10px;line-height:1.7;margin-top:5px}.practice-panel>.primary-btn{margin-top:27px;min-width:230px}.result-symbol{width:90px;height:90px;border:1px solid #cad9bc31;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#a7ccbe}.result-symbol .icon{width:43px;height:43px;stroke-width:1.2}.result-symbol.won{color:#e6cf94;border-color:#d9c99b66;background:radial-gradient(circle,#dbc18119,transparent)}.result-panel{width:min(760px,100%)}.result-panel h2{font-size:33px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;border-top:1px solid #adccaf2d;border-bottom:1px solid #adccaf2d;margin-top:30px}.result-stats>div+div{border-left:1px solid #adccaf26}.result-stats b{display:block;font-size:27px;letter-spacing:1px;font-weight:400;font-variant-numeric:tabular-nums;color:#e9d6af}.result-stats span{display:block;font-size:10px;color:#a7c1af;margin-top:10px}.result-growth{font-size:12px;color:#ded7b8;margin-top:24px;line-height:2}.result-growth>span{margin:0 10px;color:#87a89e}.result-growth small{font-size:9px;padding:4px 7px;border:1px solid #a6c0a333;border-radius:4px;color:#a5bc9e;margin-left:10px}.result-evolutions{font-size:10px;color:#9ab8a7;line-height:1.9;margin:13px 0 25px}.result-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.result-buttons .primary-btn,.result-buttons .secondary-btn{min-height:48px;font-size:13px}#toast{position:fixed;left:50%;top:24%;transform:translate(-50%,-8px);z-index:70;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;background:#103d4df0;border:1px solid #b4d6c666;border-radius:8px;padding:13px 25px;max-width:80%;font-size:13px;text-align:center;line-height:1.7;letter-spacing:.5px;color:#e5e5c9;box-shadow:0 10px 30px #00243e33}#toast.show{opacity:1;transform:translate(-50%)}#orientation{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,#216c78,#082f46 75%);z-index:100;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center}#orientation h2{font-size:25px;margin-top:30px}#orientation p{font-size:12px;color:#abcfc3;margin-top:15px}.rotate-device{width:85px;height:47px;border:2px solid #c9daba;border-radius:9px;position:relative;transform:rotate(-20deg);animation:rotate 3s ease-in-out infinite}.rotate-device:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#c9daba;right:5px;top:19px}@keyframes rotate{0%,20%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@keyframes breathe{50%{opacity:.45}}@media(min-width:1600px){.menu-hero{top:28%;left:12%}.menu-hero h1{font-size:100px}.hero-copy{font-size:14px}.menu-buttons{margin-top:45px}.scene-caption{right:9%;bottom:18%}.menu-header{left:60px;right:60px;top:40px}.menu-footer{left:60px;right:60px;bottom:35px}}@media(max-height:760px)and (min-width:1101px){.menu-hero{top:24%}.menu-hero h1{font-size:70px}.menu-hero .eyebrow{margin-bottom:16px}.hero-subtitle{font-size:17px;margin-top:10px}.hero-copy{margin-top:17px}.menu-buttons{margin-top:25px}.other-modes{margin-top:16px}.how-link{margin-top:14px}.scene-caption{bottom:19%}.menu-header{top:24px}.menu-footer{bottom:23px}.panel{padding:32px}.evolution-card{padding:18px 22px}.evo-art{height:82px;width:82px}.codex-layout{margin-top:15px}.species-list{max-height:355px}.specimen{height:160px}.species-detail h3{font-size:27px}.species-facts{margin-top:12px}.species-detail>p{margin-top:10px}}@media(pointer:coarse),(max-width:1100px){#joystick{position:absolute;left:max(34px,env(safe-area-inset-left));bottom:max(29px,env(safe-area-inset-bottom));width:126px;height:126px;border:1px solid #d1e5d060;border-radius:50%;background:radial-gradient(circle,#a3d0b916,#0b354424);touch-action:none;-webkit-user-select:none;user-select:none;transform:scale(var(--joy-scale));transform-origin:bottom left;pointer-events:auto}#joystick:before,#joystick:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #bad8c122;border-radius:50%;width:90px;height:90px}#joystick:after{width:112px;height:112px;border-style:dashed;border-color:#bedfc51c}.joystick-cross{position:absolute;left:50%;top:12px;width:1px;height:102px;background:linear-gradient(transparent,#c2dfbd33,transparent)}.joystick-cross:after{content:"";position:absolute;left:-51px;top:51px;width:102px;height:1px;background:linear-gradient(90deg,transparent,#c2dfbd33,transparent)}.joystick-knob{position:absolute;left:40px;top:40px;width:44px;height:44px;border:1px solid #d8e3c68c;background:radial-gradient(circle at 35% 35%,#dce4bf5c,#aac6a525);border-radius:50%;box-shadow:0 3px 20px #032c3a33;pointer-events:none}#joystick.active{border-color:#ccebd6b0}.joystick-label{position:absolute;bottom:14px;left:83px;font-size:9px;letter-spacing:2px;color:#a9c6b6}.touch-right{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:210px;height:150px;pointer-events:none}.touch-right button{border:1px solid #bbd7bf80;background:#0d3d4c80;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:absolute;pointer-events:auto;box-shadow:0 3px 18px #002b3f25}.touch-right button:active{background:#a5c7b333}.touch-right small{font-size:9px;color:#e4e4c8;line-height:1.3}.touch-dash{right:0;bottom:3px;width:79px;height:79px}.touch-dash>.icon{width:29px;height:29px}.touch-skill{right:94px;bottom:0;width:65px;height:65px}.touch-skill .icon{width:23px;height:23px}.touch-interact{right:88px;bottom:84px;width:51px;height:51px;opacity:.4}.touch-interact .icon{width:19px;height:19px}.touch-interact.available{opacity:1;border-color:#efdaa4;background:#d4d5a528}.touch-dash>span{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(#dce6b7 var(--stamina),#8fb9b126 0);mask:radial-gradient(circle,transparent 66%,#000 68%);pointer-events:none}.hud-bottom{left:200px;right:258px;bottom:24px;justify-content:center}.legend{justify-content:center;gap:9px}.depth-label{display:none}.minimap{left:auto;right:26px;bottom:auto;top:95px;opacity:.7}.minimap canvas{width:120px;height:45px}.minimap>span{display:none}.interact-hint{bottom:100px;max-width:45%;white-space:normal;font-size:10px;padding:7px 12px}.practice-toggle{bottom:15px;right:260px;padding:5px 10px;font-size:9px}.objective-box{max-width:55%;top:85px;font-size:10px;padding:5px 12px}.region-hud strong{font-size:21px}.vitals{width:200px;left:max(22px,env(safe-area-inset-left));top:22px}.hud-tools{right:max(22px,env(safe-area-inset-right));top:20px}.hud-tools .round-btn{width:34px;height:34px}.region-hud{top:20px}.player-tag span:not(.player-seal){font-size:12px}.player-seal{width:32px;height:32px}.meter-row{margin-top:9px}.growth-row{margin-top:4px}.panel{padding:30px;max-height:calc(100dvh - 36px)}.overlay{padding:18px}.panel h2{font-size:29px}.menu-hero{left:8%;top:27%;width:430px}.menu-hero h1{font-size:73px}.menu-header{left:30px;right:30px;top:26px}.menu-footer{left:30px;right:30px;bottom:22px}.hero-copy{font-size:12px}.menu-buttons{width:285px;margin-top:25px}.other-modes{margin-top:17px}.scene-caption{right:5%;bottom:16%}.menu-footer>span:first-child{display:none}.how-link{margin-top:17px}.mode-grid{gap:12px}.mode-card{padding:18px}.mode-card canvas{height:105px}.codex-layout{grid-template-columns:220px 1fr;gap:20px}.species-list{max-height:390px}.skin-options>button{flex-direction:column;padding:5px}.help-columns{gap:25px}.key-list{gap:12px 9px}.setting-row{min-height:45px}}@media(max-height:520px)and (orientation:landscape){.menu-header{top:16px;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}.brand>.icon{width:31px;height:31px}.brand>span{font-size:12px;letter-spacing:3px}.brand small{font-size:8px;margin-top:3px}.header-actions{gap:17px}.header-actions .text-btn{font-size:11px}.header-actions .round-btn{height:32px;width:32px}.menu-hero{top:24%;left:max(7%,env(safe-area-inset-left));width:360px}.menu-hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px}.menu-hero h1{font-size:51px;letter-spacing:7px;line-height:1.12}.title-dot{font-size:30px;margin-left:-5px}.hero-subtitle{font-size:13px;letter-spacing:2px;margin-top:10px}.hero-copy{font-size:10px;line-height:1.8;margin-top:12px}.menu-buttons{margin-top:17px;width:248px;gap:7px}.menu-buttons .primary-btn{min-height:43px;padding:10px 16px;font-size:12px;border-radius:6px}.menu-buttons .secondary-btn{min-height:32px;padding:6px 14px;font-size:10px}.button-note{font-size:8px;letter-spacing:1px}.other-modes{margin-top:8px;gap:15px}.other-modes button{font-size:10px;gap:6px;padding:4px 0}.other-modes .icon{width:16px;height:16px}.how-link{font-size:9px;margin-top:8px}.menu-footer{bottom:12px;left:25px;right:25px;font-size:8px}.menu-footer>div{gap:13px}.scene-caption{bottom:20%;right:5%;gap:11px}.scene-caption strong{font-size:20px;letter-spacing:3px;margin-top:5px}.scene-caption small{font-size:8px}.scene-caption p{font-size:9px}.caption-line{height:45px}.vitals{top:14px;left:max(17px,env(safe-area-inset-left));width:178px}.player-tag{gap:8px}.player-tag span:not(.player-seal){font-size:11px}.player-tag small{font-size:8px;margin-top:4px}.player-seal{width:28px;height:28px}.player-seal .icon{width:19px}.meter-row{gap:7px;margin-top:7px;height:10px}.meter-row b{font-size:9px;min-width:28px}.growth-row{padding-right:35px;margin-top:4px}.region-hud{top:13px}.region-hud>span{font-size:8px;letter-spacing:1px}.region-hud strong{font-size:18px;letter-spacing:3px;margin-top:4px}.hud-tools{top:12px;right:max(16px,env(safe-area-inset-right));gap:8px}.hud-tools .round-btn{width:30px;height:30px}.hud-tools .icon{width:15px;height:15px}.objective-box{top:60px;font-size:9px;max-width:49%;padding:3px 8px;gap:5px}.objective-dot{margin-top:5px;width:4px;height:4px}.minimap{top:53px;right:17px}.minimap canvas{width:105px;height:39px}.touch-right{right:max(20px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom));transform:scale(.88);transform-origin:bottom right}#joystick{left:max(25px,env(safe-area-inset-left));bottom:max(23px,env(safe-area-inset-bottom));width:108px;height:108px;transform:scale(var(--joy-scale))}#joystick:before{width:76px;height:76px}#joystick:after{width:96px;height:96px}.joystick-knob{width:38px;height:38px;left:34px;top:34px}.joystick-cross{height:84px}.joystick-cross:after{left:-42px;top:42px;width:84px}.joystick-label{left:67px;bottom:8px;font-size:8px}.hud-bottom{bottom:15px;left:170px;right:218px}.legend{gap:10px}.legend>span{font-size:8px}.interact-hint{bottom:60px;font-size:9px;max-width:45%}.practice-toggle{right:220px;bottom:33px;font-size:8px}.panel{padding:25px 28px 22px;border-radius:12px;max-height:calc(100dvh - 24px)}.overlay{padding:12px}.panel-close{top:12px;right:12px;width:28px;height:28px}.panel h2{font-size:25px;letter-spacing:1px}.panel .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px}.muted{font-size:10px;margin-top:6px}.mode-grid{gap:13px;margin-top:18px}.mode-card{padding:16px 18px}.mode-index{font-size:8px}.mode-card canvas{height:75px;margin-top:0}.mode-card h3{font-size:22px}.mode-card p{font-size:10px;line-height:1.8;margin-top:8px}.mode-start{margin-top:15px;padding-top:11px;font-size:10px}.small-note{font-size:10px;margin-top:12px}.evolution-grid{gap:12px;margin-top:18px}.evolution-card{padding:12px 19px 14px}.evo-art{width:68px;height:68px;margin-bottom:9px}.evo-art .icon{width:35px;height:35px}.evolution-card>small{font-size:8px}.evolution-card h3{font-size:22px;margin-top:7px}.evolution-card p{font-size:10px;line-height:1.8;margin-top:8px}.choose-evo{margin-top:14px;padding-top:10px;font-size:9px}.evolution-inventory{font-size:9px;margin-top:12px}.pause-panel{width:410px;padding:20px 32px}.pause-illustration{width:55px;height:55px;margin-bottom:13px}.pause-illustration .icon{width:30px;height:30px}.pause-buttons{margin-top:18px;gap:9px}.pause-buttons .primary-btn{min-height:43px;padding:10px;font-size:12px}.pause-buttons .secondary-btn{min-height:36px;padding:8px;font-size:11px}.quiet-btn{font-size:10px;padding:10px}.tutorial-panel{max-width:550px;padding:20px 35px}.tutorial-dots{margin-bottom:10px}.tutorial-panel .evo-art{width:58px;height:58px;margin-bottom:10px}.tutorial-panel h2{font-size:24px}.tutorial-copy{font-size:11px;line-height:1.8;margin-top:12px}.tutorial-detail{font-size:10px;margin-top:10px;padding-top:10px}.tutorial-panel .primary-btn{min-height:40px;font-size:12px;margin-top:17px;padding:10px 17px}.codex-layout{grid-template-columns:200px 1fr;margin-top:16px;gap:25px}.species-list{max-height:265px}.species-item{padding:3px 5px}.species-item canvas{width:55px;height:36px}.species-item>span{font-size:10px}.species-item small{font-size:8px;margin-top:3px}.specimen{height:105px}.specimen-type{font-size:8px}.species-detail h3{font-size:22px;margin-top:5px}.species-detail>p{font-size:10px;margin-top:6px}.species-facts{margin-top:8px;padding:9px 0;font-size:8px;gap:20px}.species-facts b{font-size:9px;margin-top:5px}.species-warning{padding:8px;gap:8px}.species-warning p{font-size:9px;line-height:1.7}.species-warning .icon{width:16px}.codex-header .muted{font-size:9px}.settings-panel{width:520px}.settings-list{margin-top:10px}.settings-list h3{margin-top:15px;padding-bottom:8px;font-size:10px}.setting-row{min-height:34px;font-size:10px}.setting-row select{font-size:10px;padding:6px}.setting-row input[type=range]{width:150px}.setting-row output{font-size:9px}.help-columns{gap:25px;margin-top:20px}.help-columns h3{font-size:12px;margin-bottom:10px}.help-columns p,.guide-tips{font-size:10px}.guide-tips{line-height:1.9}.guide-tips li{margin-bottom:5px}.key-list{font-size:9px;gap:11px}.key-list kbd{font-size:8px}.practice-layout{margin-top:15px}.practice-layout>h3{font-size:10px;margin:14px 0 8px}.stage-options button{font-size:9px;padding:8px}.stage-options b{font-size:13px}.skin-options canvas{height:30px;width:55px}.skin-options>button{font-size:9px;flex-direction:row;padding:2px 7px}.practice-abilities button{padding:8px 11px;font-size:10px}.practice-abilities small{font-size:9px;margin-top:3px}.practice-abilities .icon{width:20px}.practice-panel>.primary-btn{min-height:40px;padding:10px 17px;font-size:11px;margin-top:17px}.result-symbol{width:52px;height:52px;margin-bottom:10px}.result-symbol .icon{width:27px;height:27px}.result-stats{padding:16px 0;margin-top:18px}.result-stats b{font-size:21px}.result-stats span{font-size:9px;margin-top:7px}.result-growth{font-size:10px;margin-top:14px}.result-evolutions{font-size:9px;margin:8px 0 15px}.result-buttons .primary-btn,.result-buttons .secondary-btn{min-height:38px;padding:9px 17px;font-size:11px}.event-rewards{margin-top:16px}.reward-card{padding:5px 10px 10px}.reward-card .evo-art{width:50px;height:50px}.reward-card .icon{width:28px}.reward-card h3{font-size:15px}.reward-card p{font-size:9px;line-height:1.7;margin-top:5px}.ability-options{margin-top:12px;gap:5px}.ability-options>button{padding:8px 12px;gap:12px}.ability-options b{font-size:11px}.ability-options small{font-size:9px}.ability-options .icon{width:23px;height:23px}#toast{font-size:10px;top:28%;padding:9px 17px;max-width:70%}}@media(orientation:portrait)and (max-width:1100px){.menu-hero{top:25%;left:10%;width:80%}.menu-hero h1{font-size:64px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.primary-btn>.icon{margin-left:0}.menu-buttons .primary-btn>.icon:last-child:not(:first-child){margin-left:auto}@media(max-height:520px)and (orientation:landscape){.hero-copy{display:none}.menu-buttons{margin-top:20px}.header-actions .text-btn{background:#0b35464d;border-radius:20px;padding:6px 10px}.menu-footer{bottom:10px}.scene-caption{bottom:19%}}.victory-banner{position:absolute;left:0;right:0;top:25%;text-align:center;pointer-events:none;color:#f3dfac;text-shadow:0 3px 30px #00374e}.victory-banner>span{display:block;font-size:12px;letter-spacing:6px;margin-bottom:18px}.victory-banner h2{font-size:42px;letter-spacing:5px}.hud:before{content:"";position:absolute;left:0;right:0;top:0;height:135px;background:linear-gradient(#052e4366,transparent);pointer-events:none}.hud:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(transparent,#052e433b);pointer-events:none;z-index:-1}.record-link{font-size:inherit;letter-spacing:inherit;color:#c6d9c8;padding:0}.record-link:hover{color:#f0dab5}.has-overlay #toast{opacity:0}@media(min-height:521px)and (max-height:760px)and (orientation:landscape){.menu-hero{top:18%}.menu-hero h1{font-size:60px}.menu-hero .eyebrow{margin-bottom:10px}.hero-subtitle{margin-top:8px;font-size:16px}.hero-copy{margin-top:12px;line-height:1.8}.menu-buttons{margin-top:18px;gap:8px}.other-modes{margin-top:12px}.how-link{margin-top:10px}}@media(max-height:400px)and (orientation:landscape){.menu-hero{top:62px}.menu-hero h1{font-size:38px}.menu-hero .eyebrow,.hero-subtitle,.button-note{display:none}.menu-buttons{margin-top:12px}.other-modes,.how-link{margin-top:8px}}@media(pointer:coarse){.touch-controls{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--joy-opacity)}.desktop-actions{display:none}}@media(orientation:portrait)and (pointer:coarse){#orientation{display:flex}}