:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e7f7f4;background:#053348;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene,canvas{display:block;width:100%;height:100%;position:fixed;inset:0}canvas{touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,17,27,.68),transparent 27%,transparent 80%,rgba(0,20,33,.25)),radial-gradient(ellipse at 50% 38%,transparent 46%,rgba(0,15,35,.2))}header,footer,.caption{position:fixed;z-index:2;transition:opacity .4s}header{top:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:12px;letter-spacing:3px;display:flex;align-items:center;gap:13px}.brand-mark{font-size:25px;color:#bcddd6}.edition{margin-left:10px;font-size:10px;opacity:.45}.caption{left:42px;bottom:110px;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:3.6px;color:#a0d3d6}.eyebrow span{display:inline-block;width:24px;height:1px;background:#8dbec0}h1{font-family:Songti SC,"Noto Serif SC",serif;font-weight:400;font-size:clamp(30px,3.4vw,51px);letter-spacing:.19em;margin:17px 0 13px;text-shadow:0 2px 24px #001d2b}p{font-size:11px;letter-spacing:2px;color:#9fbec6;margin:0}footer{bottom:28px;left:42px;right:38px;display:flex;justify-content:space-between;align-items:center}.hint{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1px;color:#a6c5ca}.hint i{font-style:normal;margin:0 9px;opacity:.5}.mouse-icon{width:13px;height:18px;border:1px solid #90b5bc;border-radius:7px;position:relative}.mouse-icon:after{content:"";width:1px;height:4px;position:absolute;left:5px;top:3px;background:#90b5bc}nav{display:flex;align-items:center;gap:6px}button{font:inherit;font-size:11px;letter-spacing:1px;color:#c3dfe1;background:#0325347a;border:1px solid rgba(172,215,219,.19);border-radius:4px;padding:11px 17px;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:background .2s,border-color .2s}button:hover,button[aria-pressed=true]{background:#64b6be33;border-color:#77b6c1}button:focus-visible{outline:2px solid #b1f5ef;outline-offset:4px}button span{margin-left:12px;color:#88adb7}.icon-button{font-size:23px;padding:4px 10px;border-color:transparent;background:transparent;line-height:28px}#loading{position:fixed;inset:0;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;background:#032e43;z-index:5;transition:opacity .8s}#loading.done{opacity:0;pointer-events:none}.loader{height:33px;width:33px;border:1px solid #386c7c;border-top-color:#bae3df;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden-ui header,.hidden-ui footer,.hidden-ui .caption{opacity:0;pointer-events:none}#notice{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:11px 20px;border-radius:4px;background:#073444d9;color:#c8ecec;font-size:12px;opacity:0;transition:opacity .3s;z-index:6;pointer-events:none}#notice.show{opacity:1}@media(max-width:640px){header{top:19px;left:22px;right:18px}.caption{left:24px;bottom:140px}.caption p{font-size:10px}footer{left:24px;right:20px;bottom:20px;align-items:flex-start;gap:18px;flex-direction:column}.hint{font-size:9px}button{padding:10px 12px;font-size:10px}nav{gap:5px}h1{font-size:34px}.brand{font-size:10px}}:root{background:#151f24}.vignette{background:linear-gradient(0deg,rgba(10,20,23,.7),transparent 26%,transparent 85%,rgba(10,20,23,.15))}button{background:#1c2c2e94}button.primary{background:#b9dacf;color:#18372e;border-color:#b9dacf}button.primary:hover{background:#d9f1e7}.primary span{color:#31564a}.caption{bottom:112px}.caption h1{font-size:42px;letter-spacing:.18em}nav{gap:7px}@media(max-width:900px){nav{gap:4px}button{padding:10px;letter-spacing:0}footer{left:24px;right:24px}.hint{font-size:9px}}@media(max-width:640px){footer{gap:12px}nav{max-width:100%;flex-wrap:wrap}button{font-size:10px}.caption{bottom:178px}.caption h1{font-size:30px}header{left:24px}}@media(min-width:641px)and (max-width:1120px){footer .hint{display:none}footer{justify-content:flex-end}}@media(max-width:640px){.caption{bottom:194px}}.detail-view .caption{opacity:0;pointer-events:none}header,footer,.caption{transition:opacity .45s ease}.vignette{transition:opacity .55s ease}.hidden-ui,.hidden-ui canvas{cursor:none!important}.hidden-ui #notice{opacity:0!important}.hidden-ui .vignette{opacity:.15}@media(prefers-reduced-motion:reduce){header,footer,.caption,.vignette{transition:none}}:root{--skin-accent:#b9dacf;--ui-text:#e7f7f4;--ui-muted:#b0cacc;--ui-surface:rgba(21,35,42,.88)}body{color:var(--ui-text)}.header-actions{display:flex;align-items:center;gap:12px}#skins{display:flex;align-items:center;gap:9px;padding:9px 14px;letter-spacing:1px}#skins .skin-dot{margin:0;width:11px;height:11px;border-radius:50%;background:var(--skin-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent) 14%,transparent)}button{color:var(--ui-text);background:var(--ui-surface)}button.primary{background:var(--skin-accent);border-color:var(--skin-accent);color:#17342c}.brand-mark,.eyebrow,.hint,.caption p{color:var(--ui-muted)}#skins-panel,#life-panel{position:fixed;z-index:4;top:82px;right:38px;width:350px;padding:21px;border:1px solid rgba(176,213,214,.23);border-radius:12px;background:var(--ui-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 18px 65px #00000042;transition:opacity .45s ease;color:var(--ui-text)}#skins-panel[hidden],#life-panel[hidden]{display:none}.skins-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.skins-heading h2{font-size:15px;letter-spacing:1px;font-weight:500;margin:0 0 8px}.skins-heading p{color:var(--ui-muted);font-size:10px;letter-spacing:.5px}.skins-heading p span{color:var(--skin-accent)}#skin-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skin-option{display:flex;flex-direction:column;position:relative;align-items:flex-start;text-align:left;padding:7px 7px 11px;border-radius:7px;border:1px solid rgba(159,199,205,.16);background:transparent;letter-spacing:0;overflow:hidden}.skin-option:hover{background:color-mix(in srgb,var(--skin-accent) 9%,transparent);border-color:color-mix(in srgb,var(--skin-accent) 65%,transparent)}.skin-option[aria-checked=true]{border-color:var(--skin-accent);background:color-mix(in srgb,var(--skin-accent) 12%,transparent)}.skin-option .skin-preview{margin:0 0 9px;width:100%;height:57px;border-radius:4px;background:linear-gradient(155deg,var(--preview-top),var(--preview-water));position:relative;overflow:hidden}.skin-preview:before{content:"";position:absolute;inset:10px 17px 8px;border:1px solid rgba(226,255,247,.46);border-radius:1px;background:linear-gradient(180deg,transparent 0 65%,var(--preview-sand) 66% 100%);box-shadow:0 5px 7px #0000002e}.skin-preview:after{content:"";position:absolute;top:15px;left:19px;right:19px;height:1px;background:#dcfff866;box-shadow:0 12px 15px 3px #ccf5e61f}.skin-option strong{font-size:11px;font-weight:500;margin:0 3px 5px}.skin-option small{font-size:9px;color:var(--ui-muted);margin:0 3px;letter-spacing:.2px}.skin-option .skin-check{position:absolute;top:10px;right:11px;display:none;margin:0;color:#14382e;background:var(--skin-accent);border-radius:50%;width:16px;height:16px;font-size:11px;text-align:center;line-height:16px}.skin-option[aria-checked=true] .skin-check{display:block}#skins-panel .skins-footnote{margin-top:15px;font-size:9px;letter-spacing:.5px;color:var(--ui-muted);opacity:.74}.hidden-ui #skins-panel,.hidden-ui #life-panel{opacity:0;pointer-events:none}body[data-light-skin=true] h1{text-shadow:0 2px 24px rgba(248,255,242,.25)}body[data-light-skin=true] button.primary{color:#f4fff8}body[data-light-skin=true] .primary span{color:#d5ede2}body[data-light-skin=true] .skin-check{color:#f4fff8}@media(max-width:640px){#skins-panel,#life-panel{top:74px;right:18px;width:min(350px,calc(100vw - 36px));padding:17px}.header-actions{gap:4px}#skins{padding:7px 10px;font-size:10px}.brand{gap:7px;letter-spacing:2px}.edition{display:none}}@media(max-height:620px){#skins-panel,#life-panel{max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}.skin-option .skin-preview{height:40px}}@media(prefers-reduced-motion:reduce){#skins-panel,#life-panel{transition:none}}.picker-tabs{display:flex;gap:4px;padding:4px;background:#0000001f;border-radius:7px;margin-bottom:14px}.picker-tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:4px}.picker-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--skin-accent) 18%,transparent);color:var(--skin-accent)}.picker-current{font-size:10px;letter-spacing:.5px;color:var(--ui-muted);margin-bottom:12px}#scenery-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenery-preview{margin:0 0 9px;width:100%;height:auto;aspect-ratio:8/5;background:#263638;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center}.scenery-preview img{display:block;width:100%;height:100%;object-fit:contain}#skins-panel,#life-panel{max-height:calc(100dvh - 105px);overflow:auto;overscroll-behavior:contain}[role=tabpanel][hidden]{display:none}@media(max-width:420px){.brand{font-size:8px;letter-spacing:1px}.header-actions{gap:0}#skins{padding:7px;font-size:9px}.scenery-preview{height:auto}}.life-feeder{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.4px;color:var(--ui-muted);margin-bottom:14px;cursor:pointer}#fish-list,#memorial-list,#journal-list{max-height:340px;overflow:auto;overscroll-behavior:contain}.life-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px 2px;border-bottom:1px solid rgba(176,213,214,.14);cursor:pointer;font-size:11px}.life-row:hover{background:color-mix(in srgb,var(--skin-accent) 6%,transparent)}.life-name{font-weight:500;cursor:text}.life-name:hover{text-decoration:underline}.life-name-input{font:inherit;font-size:11px;width:64px;padding:2px 5px;border-radius:4px;border:1px solid var(--skin-accent);background:transparent;color:var(--ui-text)}.life-species,.life-stage,.life-gen{color:var(--ui-muted);font-size:10px}.life-mutation{font-size:10px;color:var(--skin-accent)}.life-rarity{font-size:9px;padding:2px 7px;border-radius:10px;color:#fff;letter-spacing:.4px}.life-rarity-rare{background:#5a9bd5}.life-rarity-epic{background:#9b6dd6}.life-rarity-legend{background:#d6a53a}.life-meters{flex-basis:100%;display:flex;gap:6px}.life-meter{flex:1;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.life-meter i{display:block;height:100%;border-radius:inherit}.life-meter-hunger i{background:#e08a4c}.life-meter-health i{background:#5ecfc9}.life-add{display:flex;gap:8px;margin-top:14px}.life-add select{flex:1;font:inherit;font-size:10px;color:var(--ui-text);background:#ffffff0f;border:1px solid rgba(176,213,214,.23);border-radius:4px;padding:8px}#memorial-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.life-memorial-card{display:flex;gap:9px;align-items:flex-start;padding:9px;border-radius:7px;background:#ffffff0a}.life-portrait{border-radius:8px;flex:none}.life-memorial-info strong{font-size:11px}.life-memorial-info p{margin:4px 0 0;font-size:9px;color:var(--ui-muted)}.life-journal-row{display:flex;gap:10px;padding:7px 2px;border-bottom:1px solid rgba(176,213,214,.1);font-size:10px}.life-journal-time{flex:none;color:var(--ui-muted);width:88px}@media(max-width:640px){#memorial-list{grid-template-columns:1fr}}