:root{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:#e4f3eb;background:#06191e;font-synthesis:none;--mint:#a9f5cb;--muted:#7eaaa6;--line:rgba(165,225,202,.16)}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button:disabled{cursor:wait}button{color:inherit}#world,.vignette,.grain{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(3,18,22,.86) 0%,rgba(3,18,22,.2) 43%,transparent 65%,rgba(3,18,22,.42)),linear-gradient(0deg,rgba(3,18,22,.8),transparent 20%,transparent 80%,rgba(3,18,22,.55));transition:opacity 1s}.playing .vignette{opacity:.48}.grain{pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3%;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#e7f7ed;font-weight:600;font-size:17px;letter-spacing:2px}.brand-mark{font-size:38px;color:var(--mint);font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:5px;color:#8bb2a8}.top-center{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:2px;color:#85aaa4}.top-center i{height:12px;width:1px;background:var(--line)}.live-dot{height:5px;width:5px;background:#a9f5cb;border-radius:50%;box-shadow:0 0 10px #a9f5cb}nav{display:flex;gap:9px}.icon-btn{border:1px solid var(--line);border-radius:50%;height:35px;width:35px;background:rgba(12,38,41,.3);font-size:16px;transition:.2s}.icon-btn:hover{background:#244a46;border-color:#86c8ad}.home{position:absolute;left:8.5%;top:25%;z-index:3}.eyebrow{font-size:11px;color:#a4c4b6;letter-spacing:3px;display:flex;align-items:center;gap:10px}.eyebrow span{height:1px;width:25px;background:#a9f5cb}h1{font-size:clamp(48px,5.6vw,86px);font-weight:500;line-height:1.27;letter-spacing:3px;margin:26px 0 22px}h1 span{color:#b5f6c9}.intro{font-size:13px;line-height:2.1;letter-spacing:1px;color:#89ada5;margin:0 0 32px}.home-actions{display:flex;align-items:center;gap:25px}.primary{border:0;background:#b6f4cb;color:#173c32;padding:16px 25px;font-size:13px;font-weight:600;letter-spacing:1px;border-radius:3px;transition:background .2s,transform .2s;box-shadow:0 5px 35px #a8efb51a}.primary:hover{background:#dcffe6;transform:translateY(-2px)}.primary span{margin-left:30px;font-size:20px;vertical-align:-1px}.text-btn{background:transparent;border:0;font-size:12px;color:#a3bfb4;padding:12px 0}.text-btn span{margin-left:10px}.home-meta{display:flex;gap:21px;font-size:10px;letter-spacing:1px;color:#769b92;margin-top:29px}.record{font-size:10px;color:#accab4;letter-spacing:1px;margin-top:23px}.specimen{position:absolute;left:56%;top:69%;z-index:2;pointer-events:none}.tiny-label{font-size:9px;letter-spacing:2px;color:#729f98}.specimen-line{width:140px;height:30px;border-left:1px solid #89c3ae66;border-bottom:1px solid #89c3ae66;transform:skew(-35deg);margin:0 0 12px -18px}.specimen-copy{font-size:11px;line-height:2;letter-spacing:1px;color:#abcabc}.specimen-copy small{color:#6f9a8d;font-size:9px}.chapters{position:absolute;right:4.5%;top:29%;width:160px;z-index:2}.chapters>.tiny-label{display:block;margin-bottom:20px;font-size:8px;letter-spacing:1.5px}.chapter{position:relative;display:flex;align-items:center;gap:16px;padding:17px 0;color:#456d69}.chapter:after{content:'';position:absolute;left:8px;top:42px;height:23px;width:1px;background:#426e6533}.chapter:last-child:after{display:none}.chapter b{font-family:monospace;font-size:10px;font-weight:400}.chapter span{font-size:11px;letter-spacing:1px}.chapter small{font-size:7px;display:block;margin-top:5px;letter-spacing:1.5px}.chapter i{height:4px;width:4px;border-radius:50%;background:currentColor;margin-left:auto}.chapter.active{color:#b2ecc9}.chapter.active i{box-shadow:0 0 12px #a9f5cb}.chapter.done{color:#7eaa94}.bottom-bar{position:fixed;bottom:0;left:4.3%;right:4.3%;height:94px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);z-index:4}.music-info{display:flex;align-items:center;gap:15px;min-width:220px}.music-info>span{font-size:11px;letter-spacing:.6px;color:#acc9b8}.music-info small{display:block;color:#688e85;font-size:9px;margin-top:6px;letter-spacing:1px}.equalizer{height:24px;display:flex;align-items:center;gap:3px}.equalizer i{height:7px;width:2px;background:#9ddcba;border-radius:2px;transition:height .12s}.equalizer i:nth-child(2){height:19px}.equalizer i:nth-child(3){height:13px}.equalizer i:nth-child(4){height:24px}.beat-strip{display:flex;gap:8px;align-items:center;opacity:.55}.beat-strip i{width:3px;height:8px;background:#7fa18e;transition:.1s}.beat-strip i:nth-child(4n+1){height:14px}.beat-strip i.on{background:#d3ffe1;box-shadow:0 0 14px #a9f5cb;height:21px}.control-hint{font-size:9px;color:#73958b;letter-spacing:1px}.control-hint span{margin:0 12px}kbd{font:9px monospace;color:#b4cabe;margin-right:6px}.hidden{display:none!important}.hud{position:fixed;inset:0;pointer-events:none;z-index:3}.growth-panel{position:absolute;left:4.5%;top:132px;width:255px}.growth-head{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px}.growth-head #mass{font:15px monospace;color:var(--mint)}.progress{height:3px;background:#8ad5ad22;margin-top:13px}.progress>div{height:100%;width:0;background:var(--mint);box-shadow:0 0 13px #9ef7c177;transition:width .2s}.growth-foot{display:flex;justify-content:space-between;font-size:9px;margin-top:10px;color:#81a79b}.growth-foot #health{color:#b4e8c3;letter-spacing:4px}.traits{margin-top:16px;display:flex;gap:6px;flex-wrap:wrap}.traits span{padding:5px 8px;border:1px solid var(--line);font-size:9px;color:#a6d4bd;border-radius:3px}.run-stats{position:absolute;top:130px;right:5%;text-align:right;display:grid;gap:6px}.run-stats>span{font:24px monospace;letter-spacing:2px;color:#b4d3c2}.run-stats small{font-size:8px;letter-spacing:2px;color:#71958a}.run-stats strong{font-size:27px;color:#b8f6ce;margin-top:20px;font-weight:400}.mission{position:absolute;left:4.5%;bottom:125px}.mission>div{font-size:13px;letter-spacing:1px;margin:10px 0 8px}.mission>small{font-size:10px;color:#769d91}.playing .chapters{right:4.8%;top:38%;width:140px;opacity:.75}.playing .chapter{padding:12px 0}.playing .chapter:after{height:15px;top:35px}.playing .chapters>.tiny-label{margin-bottom:10px}.playing .chapter small{display:none}.skill-panel{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);display:flex;gap:12px;pointer-events:auto}.skill{position:relative;overflow:hidden;display:grid;place-items:center;gap:4px;width:70px;height:82px;border-radius:8px;background:#102f31b3;border:1px solid #b0e6c23b;padding:8px}.skill>span{font-size:23px;color:#c0ffdd}.skill>b{font-size:10px;font-weight:400;z-index:1}.skill>small{font:8px monospace;color:#7ba596;z-index:1}.skill>div{position:absolute;inset:auto 0 0;background:#80bba739;height:0;pointer-events:none}.skill:hover{border-color:#b1e3c4}#minimap{position:absolute;bottom:120px;right:4.5%;width:110px;height:110px;opacity:.8}.danger{position:absolute;top:115px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#ffb9a2;border:1px solid #ed927055;border-radius:30px;padding:9px 18px;background:#321d21aa}.toast{position:fixed;top:25%;left:50%;transform:translateX(-50%) translateY(-10px);opacity:0;transition:.3s;pointer-events:none;z-index:8;color:#d1ffe0;font-size:15px;letter-spacing:2px;text-align:center;text-shadow:0 2px 20px #041d1b}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.overlay{position:fixed;inset:0;z-index:10;background:#031719b8;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:min(760px,100%);max-height:90dvh;overflow-y:auto;background:linear-gradient(135deg,#14322fee,#091e24f5);border:1px solid #9bceb52b;padding:42px;border-radius:12px;box-shadow:0 30px 100px #0007;text-align:center}.dialog .eyebrow{justify-content:center;font-size:9px;letter-spacing:3px}.dialog h2{font-size:30px;font-weight:500;letter-spacing:3px;margin:17px 0}.dialog>p{font-size:12px;line-height:1.9;color:#8fb2a4}.evolution-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0 15px}.evo-card{border:1px solid #92cbaa33;background:#8ed2ac08;border-radius:7px;padding:25px 16px;text-align:left;transition:.2s}.evo-card:hover{background:#a6edc317;border-color:#a0e9bb;transform:translateY(-4px)}.evo-icon{display:block;color:#b7f8ca;font-size:34px;margin-bottom:18px}.evo-card b{display:block;font-size:15px;letter-spacing:1px;margin-bottom:12px}.evo-card p{font-size:11px;line-height:1.9;color:#8caf9e;min-height:60px;margin:0}.evo-card small{display:block;margin-top:20px;font-size:9px;color:#b1d6bc}.dialog-actions{display:flex;justify-content:center;gap:20px;margin-top:26px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;text-align:left}.guide-grid div{padding:18px;background:#92cbaa08;border:1px solid var(--line);border-radius:5px}.guide-grid b{font-size:12px;font-weight:500;color:#b9e6c9}.guide-grid p{font-size:11px;line-height:1.8;color:#8bad9d;margin-bottom:0}.result-stats{display:flex;justify-content:center;gap:45px;margin:27px 0}.result-stats strong{display:block;font:27px monospace;color:#c2f8d1}.result-stats small{display:block;font-size:10px;color:#81a391;margin-top:8px}.loading{position:fixed;inset:0;background:#071b20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;z-index:30;font-size:11px;color:#94beac;letter-spacing:3px}.loading-cell{width:45px;height:45px;border-radius:50%;border:1px solid #9fefb9;box-shadow:0 0 40px #84efb344,inset 0 0 20px #84efb344;animation:breathe 1.3s infinite alternate}@keyframes breathe{to{transform:scale(1.2);opacity:.4}}.joystick{display:none;position:fixed;bottom:130px;left:35px;border:1px solid #b5ebca33;border-radius:50%;height:110px;width:110px;background:#36695b14;z-index:5;touch-action:none}.joystick>div{position:absolute;width:38px;height:38px;left:35px;top:35px;border-radius:50%;background:#b2ebca66;border:1px solid #c7f5d966;pointer-events:none}.playing .top-center{opacity:.7}
@media(min-width:1600px){.home{top:27%}.chapters{top:31%}}@media(max-height:740px) and (min-width:801px){.topbar{height:82px}.home{top:23%}h1{font-size:62px;margin:19px 0}.intro{margin-bottom:22px}.home-meta{margin-top:20px}.bottom-bar{height:72px}.chapters{top:27%}.chapter{padding:13px 0}.chapter:after{top:36px;height:17px}.growth-panel,.run-stats{top:100px}.mission,.skill-panel{bottom:94px}#minimap{bottom:93px}}
@media(max-width:1000px){.top-center{display:none}.home{left:7%}.chapters{right:4%;width:135px}.specimen{left:56%}.beat-strip{display:none}.control-hint{font-size:8px}.growth-panel{width:220px}.playing .chapters{display:none}}
@media(max-width:600px){.topbar{height:80px;padding:0 6%}.brand{font-size:13px;gap:8px}.brand-mark{font-size:30px}.brand small{font-size:6px;letter-spacing:2px}.icon-btn{width:30px;height:30px;font-size:13px}nav{gap:6px}.home{left:8%;top:24%}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:53px;margin:22px 0}.intro{font-size:11px;margin-bottom:25px}.primary{padding:14px 20px;font-size:12px}.home-actions{gap:20px}.home-meta{font-size:8px;gap:15px}.chapters{display:none}.specimen{left:62%;top:73%}.specimen .tiny-label{font-size:6px;letter-spacing:1px}.specimen-line{width:80px;height:15px}.specimen-copy{font-size:8px}.specimen-copy small{font-size:7px}.bottom-bar{height:75px;left:6%;right:6%}.music-info{min-width:0;gap:10px}.music-info>span{font-size:9px}.music-info small{font-size:7px}.control-hint{font-size:8px;max-width:90px;line-height:1.8}.control-hint kbd{font-size:8px}.growth-panel{left:6%;top:99px;width:190px}.growth-head{font-size:11px}.growth-foot{font-size:8px}.run-stats{right:6%;top:97px}.run-stats>span{font-size:20px}.run-stats strong{margin-top:8px;font-size:24px}.run-stats small{font-size:7px}.mission{left:6%;bottom:260px;max-width:75%}.mission>div{font-size:11px}.mission>small{font-size:8px}.skill-panel{left:auto;right:6%;bottom:115px;transform:none}.skill{width:59px;height:70px}.danger{top:195px;font-size:9px;width:max-content;max-width:90%}#minimap{width:78px;height:78px;right:6%;bottom:205px}.playing .joystick{display:block}.dialog{padding:25px 18px}.dialog h2{font-size:23px}.evolution-cards{gap:9px;margin:23px 0 10px}.evo-card{padding:15px 10px}.evo-icon{font-size:26px;margin-bottom:12px}.evo-card b{font-size:12px}.evo-card p{font-size:9px;min-height:80px}.evo-card small{font-size:8px;margin-top:12px}.guide-grid{gap:8px}.guide-grid div{padding:12px}.guide-grid p{font-size:10px}.result-stats{gap:25px}.result-stats strong{font-size:22px}.toast{top:30%;font-size:12px;width:90%}.home .record{font-size:9px}.playing .control-hint{display:none}.playing .bottom-bar{justify-content:center}}
.archive-btn{background:none;border:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:18px;font-size:11px;color:#a7ceba;letter-spacing:1px;display:flex;gap:22px;align-items:center}.archive-btn>span{font-size:9px;color:#608e7f}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0 18px}.archive-card{padding:20px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#90e0b708}.archive-card.selected{border-color:#a8e9bf;background:#a8e9bf10}.archive-card.locked{opacity:.45}.archive-card .evo-icon{font-size:27px;margin-bottom:10px}.archive-card b{font-size:13px;letter-spacing:1px}.archive-card p{font-size:10px;color:#87ad9b;line-height:1.8;margin:9px 0}.archive-card small{font-size:9px;color:#b4d6c0}.codex-list{font-size:10px;color:#83a796;line-height:2;letter-spacing:1px;margin:20px 0}.archive-summary{font-size:11px;color:#b8d6c3;line-height:2}.dialog .archive-card:disabled{cursor:default}@media(max-height:740px) and (min-width:801px){.archive-btn{padding-top:10px;margin-top:12px}.home .record{margin-top:14px}}@media(max-width:600px){.archive-btn{font-size:10px;gap:13px;margin-top:15px;padding-top:12px}.archive-btn>span{font-size:8px}.archive-card{padding:15px}.archive-card b{font-size:12px}.archive-card p{font-size:9px}.home{top:21%}.home-meta{margin-top:23px}}
.dialog{scrollbar-width:thin;scrollbar-color:#416d5d #112b29}.dialog::-webkit-scrollbar{width:5px}.dialog::-webkit-scrollbar-track{background:#112b29}.dialog::-webkit-scrollbar-thumb{background:#416d5d;border-radius:5px}
.home{top:20%}h1{font-size:clamp(48px,5.2vw,76px);line-height:1.2;margin:21px 0 17px}.intro{margin-bottom:19px}.biome-picker{display:flex;gap:7px;margin-bottom:23px}.biome-picker button{background:#173c3629;border:1px solid #a1d5bb25;border-radius:4px;padding:10px 13px;color:#89b3a4;text-align:left;font-size:10px;letter-spacing:1px;min-width:96px;transition:.2s}.biome-picker button small{display:block;margin-top:5px;font-size:8px;letter-spacing:.5px;color:#608e80}.biome-picker button.selected{background:#a6e3bc12;border-color:#a8e8c477;color:#cef3dc}.biome-picker button.selected small{color:#96beaa}.home-meta{margin-top:22px}.record{margin-top:16px}.archive-btn{margin-top:14px;padding-top:12px}.challenge-panel{position:absolute;left:4.5%;top:244px;width:255px;border-top:1px solid var(--line);padding-top:15px}.challenge-panel>div:not(.progress){display:flex;align-items:center;justify-content:space-between;margin-top:9px}.challenge-panel b{font-size:11px;font-weight:500;letter-spacing:1px}.challenge-panel #challenge-count{font:11px monospace;color:#a3ddba}.challenge-panel p{font-size:9px;letter-spacing:.4px;color:#779f8e;margin:8px 0 10px}.challenge-panel .progress{height:2px;margin-top:0}.challenge-panel small{display:block;font-size:8px;letter-spacing:.5px;color:#678d7d;margin-top:9px}.challenge-panel.completed b,.challenge-panel.completed small{color:#c2f0cf}.boss-status{position:absolute;top:105px;left:50%;transform:translateX(-50%);background:#162e30ba;border:1px solid #d9b18a44;border-radius:7px;padding:12px 22px;text-align:center;min-width:250px}.boss-status>span{display:block;font-size:9px;letter-spacing:3px;color:#dcbf9c}.boss-status>b{display:block;font-size:13px;font-weight:500;letter-spacing:2px;margin:8px 0 5px}.boss-status>small{font-size:9px;color:#a4b4a1;letter-spacing:.5px}.boss-status.exposed{border-color:#9ee4b1aa}.boss-status.warning,.boss-status.charge{border-color:#f2a485aa;background:#3a2429c9}.boss-status.warning>b,.boss-status.charge>b{color:#ffc4a9}.playing:has(.boss-status:not(.hidden)) .danger{top:212px}.unlock-notice{position:fixed;right:4.5%;top:88px;border:1px solid #b7e7b95c;background:#17392feb;border-radius:6px;padding:14px 20px;z-index:12;color:#cff5cf;font-size:12px;letter-spacing:1px;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.3s;max-width:330px;line-height:1.8}.unlock-notice.visible{opacity:1;transform:none}.unlock-notice small{display:block;font-size:8px;color:#87b498;letter-spacing:2px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.badge{border:1px solid var(--line);border-radius:5px;padding:16px 8px;background:#98d5b009;color:#c0e8c9}.badge.locked{opacity:.36}.badge span{display:block;font-size:24px;margin-bottom:9px}.badge b{display:block;font-size:10px;font-weight:500}.badge small{display:block;font-size:8px;line-height:1.7;color:#8fb49d;margin-top:7px}.archive-section-title{font-size:12px;font-weight:400;letter-spacing:2px;color:#a6ccb7;margin-top:27px}.biome-records{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.biome-records>div{padding:14px 7px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:#a6cdb6}.biome-records small{display:block;font-size:8px;line-height:1.8;margin-top:7px;color:#779f8a}.unlock-summary{color:#c7edbb!important;font-size:11px!important}.settings-grid{display:grid;gap:22px;text-align:left;margin:30px auto;width:min(390px,100%)}.settings-grid label{font-size:12px;color:#b9d8c4;letter-spacing:1px}.settings-grid input{display:block;width:100%;margin-top:18px;accent-color:#b6edc6}.settings-quality{display:flex;gap:10px;margin-top:13px}.settings-quality button{flex:1;padding:13px;border:1px solid var(--line);background:#b5e9c508;border-radius:4px;font-size:11px}.settings-quality button.selected{border-color:#a6dcb8;background:#b5e9c516}.settings-grid small{font-size:9px;line-height:1.9;color:#749c87}.dialog .result-stats{gap:32px}.dialog-actions{flex-wrap:wrap}.world-label{position:fixed;left:50%;bottom:220px;transform:translateX(-50%);font-size:10px;color:#a7dfbc;letter-spacing:2px}
@media(max-height:780px) and (min-width:801px){.home{top:18%}h1{font-size:56px;margin:17px 0 15px}.intro{margin-bottom:16px;font-size:12px}.biome-picker{margin-bottom:18px}.biome-picker button{padding:8px 12px}.home-meta{margin-top:18px}.home .record{margin-top:13px}.archive-btn{margin-top:10px;padding-top:9px}.challenge-panel{top:208px;padding-top:13px}.boss-status{top:88px}.playing:has(.boss-status:not(.hidden)) .danger{top:193px}}
@media(max-width:1000px){.challenge-panel{width:220px}.badge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.home{top:17%}h1{font-size:48px;margin:19px 0 15px}.intro{font-size:10px;line-height:2;margin-bottom:17px}.biome-picker{gap:6px;margin-bottom:18px}.biome-picker button{min-width:0;padding:9px 10px;font-size:9px}.biome-picker button small{font-size:7px}.home-actions{gap:20px}.home-meta{margin-top:20px}.record{font-size:8px!important;margin-top:13px!important}.archive-btn{margin-top:11px;padding-top:10px}.challenge-panel{left:6%;top:202px;width:180px;padding-top:11px}.challenge-panel>.tiny-label{font-size:7px}.challenge-panel b{font-size:10px}.challenge-panel p{font-size:8px}.challenge-panel small{font-size:7px}.challenge-panel #challenge-count{font-size:10px}.boss-status{top:328px;left:auto;right:6%;transform:none;padding:9px 12px;min-width:0;max-width:180px}.boss-status>span{font-size:7px}.boss-status>b{font-size:11px;margin:6px 0}.boss-status>small{font-size:7px}.playing:has(.boss-status:not(.hidden)) .danger{top:170px}.unlock-notice{right:6%;top:82px;max-width:85%;font-size:10px;padding:10px 14px}.badge-grid{grid-template-columns:repeat(3,1fr);gap:7px}.badge{padding:12px 6px}.badge b{font-size:9px}.badge small{font-size:7px}.biome-records{gap:6px}.biome-records>div{font-size:10px;padding:11px 4px}.dialog .result-stats{gap:20px}.dialog .result-stats strong{font-size:20px}.topbar nav{gap:5px}.topbar .brand{letter-spacing:1px}}
@media(max-height:720px) and (max-width:600px){.home{top:15%}h1{font-size:42px;margin:14px 0}.home-meta{margin-top:14px}.intro{margin-bottom:13px}.biome-picker{margin-bottom:14px}.biome-picker button{padding:8px 9px}.challenge-panel{top:190px}.specimen{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.morph-picker{display:flex;gap:6px;margin-top:11px;pointer-events:auto}.morph-picker button{width:23px;height:23px;padding:0;border:1px solid #a3dbb635;border-radius:50%;background:#102b2bb0;color:#769d8c;font:9px monospace;transition:.2s}.morph-picker button.selected{background:#c5f5cd;color:#173d32;border-color:#c5f5cd}.morph-picker button:hover{border-color:#b5ecc5}.synergy-panel{position:absolute;left:4.5%;top:390px;width:255px}.synergy-panel #synergy-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.synergy-panel #synergy-list>div{padding:6px 9px;border:1px solid #a8c8ec44;border-radius:4px;background:#6a81b011;font-size:10px;color:#bfd5ed;letter-spacing:.5px}.encounter-tip{position:absolute;bottom:225px;left:50%;transform:translateX(-50%);max-width:280px;background:#0d272bb3;border:1px solid #b8d4bd29;border-radius:5px;padding:11px 16px;text-align:center}.encounter-tip>b{display:block;font-size:11px;font-weight:500;letter-spacing:1px;color:#c5dec5}.encounter-tip>small{display:block;font-size:9px;line-height:1.8;letter-spacing:.5px;color:#8caa9c;margin-top:6px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.recipe{padding:17px;text-align:left;border:1px solid #7792aa30;border-radius:6px;background:#7895bb08}.recipe.discovered{border-color:#b9d1e777;background:#7895bb15}.recipe>b{font-size:12px;color:#b6cce0;letter-spacing:.5px}.recipe>small{display:block;font-size:8px;color:#7f9ea4;margin-top:9px}.recipe p{font-size:10px;line-height:1.9;color:#90aaa7;margin:9px 0}.recipe>span{font-size:8px;color:#779d84}.recipe-preview{margin-top:15px;border-top:1px solid #a3b7e144;padding-top:12px}.recipe-preview>b{font-size:10px!important;letter-spacing:.5px!important;margin-bottom:5px!important;color:#c7d8ff!important}.recipe-preview>span{display:block;font-size:9px;line-height:1.8;color:#92a9c6;margin-bottom:8px}.species-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.species{padding:16px;border:1px solid #9acaae25;border-radius:5px;text-align:left;opacity:.6}.species.discovered{opacity:1;background:#9acaae0b}.species b{font-size:12px;color:#b6d2bc;font-weight:500}.species p{font-size:10px;line-height:1.9;color:#87aa96}.species small{font-size:8px;color:#9abc9c}
@media(max-height:780px) and (min-width:801px){.synergy-panel{top:350px}}@media(max-width:600px){.synergy-panel{left:6%;top:330px;width:165px}.synergy-panel>.tiny-label{font-size:7px;letter-spacing:1px}.synergy-panel #synergy-list{gap:4px;margin-top:7px}.synergy-panel #synergy-list>div{padding:4px 6px;font-size:8px}.encounter-tip{left:auto;right:6%;bottom:345px;max-width:155px;transform:none;padding:9px 11px}.encounter-tip>b{font-size:9px}.encounter-tip>small{font-size:8px;letter-spacing:0}.recipe-preview{margin-top:10px;padding-top:10px}.recipe-preview>b{font-size:9px!important}.recipe-preview>span{font-size:8px}.recipe-grid,.species-grid{gap:8px}.recipe,.species{padding:12px}.recipe>b,.species b{font-size:10px}.recipe p,.species p{font-size:9px}.recipe small{font-size:7px}.specimen{left:59%;max-width:40%}.morph-picker{gap:5px}.morph-picker button{width:21px;height:21px;font-size:8px}.specimen-copy{font-size:8px}.specimen-copy small{font-size:7px}}