.current-choice-overlay{z-index:110;padding:16px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;color:#e0f1eb;touch-action:pan-y;background:linear-gradient(#0000 15%,#03182165 65%);outline:none;justify-content:center;align-items:flex-end;font:14px/1.5 system-ui;display:flex;position:absolute;inset:0;overflow:hidden}.current-choice-panel{overscroll-behavior:contain;box-sizing:border-box;scrollbar-width:thin;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07232ded;border:1px solid #97c8bb65;border-radius:18px;width:680px;max-width:100%;max-height:100%;padding:18px;overflow-y:auto;box-shadow:0 12px 60px #00121baa}.current-choice-panel header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.current-choice-panel h2{letter-spacing:1px;margin:0 0 3px;font-size:21px}.current-choice-panel p{margin:0}.current-choice-panel header p,.current-choice-note,.current-route small{color:#aac6c5;font-size:13px}.current-choice-panel button{font:inherit;cursor:pointer;color:inherit;background:#143640;border:1px solid #83bcb860;border-radius:10px;min-height:44px;padding:10px 14px}.current-choice-panel button:focus-visible{outline-offset:2px;outline:3px solid #eef5be}.current-choice-panel button:disabled{opacity:.45;cursor:default}.current-choice-panel .current-choice-close{background:0 0;flex-shrink:0;width:44px;padding:0;font-size:24px}.current-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.current-choice-panel .current-choice-source{text-align:left;background:#0c303a;padding:12px}.current-choice-source[aria-pressed=true]{background:#204b4e;border-color:#c5e8c6;box-shadow:inset 0 0 0 1px #c5e8c6}.current-choice-source strong{justify-content:space-between;gap:8px;font-size:16px;display:flex}.current-choice-source strong span{color:#b9d7b7}.current-choice-source dl{border-top:1px solid #7ba6a132;margin:10px 0 0;padding-top:7px}.current-choice-source dl>div{justify-content:space-between;gap:8px;margin:5px 0;display:flex}.current-choice-source dt{color:#b4cecc}.current-choice-source dd{white-space:nowrap;margin:0}.current-choice-source [data-trend=gain]{color:#c6e8b4}.current-choice-source [data-trend=loss]{color:#edbd9f}.current-choice-source [data-trend=same]{color:#afc8cb}.current-route{color:#d3e6c3;text-align:center;background:#051e2877;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:66px;margin:10px 0;display:flex}.current-route svg{flex-shrink:0;width:100px;height:44px}.current-route small{margin-top:3px;display:block}.current-choice-note{text-align:center}.current-choice-panel footer{margin-top:12px}.current-choice-panel footer p{color:#b1c8c6;text-align:center;min-height:18px;margin-bottom:8px;font-size:12px}.current-choice-panel footer>div{justify-content:flex-end;gap:10px;display:flex}.current-choice-panel .current-choice-cancel{background:0 0}.current-choice-panel .current-choice-confirm{color:#153b3b;background:#c4dec0;border-color:#c4dec0;min-width:190px;font-weight:600}@container game (width<=600px){.current-choice-overlay{padding-top:max(10px,env(safe-area-inset-top))}.current-choice-panel{border-radius:14px;padding:12px}.current-choice-panel h2{font-size:19px}.current-choice-panel header{margin-bottom:10px}.current-choice-panel header p{font-size:12px}.current-choices{grid-template-columns:1fr;gap:8px}.current-choice-panel .current-choice-source{padding:9px 12px}.current-choice-source dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:5px;padding-top:5px;display:grid}.current-choice-source dl>div{margin:0;display:block}.current-choice-source dt{font-size:12px}.current-choice-source dd{font-size:13px}.current-route{gap:5px;min-height:62px;margin:8px 0}.current-route svg{width:65px}.current-route strong{font-size:14px}.current-route small{font-size:11px}.current-choice-note{font-size:12px}.current-choice-panel footer>div{grid-template-columns:1fr 2fr;display:grid}.current-choice-panel .current-choice-confirm{min-width:0}}@container game (height<=500px) and (width>=601px){.current-choice-overlay{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.current-choice-panel{width:700px;padding:10px 14px}.current-choice-panel header{margin-bottom:6px}.current-choice-panel h2{font-size:18px}.current-choice-source dl{margin-top:4px;padding-top:3px}.current-choice-source dl>div{margin:2px 0}.current-choice-panel .current-choice-source{padding:8px 12px}.current-route{min-height:44px;margin:6px 0}.current-choice-panel footer{margin-top:6px}.current-choice-panel footer p{margin-bottom:4px}}.current-choice-panel{flex-direction:column;display:flex;overflow:hidden}.current-choice-panel header,.current-choice-panel footer{flex-shrink:0}.current-choice-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;margin:-3px;padding:3px;overflow-y:auto}.current-choice-panel footer{padding-top:3px}.current-source-focus{color:#d7e4bf;margin-top:7px;font-size:13px;display:block}.current-source-mystery{color:#e6d4a3;background:#b7a87320;border-radius:6px;margin-top:8px;padding:5px 7px;font-size:12px;display:block}.current-source-quiet{color:#819e9e;margin-top:8px;font-size:12px;display:block}.current-partner-dialog{box-sizing:border-box;width:min(460px,100vw - 24px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));color:#e1efe4;background:#082731;border:1px solid #9abfaf80;border-radius:18px;margin:auto;padding:22px;font:14px/1.6 system-ui;position:fixed;inset:0;overflow:hidden;box-shadow:0 20px 80px #0008}.current-partner-dialog[open]{flex-direction:column;display:flex}.current-partner-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#021018a8}.current-partner-dialog header,.current-partner-dialog footer{flex-shrink:0}.current-partner-dialog h2{margin:3px 0;font-size:25px}.current-partner-dialog header small{color:#d2c393}.current-partner-dialog p{margin:7px 0}.current-partner-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.current-partner-previous{background:#173940;border-radius:10px;margin:14px 0;padding:12px}.current-partner-previous h3{margin:0;font-size:15px}.current-partner-dialog footer{gap:10px;padding-top:16px;display:flex}.current-partner-dialog button{min-height:46px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #87a9a2;border-radius:9px;flex:1}.current-partner-dialog .current-partner-accept{color:#173b37;background:#c2dcb6}.current-partner-dialog button:focus-visible{outline-offset:2px;outline:3px solid #eadba5}@media (height<=440px){.current-partner-dialog{padding:12px 16px}.current-partner-dialog header p{margin:0}.current-partner-dialog h2{font-size:20px}.current-partner-dialog footer{padding-top:8px}}.card-art{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%;display:block}.card-face{box-sizing:border-box;isolation:isolate;border-radius:inherit;color:#e5eee5;text-align:left;width:100%;height:100%;min-height:0;text-shadow:none;background:#0b2832;flex-direction:column;padding-top:52px;display:flex;position:relative;overflow:hidden}.card-face>.card-art{object-fit:cover;object-position:center 44%;z-index:-2;width:100%;max-width:none;height:100%;position:absolute;inset:0}.card-face:after{content:"";z-index:-1;background:linear-gradient(#0000,#0b2832e8 60%,#0b2832);position:absolute;inset:35% 0 0}.card-face-cost{box-sizing:border-box;color:#e1f0e3;letter-spacing:0;text-indent:0;font-variant-numeric:lining-nums tabular-nums;z-index:2;background:#102e36;border:1px solid #a4c7b6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font:500 20px/1 Arial,Helvetica Neue,sans-serif;display:flex;position:absolute;top:10px;right:10px}.card-face-copy{background:linear-gradient(#0000,#0b2832eb 28px);flex-direction:column;flex:none;gap:8px;min-width:0;margin-top:auto;padding:15px;display:flex;position:relative}.card-face-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.card-face-heading>strong{letter-spacing:.04em;overflow-wrap:anywhere;min-width:0;font:500 23px/1.4 Songti SC,Noto Serif CJK SC,serif}.card-face-heading>small{color:#b7cfc3;white-space:nowrap;font:11px/1.4 system-ui,sans-serif}.card-face-description{color:#d1e1d8;white-space:normal;overflow-wrap:anywhere;min-height:3.2em;font:13px/1.6 system-ui,sans-serif}.card-face[data-compact=true]{padding-top:40px}.card-face[data-compact=true] .card-face-copy{gap:4px;padding:9px}.card-face[data-compact=true] .card-face-heading>strong{letter-spacing:0;font-size:15px}.card-face[data-compact=true] .card-face-cost{width:24px;height:24px;font-size:15px;top:7px;right:7px}.card-face[data-compact=true] .card-face-description{min-height:3em;font-size:12px;line-height:1.5}.growth-choice-dialog{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:#e4eee6;box-sizing:border-box;background:0 0;border:0;max-width:none;max-height:none;margin:0;font:14px/1.5 system-ui,sans-serif;position:fixed;inset:auto;overflow:hidden;container:growth-choice/size}.growth-choice-dialog[open]{place-items:center;display:grid}.growth-choice-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02151dd9}.growth-choice-dialog *{box-sizing:border-box}.growth-choice-dialog button{font:inherit;cursor:pointer;min-height:44px}.growth-choice-dialog button:disabled{cursor:default}.growth-choice-dialog button:focus-visible{outline-offset:3px;outline:3px solid #ebdca9}.growth-choice-panel{background:linear-gradient(145deg,#123038ed,#081e26e8);border:1px solid #7a8f764d;border-radius:18px;flex-direction:column;width:min(960px,100%);min-height:0;max-height:100%;padding:24px;display:flex;box-shadow:0 24px 100px #0006}.growth-choice-heading{text-align:center;flex:none}.growth-choice-heading>p{letter-spacing:3px;color:#dfc68f;margin:0 0 8px;font-size:11px}.growth-choice-heading h1{letter-spacing:2px;outline:none;margin:0;font-size:30px;font-weight:500}.growth-choice-level{color:#d2dbcb;margin:8px 0;font-size:17px}.growth-choice-subtitle{color:#b6cdc2;min-height:24px;margin:8px 0 20px;font-size:13px}.growth-choice-subtitle button{color:#e7d197;background:0 0;border:0;min-height:32px;padding:0 8px;text-decoration:underline}.growth-choice-steps{color:#90aaa5;justify-content:center;gap:12px;font-size:12px;display:flex}.growth-choice-steps [aria-current=step]{color:#ead395}.growth-choice-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:4px;overflow:auto}.growth-card-options{grid-template-columns:repeat(2,minmax(0,260px));justify-content:center;gap:24px;display:grid}.growth-reward-card,.growth-form-card{color:#e6ece1;text-align:left;background:linear-gradient(145deg,#1d4145,#112b32);border:1px solid #526c63;border-radius:12px;padding:0;overflow:hidden}.growth-reward-card[aria-pressed=true],.growth-form-card[aria-pressed=true]{border-color:#e8d196;box-shadow:0 0 0 2px #e8d19640}.growth-reward-art{color:#dfce9d;background:radial-gradient(at 50% 70%,#87b79728,#0000 70%);border-bottom:1px solid #7b998033;justify-content:center;align-items:center;height:135px;display:flex}.growth-reward-art svg{width:150px;height:90px}.growth-reward-copy{flex-direction:column;gap:12px;padding:18px;display:flex}.growth-reward-copy small,.growth-form-copy small{color:#d9c38e;letter-spacing:1px;font-size:12px}.growth-reward-copy>strong,.growth-form-copy>strong{font-size:23px;font-weight:500}.growth-reward-copy>span:not(.growth-card-count){white-space:pre-line;min-height:65px;font-size:14px;line-height:1.7}.growth-card-count{color:#b3cdc1;border-top:1px solid #68857566;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px;display:flex}.growth-card-count b{color:#edd89e;font-weight:500}.growth-form-options{justify-content:center;gap:16px;display:flex}.growth-form-card{flex:1;min-width:0;max-width:340px}.growth-form-card img{aspect-ratio:16/9;object-fit:contain;width:100%;display:block}.growth-form-copy{flex-direction:column;gap:8px;padding:18px;display:flex}.growth-form-copy>span{color:#b6cdc2;font-size:12px}.growth-form-copy b{color:#ecd294;margin-top:10px;font-size:12px;font-weight:500}.growth-deck{max-width:544px;margin:20px auto 0}.growth-deck>button{color:#bdcfc1;background:#0a242c;border:1px solid #48665c;border-radius:8px;justify-content:space-between;gap:8px;width:100%;padding:10px 14px;font-size:13px;display:flex}.growth-deck ul{grid-template-columns:1fr 1fr;gap:8px 24px;margin:0;padding:16px;font-size:12px;list-style:none;display:grid}.growth-deck li{justify-content:space-between;gap:8px;display:flex}.growth-deck b{color:#d7dbb7;font-weight:500}.growth-choice-footer{text-align:center;flex:none;padding-top:16px}.growth-choice-footer>p{color:#bbcec1;margin:0 0 10px;font-size:12px}.growth-choice-confirm{color:#17322f;background:#e8d196;border:1px solid #e8d196;border-radius:8px;min-width:250px;padding:12px 30px;font-weight:500!important}.growth-choice-confirm:disabled{color:#82998e;background:#233c3d;border-color:#49605a}.growth-choice-footer>small{color:#a7bdb1;margin-top:10px;font-size:11px;display:block}.growth-choice-footer .growth-choice-receipt{color:#ecdda9;min-height:54px;padding-top:12px;font-size:16px}.growth-choice-dialog [role=alert]{color:#ffc3a7}@container growth-choice (width<=600px){.growth-choice-panel{border-radius:12px;padding:14px 10px}.growth-choice-heading h1{letter-spacing:1px;font-size:22px}.growth-choice-heading>p{font-size:10px}.growth-choice-subtitle{margin:6px 0 12px;font-size:12px}.growth-choice-level{margin:6px 0;font-size:15px}.growth-card-options{grid-template-columns:1fr;gap:12px}.growth-reward-card{grid-template-columns:78px minmax(0,1fr);display:grid}.growth-reward-art{border-bottom:0;border-right:1px solid #7b998033;height:100%}.growth-reward-art svg{width:72px;height:62px}.growth-reward-copy{gap:6px;padding:12px}.growth-reward-copy>strong{font-size:19px}.growth-reward-copy>span:not(.growth-card-count){min-height:0;font-size:12px;line-height:1.65}.growth-card-count{flex-wrap:wrap;gap:4px;padding-top:8px;font-size:11px}.growth-form-options{flex-direction:column;gap:12px}.growth-form-card{flex:none;grid-template-columns:100px minmax(0,1fr);max-width:none;display:grid}.growth-form-card img{aspect-ratio:auto;object-fit:contain;width:100%;height:100%}.growth-form-copy{gap:5px;padding:12px}.growth-form-copy>strong{font-size:19px}.growth-form-copy b{margin-top:4px}.growth-deck{margin-top:12px}.growth-deck ul{gap:8px 12px;padding:12px 6px}.growth-choice-confirm{width:100%;min-width:0;padding:10px 14px}.growth-choice-footer{padding-top:12px}.growth-choice-steps{gap:6px;font-size:11px}}@container growth-choice (height<=450px){.growth-choice-panel{padding:10px 16px}.growth-choice-heading>p{display:none}.growth-choice-heading h1{letter-spacing:0;font-size:20px}.growth-choice-level{margin-right:12px;font-size:13px;display:inline}.growth-choice-subtitle{margin:4px 0 8px;font-size:12px;display:inline-block}.growth-choice-steps{display:none}.growth-choice-footer{padding-top:8px}.growth-choice-footer>p:not(.growth-choice-receipt){display:none}.growth-choice-footer>small{margin-top:4px}.growth-choice-confirm{padding:8px 20px}.growth-reward-card{grid-template-columns:74px minmax(0,1fr);display:grid}.growth-reward-art{height:100%}.growth-reward-art svg{width:70px}.growth-reward-copy{gap:5px;padding:10px}.growth-reward-copy>strong{font-size:18px}.growth-reward-copy>span:not(.growth-card-count){min-height:0;font-size:12px}.growth-card-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-form-card img{aspect-ratio:auto;height:80px}.growth-form-copy{gap:4px;padding:10px}}@media (prefers-reduced-motion:reduce){.growth-choice-dialog *{scroll-behavior:auto!important}}@container growth-choice (width<=600px) and (height<=650px){.growth-choice-panel{padding:10px}.growth-choice-heading>p{display:none}.growth-choice-heading h1{font-size:20px}.growth-choice-level{margin:3px 0;font-size:13px}.growth-choice-subtitle{margin:3px 0 8px}.growth-choice-subtitle button{min-height:28px}.growth-choice-steps{font-size:11px}.growth-reward-card{grid-template-columns:52px minmax(0,1fr)}.growth-reward-art svg{width:48px}.growth-reward-copy{gap:4px;padding:8px}.growth-reward-copy small{font-size:11px}.growth-reward-copy>strong{font-size:18px}.growth-reward-copy>span:not(.growth-card-count){font-size:12px;line-height:1.4}.growth-card-count{padding-top:6px}.growth-card-options{gap:9px}.growth-deck{margin-top:8px}.growth-choice-footer{padding-top:8px}.growth-choice-footer>p:not(.growth-choice-receipt){display:none}.growth-choice-footer>small{margin-top:6px}}.growth-choice-skip{color:#b6cbc3;text-underline-offset:4px;background:0 0;border:0;margin:6px auto 0;padding:5px 18px;text-decoration:underline;display:block;font-size:13px!important}.growth-skip-message{color:#d6e4da;max-width:540px;margin:8px auto 24px;line-height:1.85}.growth-skip-message p{margin:12px 0}.growth-skip-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.growth-skip-actions button{color:#15332c;background:#e0d39d;border:1px solid #a9c2b3;border-radius:8px;min-width:120px;padding:10px 16px}.growth-skip-actions button:last-child{color:#c5d5cc;background:0 0;border-color:#718c80}@container growth-choice (height<=450px){.growth-choice-footer:has(.growth-choice-skip){grid-template-columns:1fr auto;align-items:center;gap:0 12px;display:grid}.growth-choice-skip{min-height:44px;margin:0}.growth-choice-footer:has(.growth-choice-skip)>small{grid-column:1/-1}.growth-skip-message{margin:0 auto 8px}}@container growth-choice (width<=600px) and (height<=650px){.growth-choice-footer:has(.growth-choice-skip){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;display:grid}.growth-choice-skip{white-space:nowrap;margin:0;padding:5px 8px;font-size:12px!important}.growth-choice-footer:has(.growth-choice-skip)>small{grid-column:1/-1}.growth-choice-confirm{font-size:13px!important}.growth-skip-message{margin-bottom:8px;font-size:13px}}.game-viewport:has(.growth-choice-dialog[open]) .evolution-milestone{visibility:hidden}.growth-signature-note{color:#c5e9d8;overflow-wrap:anywhere;background:#183830;border:1px solid #50796c;border-radius:8px;margin:0 0 16px;padding:12px 14px;font-size:13px;line-height:1.7;display:grid}.growth-signature-note>span{grid-area:1/1;min-width:0}.growth-signature-note>span[aria-hidden=true]{visibility:hidden}.growth-card-count b{white-space:nowrap;text-align:right;min-width:5em}.card-modal{container-name:card-modal}.card-modal h1{letter-spacing:1px;outline:none;margin:0;font-size:26px;font-weight:500}.card-modal h1 small{color:#b6cdc2;letter-spacing:0;font-size:13px}.card-modal button{color:#d7e4d9;background:#0a242c;border:1px solid #48665c;border-radius:8px;padding:8px 14px}.card-modal button[aria-pressed=true]{border-color:#e8d196;box-shadow:0 0 0 2px #e8d19640}.card-modal button:disabled{opacity:.5}.deck-preview-panel{gap:16px;width:min(1080px,100%);height:min(760px,100%)}.deck-preview-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-preview-heading p{color:#b6cdc2;margin:5px 0 0;font-size:13px}.deck-preview-heading>button{flex:none}.deck-tabs{flex:none;gap:8px;display:flex}.deck-tabs button{flex:1}.deck-tabs b{color:#e1cf9c;margin-left:8px;font-weight:500}.deck-preview-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:3px;overflow:auto}.deck-album{grid-template-columns:190px minmax(0,1fr);gap:22px;min-height:290px;display:grid}.deck-index{flex-direction:column;gap:6px;max-height:360px;padding:3px;display:flex;overflow:auto}.deck-index button{text-align:left;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.deck-index button>svg{color:#dfce9d;flex:none;width:30px;height:28px}.deck-index b{color:#c8d4bd;margin-left:auto;font-weight:500}.deck-detail{grid-template-columns:minmax(140px,230px) minmax(0,1fr);align-items:center;gap:26px;display:grid}.deck-large-card{text-align:center;color:#dfce9d;background:linear-gradient(145deg,#1d4145,#112b32);border:1px solid #526c63;border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-height:280px;padding:20px 12px;display:flex}.deck-large-card>svg{width:100%;height:145px}.deck-large-card>strong{color:#e6ece1;font-size:22px;font-weight:500}.deck-large-card>span{font-size:13px}.deck-energy{align-self:flex-start}.deck-description small{color:#d9c38e}.deck-description h2{margin:6px 0 16px;font-size:26px;font-weight:500}.deck-description p{white-space:pre-line;line-height:1.8}.deck-description .deck-compatibility{color:#c8d6b4;border:1px solid #48665c;border-radius:8px;padding:8px 12px}.deck-description .deck-usage{color:#a9c1b8;font-size:12px}.deck-description dl{color:#b6cdc2;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.deck-description dd{color:#e4eee6;margin:4px 0}.deck-shelf{border-top:1px solid #48665c;gap:10px;margin-top:12px;padding:16px 3px 8px;display:flex;overflow-x:auto}.deck-shelf button{flex-direction:column;flex:0 0 118px;align-items:center;gap:5px;padding:12px 8px;font-size:12px;display:flex}.deck-shelf svg{color:#dfce9d;width:80px;height:60px}.deck-shelf strong{font-size:14px;font-weight:500}.deck-trade-mark{color:#e8d196;font-size:11px!important}.deck-preview-note{color:#b6cdc2;flex:none;margin-top:auto;font-size:12px}.deck-empty{color:#b6cdc2;place-self:center}.visitor-trade-panel{gap:14px;width:min(900px,100%)}.visitor-trade-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:3px;overflow:auto}.visitor-trade-row{grid-template-columns:135px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0;display:grid}.visitor-trade-row+.visitor-trade-row{border-top:1px solid #48665c}.visitor-trade-row h2{margin:0;font-size:18px;font-weight:500}.visitor-trade-row h2 small{color:#a9c1b8;margin-top:7px;font-size:12px;display:block}.visitor-trade-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.visitor-trade-cards button{text-align:left;background:linear-gradient(145deg,#1d4145,#112b32);flex-direction:column;min-width:0;padding:10px;display:flex}.trade-card-top{color:#d9c38e;justify-content:space-between;gap:5px;font-size:11px;display:flex}.visitor-trade-cards svg{color:#dfce9d;width:100%;height:65px;margin:8px 0}.visitor-trade-cards strong{font-size:18px;font-weight:500}.trade-card-zone{color:#b6cdc2;margin:4px 0;font-size:12px}.visitor-trade-cards p{white-space:pre-line;margin:4px 0;font-size:12px;line-height:1.6}.visitor-trade-footer{text-align:center;flex:none}.visitor-trade-footer p{margin:0 0 5px}.visitor-trade-footer b{color:#e8d196}.visitor-trade-footer>small{color:#b6cdc2;font-size:12px}.visitor-trade-footer>div{justify-content:center;gap:12px;margin-top:12px;display:flex}.visitor-trade-footer .growth-choice-confirm{color:#17322f;background:#e8d196;border-color:#e8d196}.visitor-trade-footer .growth-choice-confirm:disabled{color:#82998e;background:#233c3d;border-color:#49605a}.visitor-invitation{box-sizing:border-box;color:#e4eee6;pointer-events:auto;background:#193639e8;border:1px solid #7a8f7680;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 3px 6px;padding:7px 10px;font:12px/1.4 system-ui,sans-serif;display:flex}.visitor-invitation>div{flex-direction:column;display:flex}.visitor-invitation strong{font-size:12px;font-weight:500}.visitor-invitation span{color:#b6cdc2}.visitor-invitation button{color:#17322f;min-height:44px;font:inherit;cursor:pointer;background:#e8d196;border:1px solid #e8d196;border-radius:8px;padding:8px 12px}.visitor-invitation p{flex-basis:100%;margin:0;font-size:12px}.visitor-invitation button:disabled{opacity:.5}@container card-modal (width<=600px){.card-modal h1{font-size:21px}.deck-preview-panel{gap:10px}.deck-preview-heading{align-items:flex-start;gap:8px}.deck-preview-heading>button{padding:8px;font-size:12px}.deck-preview-heading p{font-size:12px}.deck-tabs{gap:5px}.deck-tabs button{padding:8px 4px;font-size:13px}.deck-album{flex-direction:column;gap:14px;min-height:0;display:flex}.deck-index{flex-direction:row;flex:none;max-height:none;overflow-x:auto}.deck-index button{white-space:nowrap;flex:none}.deck-index button>svg{width:24px}.deck-detail{grid-template-columns:100px minmax(0,1fr);gap:12px}.deck-large-card{gap:8px;min-height:180px;padding:10px 6px}.deck-large-card>svg{height:85px}.deck-large-card>strong{font-size:16px}.deck-large-card>span{font-size:11px}.deck-description h2{margin:4px 0 8px;font-size:20px}.deck-description p{margin:8px 0;font-size:13px;line-height:1.65}.deck-description .deck-compatibility{padding:5px 8px;font-size:12px}.deck-description dl{gap:10px}.deck-shelf{margin-top:12px}.deck-shelf button{flex-basis:100px}.visitor-trade-panel{gap:8px}.visitor-trade-row{padding:8px 0;display:block}.visitor-trade-row h2{margin-bottom:8px;font-size:16px}.visitor-trade-row h2 small{margin-left:8px;font-size:11px;display:inline}.visitor-trade-cards{gap:6px}.visitor-trade-cards button{padding:7px 5px}.visitor-trade-cards strong{font-size:15px}.visitor-trade-cards svg{height:48px;margin:5px 0}.trade-card-top{flex-wrap:wrap;gap:2px;font-size:10px}.trade-card-zone{font-size:11px}.visitor-trade-cards p{font-size:12px;line-height:1.5}.visitor-trade-footer>div{gap:8px;margin-top:8px}.visitor-trade-footer>div>button{flex:1;min-width:0;padding:8px}.visitor-trade-footer>small{font-size:11px}}@container card-modal (height<=450px){.card-modal h1{font-size:20px}.deck-preview-panel{gap:8px}.deck-preview-heading p{margin:2px 0;font-size:12px}.deck-album{grid-template-columns:150px minmax(0,1fr);gap:14px;min-height:0}.deck-index{max-height:240px}.deck-detail{grid-template-columns:120px minmax(0,1fr);gap:15px}.deck-large-card{min-height:170px;padding:10px}.deck-large-card>svg{height:70px}.deck-description h2{margin:4px 0;font-size:20px}.deck-description p{margin:6px 0;font-size:12px}.deck-shelf{margin-top:8px}.visitor-trade-panel{gap:6px}.visitor-trade-row{grid-template-columns:110px minmax(0,1fr);padding:8px 0}.visitor-trade-cards svg{height:40px}.visitor-trade-footer>div{margin-top:6px}.visitor-trade-footer>small{display:block}.visitor-trade-footer p{font-size:13px}.visitor-trade-row h2{font-size:16px}}@container game (height<=500px){.visitor-invitation{margin-bottom:3px;padding:4px 8px}}.deck-preview-dialog[open]{grid-template-columns:minmax(0,1fr)}.deck-preview-panel{min-width:0;max-width:100%;overflow:hidden}.deck-preview-heading>div,.deck-preview-scroll,.deck-album,.deck-index,.deck-detail,.deck-description,.deck-tabs,.deck-tabs button{min-width:0}@container card-modal (width<=600px){.deck-preview-panel{padding:14px}.deck-preview-heading{flex-wrap:wrap}.deck-preview-heading>div{flex:170px}.deck-preview-heading>button{margin-left:auto}.deck-tabs button{padding:8px 2px;font-size:12px}.deck-tabs b{margin:2px 0 0;display:block}}.growth-form-card.evolution-unavailable,.form-option.evolution-unavailable{filter:grayscale();color:#c7cdd0;cursor:not-allowed;box-shadow:none;opacity:1;background:#252c30;border-color:#596167}.evolution-unavailable img{opacity:.5}.evolution-unavailable .growth-form-copy>*,.evolution-unavailable .form-copy>*{color:#bfc5c9}.evolution-unavailable .evolution-unavailable-badge{color:#f0f2f3;letter-spacing:0;background:#343c42;border:1px solid #8a9298;border-radius:4px;align-self:flex-start;max-width:100%;padding:3px 7px;font-size:12px;line-height:1.5;display:inline-block}.nutrition-hud{left:max(28px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));pointer-events:none;color:#b9dcd5;text-shadow:0 1px 7px #031e27;z-index:3;width:220px;max-width:calc(100% - 92px);font:12px/1.5 system-ui,sans-serif;transition:opacity .25s;position:absolute}.nutrition-heading,.nutrition-hud p{justify-content:space-between;gap:12px;display:flex}.nutrition-heading strong{letter-spacing:.08em;font-weight:500}.nutrition-heading span{font-variant-numeric:tabular-nums}.nutrition-track{background:#9dbfac25;border-radius:3px;flex:1;min-width:0;height:3px;margin:0}.nutrition-track>.nutrition-fill{background:linear-gradient(90deg,#60b9b2,#dbed9f);height:100%;transition:width .4s;display:block;box-shadow:0 0 10px #9ee9c744}.nutrition-hud p{opacity:.8;margin:0;font-size:10px}@container game (width<=600px){.nutrition-hud{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:185px}}.nutrition-meter{align-items:center;gap:10px;min-height:18px;margin:5px 0;display:flex}.creature-activity{white-space:nowrap;letter-spacing:.02em;color:#b2cfc5;flex:0 0 60px;justify-content:flex-end;align-items:center;gap:5px;font-size:11px;line-height:18px;display:inline-flex}.creature-activity[data-tone=active]{color:#d8d6b3}.creature-activity[data-tone=alert]{color:#c8c3d9}.creature-activity[data-tone=growth]{color:#d6e5b3}@media (prefers-reduced-motion:reduce){.nutrition-hud,.nutrition-track>.nutrition-fill{transition:none}}.ocean-app .identity{z-index:4;opacity:.85;left:max(32px,env(safe-area-inset-left));top:max(25px,env(safe-area-inset-top));right:auto}.ocean-app .identity .brand{letter-spacing:.16em;font-size:18px}.nutrition-hud{left:max(32px,env(safe-area-inset-left));top:max(25px,env(safe-area-inset-top));color:#d9e2d5;text-shadow:0 1px 5px #00151d;width:276px;max-width:calc(100% - 64px);font-size:12px;bottom:auto}.nutrition-hud:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 35%,#021923d9 0%,#02192391 40%,#02192300 73%);position:absolute;inset:-66px -44px -32px -32px}.growth-summary{padding:7px 0 4px;display:block}.nutrition-hud .nutrition-meter{grid-template-columns:minmax(0,1fr) 36px;gap:4px;min-height:18px;margin:0 0 3px;padding-right:46px;display:grid}.nutrition-hud .nutrition-track{background:#a7bdae40;border-radius:4px;height:4px}.nutrition-hud .nutrition-fill{background:linear-gradient(90deg,#84b8ad,#ede9cc);border-radius:4px}.nutrition-hud .nutrition-fill:after{content:"";background:#eee9ce;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 0 7px #e5eac466}.nutrition-heading{grid-template-columns:minmax(0,1fr) 64px 36px;align-items:baseline;gap:10px;padding-right:46px;display:grid}.nutrition-heading>strong{text-overflow:ellipsis;white-space:nowrap;color:#e0e7dc;min-width:0;font-size:13px;overflow:hidden}.nutrition-meter .nutrition-level{text-align:right;color:#b3c6be;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;font-size:11px;line-height:18px;overflow:hidden}.nutrition-heading .resident-gain{color:#b9ccbf;white-space:nowrap;justify-content:flex-end;align-items:baseline;min-width:0;max-width:100%;font-size:11px;transition:color .5s,text-shadow .5s;display:flex}.resident-gain b{text-overflow:ellipsis;text-align:right;transform-origin:100% 75%;font-variant-numeric:tabular-nums;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.nutrition-heading .resident-gain[data-active=true]{color:#f0ebcc;text-shadow:0 0 8px #e1edb85c}.nutrition-heading .resident-gain>span{color:inherit}.nutrition-heading .creature-activity{justify-content:flex-start;min-width:0;font-size:11px;overflow:hidden}@container game (width<=900px) or ((width<=1024px) and (height<=500px)){.ocean-app .identity{left:max(20px,env(safe-area-inset-left));top:max(20px,calc(env(safe-area-inset-top) + 8px))}.ocean-app .identity .brand{font-size:17px}.nutrition-hud{left:max(20px,env(safe-area-inset-left));top:max(20px,calc(env(safe-area-inset-top) + 8px));width:260px;max-width:calc(100% - max(20px,env(safe-area-inset-left)) - max(28px,env(safe-area-inset-right)))}}@container game (height<=500px){.ocean-app .identity,.nutrition-hud{top:max(10px,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.nutrition-heading .resident-gain{transition:none}}.nutrition-hud .nutrition-track{height:6px}:is(.nutrition-hud:has(.growth-upgrade),.nutrition-hud:has(.growth-evolving)){z-index:6}.growth-upgrade{pointer-events:auto;isolation:isolate;color:#fff2bb;text-align:left;cursor:pointer;background:linear-gradient(120deg,#53613d,#213c32 65%,#435537);border:1px solid #edd393;border-radius:9px;align-items:center;gap:10px;width:calc(100% - 20px);min-height:66px;margin-top:9px;padding:10px 12px;font:12px/1.4 system-ui,sans-serif;animation:2.6s ease-in-out infinite growth-ready-glow;display:flex;position:relative;overflow:hidden}.growth-upgrade:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#fff3ba30 50%,#0000 75%);animation:4s ease-in-out infinite growth-ready-sheen;position:absolute;inset:0;transform:translate(-110%)}.growth-upgrade-emblem{color:#ffe4a1;text-shadow:0 0 14px #f4d69577;flex:none;font-size:27px;line-height:1}.growth-upgrade-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.growth-upgrade-copy small{letter-spacing:.12em;color:#e7d69d;font-size:11px}.growth-upgrade-copy strong{overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.35}.growth-upgrade-arrow{color:#f5df9d;font-size:28px}.growth-upgrade:hover{background:linear-gradient(120deg,#647043,#2d4b38 65%,#536340);border-color:#fff0b5}.growth-upgrade:active{transform:scale(.97)}.growth-upgrade:focus-visible{outline-offset:4px;outline:2px solid #fff3c4}.growth-evolving{color:#e4d7a4;background:#15342edb;border:1px solid #d5ce9670;border-radius:9px;align-items:center;gap:10px;max-width:calc(100% - 20px);margin-top:9px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.growth-evolving>span:first-child{font-size:24px;animation:2.6s ease-in-out infinite growth-ready-glow}.growth-evolving strong{color:#fff0c0;font-size:15px;font-weight:500;display:block}@keyframes growth-ready-glow{0%,to{box-shadow:0 0 12px #eac77225,inset 0 0 12px #f0d9920c}50%{box-shadow:0 0 26px #eac77255,inset 0 0 20px #f0d99218}}@keyframes growth-ready-sheen{0%,45%{transform:translate(-110%)}85%,to{transform:translate(110%)}}@container game (height<=500px){.growth-upgrade{min-height:54px;margin-top:5px;padding:7px 10px}.growth-upgrade-copy strong{font-size:14px}.growth-evolving{margin-top:5px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.growth-upgrade,.growth-upgrade:before,.growth-evolving>span:first-child{animation:none}.growth-upgrade{box-shadow:0 0 18px #eac77233}.growth-upgrade:active{transform:none}}.nutrition-hud .nutrition-meter{position:relative}.upgrade-effects{pointer-events:none;z-index:5;height:18px;animation:1.1s linear both upgrade-lifetime;position:absolute;top:0;left:0;right:46px}.upgrade-charges{grid-template-columns:1fr;gap:3px;height:6px;display:grid;position:absolute;top:6px;left:0;right:40px}.upgrade-charges i{transform-origin:100%;animation:.42s cubic-bezier(.22,.7,.25,1) both upgrade-charge;animation-delay:calc(var(--cell)*45ms);background:#f2f4cd;border-radius:2px;box-shadow:0 0 9px 2px #bce9be88}.upgrade-spark{left:var(--launch);width:5px;height:5px;animation:.65s cubic-bezier(.2,.7,.3,1) both upgrade-transfer;animation-delay:calc(.1s + var(--cell)*55ms);background:#f7f5d4;border-radius:50%;position:absolute;top:50%;box-shadow:0 0 7px 2px #d8f3c7aa,0 0 16px #9bd8bc77}.upgrade-halo{border:1px solid #dbefbf;border-radius:50%;width:36px;height:20px;animation:.6s ease-out .38s both upgrade-halo;position:absolute;top:50%;right:0;transform:translateY(-50%)}.nutrition-level[data-upgrade=true]{color:#f2f1cb;transform-origin:100%;animation:1s linear both upgrade-level;overflow:visible}@keyframes upgrade-lifetime{0%{opacity:1}to{opacity:1}}@keyframes upgrade-charge{0%{opacity:.65;transform:scaleY(1)}25%{opacity:1;transform:scaleY(1.8)}to{opacity:0;transform:scaleX(0)scaleY(.5)}}@keyframes upgrade-transfer{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1}45%{transform:translate(-50%,-180%)scale(1)}75%{opacity:1;left:calc(100% - 18px);transform:translate(-50%,-50%)scale(.8)}to{opacity:0;left:calc(100% - 18px);transform:translate(-50%,-50%)scale(.2)}}@keyframes upgrade-halo{0%{opacity:0;transform:translateY(-50%)scale(.55)}18%{opacity:.85}to{opacity:0;transform:translateY(-50%)scale(1.65)}}@keyframes upgrade-level{0%,25%{text-shadow:none;transform:scale(1)}45%{text-shadow:0 0 14px #e4efb9dd;transform:scale(1.42)}63%{transform:scale(.97)}78%{transform:scale(1.04)}to{text-shadow:none;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.upgrade-effects{animation-duration:.35s}.upgrade-charges i,.upgrade-spark,.upgrade-halo{animation:none;display:none}.nutrition-level[data-upgrade=true]{color:#f2f1cb;text-shadow:0 0 5px #dce7bd66;animation:none}}.level-up-notice{isolation:isolate;box-sizing:border-box;color:#eef0cc;pointer-events:none;text-shadow:0 1px 4px #00191d;background:linear-gradient(115deg,#173d3af5,#102c32ed);border:1px solid #d9db9b99;border-radius:8px;align-items:center;gap:12px;width:calc(100% - 46px);min-height:58px;margin-top:10px;padding:9px 12px;animation:2.4s ease-out both level-up-notice;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #b9dc8730,inset 0 0 16px #d8e9a212}.level-up-emblem{color:#ecedb6;text-shadow:0 0 15px #e3edae9c;flex:none;font-size:29px;line-height:1;animation:.65s ease-out both level-up-emblem}.level-up-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.level-up-copy>strong{letter-spacing:.14em;font-size:13px;font-weight:600;line-height:18px}.level-up-copy>span{font-variant-numeric:tabular-nums;color:#aec7bb;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;line-height:22px;display:flex}.level-up-copy i{color:#d8ddaf;font-style:normal}.level-up-copy b{color:#f7f1c9;font-size:20px;font-weight:600;line-height:24px}.level-up-rays{z-index:-1;background:linear-gradient(110deg,#0000 20%,#edf2b126 45%,#0000 70%);animation:.8s ease-out both level-up-sheen;position:absolute;inset:0}@keyframes level-up-notice{0%{opacity:0;transform:translateY(6px)scale(.96)}12%,80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(1)}}@keyframes level-up-emblem{0%{opacity:0;transform:scale(.5)rotate(-35deg)}60%{opacity:1;transform:scale(1.15)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes level-up-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.level-up-notice{animation-name:level-up-notice-still}.level-up-emblem,.level-up-rays{animation:none}.level-up-rays{display:none}}@keyframes level-up-notice-still{0%,85%{opacity:1}to{opacity:0}}.nutrition-hud{width:230px;max-height:calc(100% - max(25px,env(safe-area-inset-top)) - max(223px,env(safe-area-inset-bottom)));flex-direction:column;display:flex}.nutrition-hud>*{flex-shrink:0}.nutrition-hud .world-ecology-hud{flex:0 auto;width:100%;min-height:88px;margin-top:12px}.nutrition-hud .world-ecology-hud:has(dl[hidden]){min-height:44px}.nutrition-hud.ecology-only .world-ecology-hud{margin-top:0}@container game (width<=900px){.nutrition-hud{width:214px;max-height:calc(100% - max(20px,calc(env(safe-area-inset-top) + 8px)) - max(213px,env(safe-area-inset-bottom)))}}@container game (width<=600px){.nutrition-hud .world-ecology-hud{width:100%}}@container game (height<=500px){.nutrition-hud{max-height:calc(100% - max(10px,env(safe-area-inset-top)) - max(190px,env(safe-area-inset-bottom)));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#74999780 transparent;pointer-events:auto;overflow-y:auto}.nutrition-hud .world-ecology-hud{margin-top:7px}}.nutrition-hud .nutrition-meter,.nutrition-hud .nutrition-heading{padding-right:0}.nutrition-hud .upgrade-effects{right:0}.nutrition-hud .growth-upgrade,.nutrition-hud .level-up-notice{width:100%}.nutrition-hud .growth-evolving{max-width:100%}.growth-primary{position:relative}.growth-primary .growth-summary{box-sizing:border-box;height:74px;min-height:74px}.growth-status-line{flex-wrap:wrap;gap:0 8px;max-height:32px;margin-top:3px;font-size:11px;line-height:16px;display:flex;overflow:hidden}.digestion-status{font-variant-numeric:tabular-nums;color:#bfd4c8;white-space:nowrap}.digestion-status[data-full=true]{color:#f1d4a2}.growth-status-line:has(>:nth-child(2))>span{font-size:11px}.growth-primary[data-evolution=true] .growth-summary{visibility:hidden;pointer-events:none}.nutrition-hud .growth-primary .growth-upgrade,.nutrition-hud .growth-primary .growth-evolving,.nutrition-hud .growth-primary .level-up-notice{box-sizing:border-box;width:100%;max-width:100%;height:74px;min-height:74px;margin:0;padding:8px 10px;position:absolute;top:0;left:0}.growth-primary .growth-evolving>span:last-child{overflow-wrap:anywhere;min-width:0}.growth-primary[data-evolution=true] .level-up-notice{visibility:hidden}.growth-primary>.nutrition-meter{height:20px;margin:0 0 2px}.growth-primary .growth-summary{height:52px;min-height:52px;padding-top:2px}.growth-primary .growth-upgrade-emblem{font-size:22px}.growth-primary .growth-upgrade-copy{gap:0}.growth-primary .growth-upgrade-copy strong{font-size:14px}.nutrition-track>.nutrition-extra{z-index:3;pointer-events:none;background:linear-gradient(90deg,#b494ee,#ecb7ee);border-radius:4px;height:100%;transition:width .25s;display:block;position:absolute;top:0;left:0;box-shadow:0 0 7px #d5a9ec66}@media (prefers-reduced-motion:reduce){.nutrition-track>.nutrition-extra{transition:none}}.growth-meters{height:34px;position:relative}.nutrition-hud .growth-meters .nutrition-meter,.nutrition-hud .stomach-meter{grid-template-columns:26px minmax(0,1fr) 36px;align-items:center;gap:6px;height:18px;min-height:18px;margin:0;padding:0;display:grid}.nutrition-hud .stomach-meter{height:16px;min-height:16px}.growth-meter-label{letter-spacing:0;text-align:left;white-space:nowrap;color:#b3c6be;font-size:11px;font-weight:400;line-height:16px}.stomach-scale{min-width:0}.stomach-track{background:#a7bdae40;border-radius:3px;width:50%;height:3px;position:relative}.stomach-fill{height:100%;box-shadow:0 0 calc(3px + var(--arrival-energy,0)*6px) #e3b86f55;background:#e3b86f;border-radius:3px;display:block}.stomach-meter[data-full=true] .stomach-track{box-shadow:0 0 8px #e3b86f70}.stomach-meter[data-full=true] .growth-meter-label{color:#f1d4a2}.growth-meters .upgrade-effects{left:32px}.digestion-flow{pointer-events:none;height:34px;position:absolute;top:0;left:32px;right:42px}.digestion-flow>i{background:#e3b86f;border-radius:50%;width:3px;height:3px;display:none;position:absolute;transform:translate(-50%,-50%)}.growth-meters[data-digesting=true] .digestion-flow>i{animation:1.2s linear infinite digestion-transfer;display:block}.growth-meters[data-digesting=true] .nutrition-fill:after{animation:1.2s linear infinite digestion-arrival}@keyframes digestion-transfer{0%{left:var(--stomach-end);opacity:0;background:#e3b86f;top:26px}20%{opacity:.9}65%{background:#b8ddbc}90%{opacity:.7}to{left:var(--nutrition-end);opacity:0;background:#dce8c8;top:9px}}@keyframes digestion-arrival{0%,65%,to{opacity:.6}85%{opacity:1;box-shadow:0 0 9px #dce8c888}}.growth-primary .growth-summary{height:44px;min-height:44px;padding:4px 0 0}.growth-primary .growth-status-line{flex-wrap:nowrap;height:16px;max-height:16px}.growth-primary .growth-status-line>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:16px;overflow:hidden}.nutrition-hud .growth-primary .growth-upgrade,.nutrition-hud .growth-primary .growth-evolving{height:44px;min-height:44px;padding:3px 9px;top:34px}.nutrition-heading .digestion-status[data-full=true]{color:#f1d4a2}@media (prefers-reduced-motion:reduce){.growth-meters[data-digesting=true] .digestion-flow>i{animation:none;display:none}.growth-meters[data-digesting=true] .nutrition-fill:after{animation:none}}.growth-primary .growth-evolving{font-size:11px;line-height:16px}.growth-primary .growth-evolving strong{font-size:14px;line-height:18px}.growth-primary{height:94px;min-height:94px}.growth-meters{height:50px}.nutrition-hud .growth-primary .growth-upgrade,.nutrition-hud .growth-primary .growth-evolving{top:50px}.nutrition-hud .growth-primary .level-up-notice{height:94px;min-height:94px}.body-meter{color:#eac487;grid-template-columns:26px minmax(0,1fr) 36px;align-items:center;gap:6px;height:16px;transition:opacity .5s;display:grid}.body-meter[data-visible=false]{opacity:0;visibility:hidden}.body-track{background:#bea27530;border-radius:4px;height:4px;position:relative}.body-track>i{border-radius:inherit;background:linear-gradient(90deg,#be895f,#ffe2a1);height:100%;display:block;box-shadow:0 0 8px #e3b86f45}.body-percent{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.body-meter[data-mode=starving] .body-track>i{background:#e38f7e}.body-meter[data-mode=restored] .body-track>i{background:#bfdfb3}.body-status{color:#e8c995}.body-status[data-mode=starving]{color:#ffc1b0}.body-status[data-mode=restored]{color:#cee5bb}.ration-mark{z-index:2;background:#f5d798;width:1px;height:12px;position:absolute;top:-3px;box-shadow:0 0 3px #071c26}.repair-flow{pointer-events:none;height:50px;position:absolute;top:0;left:32px;right:42px}.repair-flow>i{background:#ffe2a1;border-radius:50%;width:3px;height:3px;display:none;position:absolute;box-shadow:0 0 6px #fbd199}.growth-meters[data-repairing=true] .repair-flow>i{animation:1.2s linear infinite body-repair-transfer;display:block}.growth-meters[data-repairing=true] .digestion-flow>i{display:none}@keyframes body-repair-transfer{0%{left:var(--stomach-end);opacity:0;top:26px}20%,80%{opacity:1}to{left:var(--body-end);opacity:0;top:42px}}.nutrition-hud[data-paused=true] *{transition:none!important;animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.body-meter{transition:none}.growth-meters[data-repairing=true] .repair-flow>i{animation:none;display:none}}.nutrition-hud .body-meter[data-mode=rescue]{color:#ffb0a8}.nutrition-hud .body-status[data-mode=rescue]{color:#ffb0a8;font-weight:600}.body-meter[data-mode=rescue] .body-track{background:#c33138;outline:1px solid #ff827b;animation:1.2s ease-in-out infinite body-rescue-flash;box-shadow:0 0 7px #ff504c80}@keyframes body-rescue-flash{0%,to{background:#842c35;box-shadow:0 0 3px #f4433655}50%{background:#f65b52;box-shadow:0 0 10px #f659}}@media (prefers-reduced-motion:reduce){.body-meter[data-mode=rescue] .body-track{background:#d94842;outline:2px solid #ffaaa2;animation:none}}.nutrition-pressure{color:#f4d18a;font-weight:600}.nutrition-pressure[data-urgent=true]{color:#ffb0a0;font-weight:700}.nutrition-hud[data-layout=fixed-three]{max-height:none;overflow:visible}.nutrition-hud[data-layout=fixed-three] .growth-primary{flex-direction:column;height:57.5px;min-height:57.5px;max-height:57.5px;display:flex}.nutrition-hud[data-layout=fixed-three] .growth-summary{visibility:visible;order:-1;height:23.5px;min-height:23.5px;max-height:23.5px;padding:4px 0 0}.nutrition-hud[data-layout=fixed-three] .growth-meters{height:34px;min-height:34px;max-height:34px}.nutrition-hud[data-layout=fixed-three] .growth-summary .nutrition-heading{grid-template-columns:minmax(0,1fr) 64px 36px;gap:8px}.nutrition-hud[data-layout=fixed-three] .nutrition-heading .creature-activity{text-overflow:ellipsis;width:64px;max-width:64px;display:block;overflow:hidden}.nutrition-hud[data-layout=fixed-three] .resident-gain{width:36px;max-width:36px;overflow:hidden}.nutrition-hud[data-layout=fixed-three] .resident-gain b{text-overflow:ellipsis;overflow:hidden}.nutrition-hud[data-layout=fixed-three] .body-meter{opacity:1;visibility:visible;grid-template-columns:26px minmax(0,1fr) 36px;gap:6px;height:16px;min-height:16px;max-height:16px;margin:0;transition:none;display:grid}.nutrition-hud[data-layout=fixed-three] .body-status,.nutrition-hud[data-layout=fixed-three] .body-percent{font-size:10px;line-height:16px}.nutrition-hud[data-layout=fixed-three] [hidden]{display:none!important}.nutrition-hud[data-layout=fixed-three]:has([data-evolving=true]){border-color:#a2c6b8;box-shadow:0 0 12px #b4d7c94d}.nutrition-details-trigger{z-index:4;border-radius:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;width:100%;height:100%;min-height:44px;position:absolute;inset:0}.nutrition-details-trigger:focus-visible{outline-offset:3px;outline:2px solid #e5d395}.nutrition-details[popover]{box-sizing:border-box;overscroll-behavior:contain;color:#d9e2d5;width:min(340px,100vw - 24px);text-shadow:none;pointer-events:auto;background:#0a222cf5;border:1px solid #718f84;border-radius:12px;margin:0;padding:12px 16px;font:13px/1.6 system-ui,sans-serif;position:fixed;inset:auto;overflow:auto;box-shadow:0 8px 30px #00131d66}.nutrition-details header{justify-content:space-between;align-items:center;gap:8px;display:flex}.nutrition-details button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#183c40;border:1px solid #718f8470;border-radius:8px}.nutrition-details p{line-height:1.6;margin:8px 0!important;font-size:12px!important;display:block!important}.nutrition-details dl{margin:8px 0}.nutrition-details dl>div{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.nutrition-details dt{color:#a9c6ba;flex-shrink:0}.nutrition-details dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}@container game (width<=600px){.nutrition-hud[data-layout=fixed-three] .growth-summary .nutrition-heading{grid-template-columns:minmax(0,1fr) 54px 24px;gap:4px}.nutrition-hud[data-layout=fixed-three] .nutrition-heading .creature-activity{width:54px;max-width:54px;font-size:10px}.nutrition-hud[data-layout=fixed-three] .resident-gain{width:24px;max-width:24px;font-size:10px}}.nutrition-hud[data-layout=fixed-three] .nutrition-level[data-upgrade=true]{animation:1s ease-out both fixed-level-flash;transform:none}@keyframes fixed-level-flash{0%,to{text-shadow:none}35%{text-shadow:0 0 10px #e4efb9dd;color:#ffffdf}}@media (prefers-reduced-motion:reduce){.nutrition-hud[data-layout=fixed-three] .nutrition-level[data-upgrade=true]{animation:none}}.growth-choice-dialog[data-intro=true]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#02151d55}.upgrade-celebration{--award:#9de4d1;isolation:isolate;text-align:center;width:min(440px,100%);color:var(--award);animation:celebration-envelope var(--celebration-duration) linear both;pointer-events:none;position:relative}.upgrade-celebration[data-evolution=true]{--award:#f3d48c;width:min(540px,100%)}.upgrade-celebration .level-up-notice{border-color:color-mix(in srgb,var(--award) 60%,transparent);width:100%;min-height:160px;box-shadow:0 0 38px color-mix(in srgb,var(--award) 22%,transparent);background:linear-gradient(115deg,#173d3af5,#102c32ed);justify-content:center;gap:18px;margin:0;padding:26px 18px;animation:.65s ease-out both celebration-bloom;display:flex;position:relative;overflow:hidden}.upgrade-celebration[data-evolution=true] .level-up-notice{background:linear-gradient(115deg,#343c2ff5,#132e36f5);min-height:200px;box-shadow:0 0 75px #ebc77345,inset 0 0 36px #f3d48c18}.upgrade-celebration .level-up-emblem{color:var(--award);font-size:44px}.upgrade-celebration .level-up-copy{align-items:center;gap:8px}.upgrade-celebration .level-up-copy>small{letter-spacing:.25em;color:var(--award);font-size:10px}.upgrade-celebration h1{letter-spacing:.1em;color:var(--award);outline:none;margin:0;font-size:28px;font-weight:600}.upgrade-celebration[data-evolution=true] h1{font-size:34px}.upgrade-celebration .level-up-copy>span{gap:12px;font-size:16px}.upgrade-celebration .level-up-copy b{color:var(--award);font-size:32px;line-height:1.2;animation:.65s .15s both celebration-number}.upgrade-celebration .level-up-copy p{color:#d0d9c9;margin:0;font-size:13px;line-height:1.6}.celebration-pause{color:#b4c9c1;margin-top:16px;font-size:11px;display:block}.celebration-rings{z-index:-1;place-items:center;display:grid;position:absolute;inset:0}.celebration-rings i{aspect-ratio:1;border:1px solid var(--award);width:200px;box-shadow:0 0 18px color-mix(in srgb,var(--award) 35%,transparent);border-radius:50%;animation:.85s .2s both celebration-ring;position:absolute}.celebration-rings i+i{display:none}[data-evolution=true] .celebration-rings i{width:270px;animation-duration:1.25s}[data-evolution=true] .celebration-rings i+i{animation-delay:.4s;display:block}.celebration-sparks{z-index:-1;place-items:center;display:grid;position:absolute;inset:0}.celebration-sparks i{--reach:150px;background:var(--award);width:4px;height:4px;box-shadow:0 0 10px var(--award);animation:celebration-spark .85s calc(.2s + var(--delay)) both;border-radius:50%;position:absolute}[data-evolution=true] .celebration-sparks i{--reach:230px;width:5px;height:5px;animation-duration:1.25s}@keyframes celebration-envelope{0%{opacity:0}12%,83%{opacity:1}to{opacity:0}}@keyframes celebration-bloom{0%{transform:scale(.94)}38%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes celebration-number{0%{opacity:.2;transform:scale(.7)}55%{opacity:1;transform:scale(1.22)}to{opacity:1;transform:scale(1)}}@keyframes celebration-ring{0%{opacity:0;transform:scale(.55)}22%{opacity:.7}to{opacity:0;transform:scale(1.75)}}@keyframes celebration-spark{0%{transform:rotate(var(--angle)) translateX(45px);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translateX(var(--reach));opacity:0}}@container growth-choice (width<=600px){.upgrade-celebration .level-up-notice{gap:10px;padding:24px 12px}.upgrade-celebration h1{font-size:25px}.upgrade-celebration[data-evolution=true] h1{font-size:29px}.upgrade-celebration .level-up-emblem{font-size:30px}.upgrade-celebration .level-up-copy p{font-size:12px}}@media (prefers-reduced-motion:reduce){.upgrade-celebration .level-up-notice,.upgrade-celebration .level-up-copy b{animation:none}.celebration-rings,.celebration-sparks{display:none}}@container growth-choice (height<=250px){.upgrade-celebration .level-up-notice,.upgrade-celebration[data-evolution=true] .level-up-notice{min-height:0;padding:10px 14px}.upgrade-celebration .level-up-copy>small,.celebration-pause{display:none}.upgrade-celebration h1,.upgrade-celebration[data-evolution=true] h1{font-size:22px}.upgrade-celebration .level-up-copy b{font-size:25px}}@container growth-choice (height<=100px){.upgrade-celebration .level-up-notice{gap:8px;padding:3px 8px;animation:none}.upgrade-celebration .level-up-copy{flex-direction:row;gap:10px}.upgrade-celebration .level-up-copy p,.celebration-rings,.celebration-sparks{display:none}.upgrade-celebration h1,.upgrade-celebration[data-evolution=true] h1{white-space:nowrap;font-size:14px}.upgrade-celebration .level-up-copy>span{white-space:nowrap;flex-wrap:nowrap;gap:6px;font-size:12px}.upgrade-celebration .level-up-copy b{font-size:16px;animation:none}.upgrade-celebration .level-up-emblem{font-size:18px;animation:none}}.upgrade-celebration[data-complete=true] .celebration-rings,.upgrade-celebration[data-complete=true] .celebration-sparks{display:none}.upgrade-celebration .completion-lineage{flex-wrap:wrap;justify-content:center}.upgrade-celebration .completion-lineage b{font-size:24px;animation:none}.completion-benefits{gap:6px;display:grid}.upgrade-celebration .completion-benefits p{color:#e6ddb8;margin:0;font-size:14px;line-height:1.6}.growth-choice-dialog:has(.upgrade-celebration[data-complete=true]){overflow:auto}@container growth-choice (width<=600px){.upgrade-celebration .completion-lineage b{font-size:20px}.upgrade-celebration .completion-benefits p{font-size:12px}}@container growth-choice (height<=250px){.upgrade-celebration[data-complete=true] .level-up-copy{gap:4px}.upgrade-celebration .completion-lineage b{font-size:18px}.completion-benefits{gap:2px}.upgrade-celebration .completion-benefits p{font-size:12px}}:root{color:#c7dcd9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#041922;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:5px;outline:2px solid #8de1d2}.ocean-app{isolation:isolate;-webkit-user-select:none;user-select:none;background:#041922;width:100%;height:100%;position:relative;overflow:hidden}.ocean-app :is(input,textarea,[contenteditable=true],[contenteditable=""],[contenteditable=plaintext-only]){-webkit-user-select:text;user-select:text}.game-viewport{position:absolute;inset:0;overflow:hidden}.ocean-canvas{opacity:0;width:100%;height:100%;transition:opacity 1.7s;display:block}.is-ready .ocean-canvas{opacity:1}.frame-shade{pointer-events:none;background:linear-gradient(#010c1430,#0000 21% 75%,#000a1230);position:absolute;inset:0;box-shadow:inset 0 0 130px 25px #010d1840}.hud{opacity:0;pointer-events:none;transition:opacity 1.5s,transform 1.5s}.ui-visible .hud{opacity:1}.hud:has(:focus-visible){opacity:1}.identity{position:absolute;top:36px;left:40px}.brand{letter-spacing:.22em;color:#dcddd0;text-shadow:0 2px 25px #010c16;font-family:Cormorant Garamond,Times New Roman,serif;font-size:25px;font-weight:400}.brand span{color:#b1c8bf}.chapter{color:#86aba9;letter-spacing:.17em;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.chapter-line{background:#719e95;width:20px;height:1px}.chapter-dot{opacity:.5}.top-right{letter-spacing:.21em;color:#5a8386;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;top:45px;right:40px}.depth-line{background:#365c65;width:28px;height:1px}.navigation-enabled .ocean-canvas{cursor:crosshair}.quiet-note{letter-spacing:.16em;color:#698e8c;font-size:11px;position:absolute;bottom:42px;right:40px}.loading{letter-spacing:.3em;color:#9ec9bf;place-content:center;font-size:14px;display:grid;position:absolute;inset:0}.loading-dot{display:inline}.error-panel{text-align:center;background:#0c252e;border:1px solid #598a8c;border-radius:14px;width:min(440px,100% - 48px);padding:26px;font-size:15px;line-height:1.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-panel button{color:#d1eee4;cursor:pointer;background:#173e44;border:1px solid #6aa5a3;border-radius:7px;padding:9px 18px}.notice{text-align:center;background:#123239ec;border:1px solid #68988b44;border-radius:9px;max-width:80%;padding:11px 18px;font-size:13px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.ocean-app{background:#020c12}.ocean-canvas{touch-action:none;cursor:grab;outline:none}.ocean-canvas:focus-visible{outline-offset:-2px;outline:1px solid #8de1d244}.viewport-dragging .ocean-canvas{cursor:grabbing}.viewport-map{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#b1c9bd;pointer-events:none;opacity:0;background:#08202be8;border:1px solid #7fa99566;border-radius:9px;width:180px;padding:10px;transition:opacity .45s,transform .45s;position:absolute;bottom:148px;right:24px;transform:translateY(6px)}.viewport-map.shown{opacity:1;transform:none}.viewport-map svg{border-radius:3px;width:100%;margin:0 0 7px;display:block;overflow:hidden}.map-caption{color:#85a29a;text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.viewport-map{bottom:24px}.ocean-app:has(.viewport-map.shown) .quiet-note{opacity:0}.notice{z-index:15;bottom:32px}:is(.render-ink,.render-riso,.render-watercolor,.render-comic) :is(.brand,.brand span,.chapter,.quiet-note,.top-right){color:#23414a;text-shadow:none}.brand,.brand span,.chapter,.quiet-note,.top-right{transition:opacity 1.5s,transform 1.5s,color 3s cubic-bezier(.333,0,.667,1),text-shadow 3s cubic-bezier(.333,0,.667,1)}@container game (width<=1400px){.quiet-note,.top-right{display:none}}@media (prefers-reduced-motion:reduce){.hud,.ocean-canvas,.viewport-map{transition:none}}.neighbor-seas{min-width:0;font-size:12px;line-height:1.5}.sea-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px;display:grid}.sea-grid button,.sea-center{white-space:normal;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:78px;display:flex;padding:6px!important}.sea-grid button[aria-pressed=true]{background:#183f4d;outline:2px solid #7de0db}.sea-grid span,.sea-grid small{font-size:11px}.sea-center{color:#a5ede4;border:1px solid #55757e;border-radius:6px}.neighbor-seas>button{white-space:normal;width:100%;min-height:32px;margin:4px 0}.neighbor-seas label{align-items:center;gap:8px;display:flex}.neighbor-seas input{width:70px;min-width:0}.neighbor-seas p{overflow-wrap:anywhere}@media (pointer:coarse){.neighbor-seas>button,.neighbor-seas input{min-height:44px}.neighbor-seas input{font-size:16px}.neighbor-seas{font-size:14px}.sea-grid span,.sea-grid small{font-size:12px}}.nutrition-stock-list{font-variant-numeric:tabular-nums;white-space:normal;width:100%;min-width:0;font-size:12px;line-height:1.5}.nutrition-stock-list>div{justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;display:flex}.nutrition-stock-list b{overflow-wrap:anywhere;text-align:right;font-weight:500}.nutrition-stock-list p{color:#a8c3bb;margin:6px 0;font-size:11px}.nutrition-ledger{font-variant-numeric:tabular-nums;min-width:0;font-size:12px}.nutrition-ledger dl{margin:8px 0}.nutrition-ledger dl>div{justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;display:flex}.nutrition-ledger dt{overflow-wrap:anywhere}.nutrition-ledger dd{text-align:right;overflow-wrap:anywhere;margin:0}.nutrition-ledger summary{cursor:pointer;color:#c4ded9;align-items:center;min-height:32px;list-style:disclosure-closed;display:flex}.nutrition-ledger summary:before{content:"▸";margin-right:6px}.nutrition-ledger details[open]>summary:before{content:"▾"}.nutrition-ledger details{border-top:1px solid #a1cbb12b}.nutrition-ledger-error{color:#ffc4a8}.nutrition-ledger p{overflow-wrap:anywhere}.nutrition-ledger summary:focus-visible{outline-offset:1px;outline:2px solid #b5d5cd}@media (pointer:coarse){.nutrition-ledger summary{min-height:44px}}.review-controls{text-align:left;overflow-wrap:anywhere;color:#c9dbd6;margin:16px 0 0;font:13px/1.55 system-ui,sans-serif}.review-controls>strong{font-size:15px}.review-controls p{margin:6px 0}.review-controls .review-retention{color:#9eb8b2;font-size:12px}.review-buttons{flex-wrap:wrap;gap:8px;display:flex}.review-controls button{color:#e5eeea;font:inherit;cursor:pointer;background:#203f46;border:1px solid #6d9993;border-radius:7px;flex:110px;padding:8px 10px;width:auto!important;min-height:44px!important}.review-controls button:disabled{opacity:.5;cursor:wait}.review-controls button:focus-visible{outline-offset:2px;outline:2px solid #f1efcc}.review-history{overscroll-behavior:contain;max-height:240px;margin:8px 0;padding:0;list-style:none;overflow:auto}.review-history li{border-top:1px solid #91bdb733;flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.review-history span{flex-basis:100%}.game-over{padding-bottom:max(20px,env(safe-area-inset-bottom));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))}.perk-controls{color:inherit;min-width:0}.perk-controls h3{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14px;display:flex}.perk-controls h3>span{color:#91aba9;font-size:12px;font-weight:400}.perk-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.perk-controls .perk-options button{color:#d3e9df;min-width:0;min-height:44px;font:inherit;cursor:pointer;background:#17383f;border:1px solid #385c63;border-radius:6px;align-items:center;gap:9px;padding:9px 10px;display:flex}.perk-options button>span{letter-spacing:.04em;color:#a1c2bb;font-size:11px}.perk-options button>strong{font-size:13px}.perk-options button>i{margin-left:auto;font-size:16px;font-style:normal}.perk-controls .perk-options button[aria-pressed=true]{color:#edffe4;background:#2a4840;border-color:#b9d3a0}.perk-controls .perk-clear{color:#b4ceca;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #385c63;border-radius:6px;margin-top:8px;font-size:13px;display:block}.perk-controls button:disabled{opacity:.45;cursor:default}.perk-controls button:focus-visible{outline-offset:3px;outline:2px solid #e1c58a}.perk-description,.perk-note{color:#a7c0bd;margin:10px 0 0;font-size:12px;line-height:1.7}.perk-note{color:#829e9d}.editor-perks{border-bottom:1px solid #29414a;padding:17px}.debug-section>.perk-controls{padding:0}.fps-counter{z-index:2;color:#d0e6dd;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#09202bed;border:1px solid #66867c80;border-radius:5px;align-items:baseline;gap:5px;padding:6px 9px;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute}.fps-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;font-weight:600}.fps-unit{color:#95b6ac;font-size:9px}.fps-state{color:#a6bdb5;border-left:1px solid #66867c80;margin-left:3px;padding-left:7px;font:9px/1.2 sans-serif}.ocean-app>.fps-counter{top:12px;right:40px}.viewport-stage>.fps-counter{bottom:90px;right:16px}@media (width<=600px){.ocean-app>.fps-counter{padding:3px 7px;top:4px;right:12px}}.ocean-app{--debug-width:min(360px,calc(100% - 48px))}.debug-handle{z-index:12;color:#b7d2c8;cursor:ew-resize;touch-action:none;opacity:.55;background:#08232abf;border:1px solid #9fc8bb45;border-right:0;border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:8px;width:44px;min-height:112px;padding:10px 6px;transition:right .28s,opacity .2s,background .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.debug-handle:hover,.debug-handle:focus-visible,.debug-open .debug-handle{opacity:1;background:#0c2b33f5}.debug-handle>span:nth-child(2){writing-mode:vertical-rl;letter-spacing:.15em;font:12px/1.2 ui-monospace,monospace}.debug-chevron{font:24px/16px sans-serif}.debug-handle.has-override{opacity:1;color:#efc38b;border-color:#d7af6e70}.debug-override{writing-mode:vertical-rl;letter-spacing:.1em;font-size:12px}.debug-time-badge{letter-spacing:-.04em;white-space:nowrap;font:11px/1.3 ui-monospace,monospace}.debug-open .debug-handle{right:var(--debug-width)}.debug-sidebar{z-index:11;width:var(--debug-width);visibility:hidden;pointer-events:none;color:#c7dcd9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#081d26f7;border-left:1px solid #a9cbb52e;flex-direction:column;height:100dvh;transition:transform .28s,visibility 0s .28s;display:flex;position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-16px 0 60px #00091144}.debug-open .debug-sidebar{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.debug-header{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 18px 20px;border-bottom:1px solid #9bbfaf24;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.debug-eyebrow{color:#789d9b;letter-spacing:.17em;font:10px/1.5 ui-monospace,monospace}.debug-header h2{letter-spacing:.02em;color:#e0e9db;align-items:baseline;gap:12px;margin:5px 0 0;font-size:22px;font-weight:500;display:flex}.debug-header h2 span{color:#8fada6;font-size:13px;font-weight:400}.debug-sidebar button,.debug-sidebar a,.debug-sidebar select,.debug-sidebar input,.debug-sidebar summary{-webkit-tap-highlight-color:transparent}.debug-sidebar button{color:#c9ded5;min-height:44px;font:inherit;cursor:pointer;background:#16363d;border:1px solid #87b6a832;border-radius:7px;font-size:14px;line-height:1.4}.debug-sidebar button:hover:not(:disabled),.debug-sidebar a:hover{color:#e8efdc;background:#244940}.debug-sidebar button:disabled{opacity:.4;cursor:default}.debug-sidebar button[aria-pressed=true],.debug-sidebar button.active{color:#efd9ac;background:#3c4937;border-color:#b9a47b55}.debug-sidebar :is(button,a,select,input,summary):focus-visible{outline-offset:3px;outline:2px solid #99dbc5}.debug-sidebar .debug-close{color:#9cbbb1;background:0 0;min-width:44px;font:24px/1 sans-serif}.debug-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#42665f transparent;touch-action:pan-y;min-height:0;padding:0 max(20px,env(safe-area-inset-right)) 8px 20px;flex:1;overflow:hidden auto}.debug-section{border-bottom:1px solid #8fae9a24;padding:7px 0}.debug-section h3{color:#d7e4d6;justify-content:space-between;align-items:center;gap:8px;margin:0 0 13px;font-size:14px;font-weight:500;display:flex}.debug-section h3>span{color:#809e96;font-size:12px;font-weight:400}.debug-section h3.debug-section-heading{margin:0;display:block}.debug-sidebar .debug-section-toggle,.debug-sidebar .debug-section-summary{text-align:left;color:#d7e4d6;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 0;font-size:14px;font-weight:500;display:flex}.debug-section-label{overflow-wrap:anywhere;min-width:0}.debug-section-icon{color:#a4c8b8;background:#8ec1b30a;border:1px solid #8ec1b320;border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.debug-section-icon svg{width:20px;height:20px;display:block}.debug-section-toggle:is(:hover,:focus-visible) .debug-section-icon{color:#d0e6d5;background:#8ec1b316;border-color:#a3ccb74a}.debug-section-meta{color:#809e96;text-align:right;min-width:0;margin-left:auto;font-size:12px;font-weight:400}.debug-section-chevron{color:#8cb3a3;flex-shrink:0;margin-left:auto;font-size:16px}.debug-section-meta+.debug-section-chevron{margin-left:0}.debug-section-content{padding:5px 0 12px}.debug-section-content[hidden]{display:none}.debug-cheat-sheet{margin:12px 0 0;font-size:13px;line-height:1.6}.debug-cheat-sheet>div{border-bottom:1px solid #8fae9a18;grid-template-columns:88px minmax(0,1fr);gap:9px;padding:9px 0;display:grid}.debug-cheat-sheet dt,.debug-cheat-sheet dd{margin:0}.debug-cheat-sheet small{color:#849f98;font-size:12px;display:block}.debug-sidebar kbd{color:#bfd6cc;white-space:nowrap;background:#06171e;border:1px solid #87b6a850;border-radius:4px;padding:1px 5px;font:12px/1.6 ui-monospace,monospace;display:inline-block}.debug-cooldown-reset kbd{margin-left:8px}.debug-sidebar .fps-counter{background:#06171e;padding:4px 7px;font-size:12px;position:static}.debug-sidebar .fps-unit{font-size:10px}.debug-status{color:#bcd1c1;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 12px;font-size:13px;display:flex}.debug-status i{background:#8ac9aa;border-radius:50%;flex-shrink:0;width:5px;height:5px}.debug-status i.overridden{background:#e8bd81}.debug-status>span{color:#849f97;margin-left:auto;font-size:12px}.debug-actions,.debug-sidebar .event-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.debug-actions button{justify-content:center;align-items:center;gap:10px;display:flex}.debug-sidebar .preview-button{text-align:left;color:#d5c8aa;white-space:normal;padding:10px 12px}.debug-help{color:#849f98;margin:11px 0 0;font-size:12px;line-height:1.8}.debug-time-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:7px;display:grid}.debug-time-controls select{text-align:center}.debug-time-reset{margin-top:7px}.debug-day-clock{color:#d2e8df;align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.debug-day-clock time{letter-spacing:.04em;font:30px/1.2 ui-monospace,monospace}.debug-day-clock>span{color:#a5bbb9;font-size:13px}.debug-day-seek{color:#97b2a8;flex-direction:column;gap:6px;font-size:13px;display:flex}.debug-day-slider{appearance:none;box-sizing:border-box;cursor:ew-resize;touch-action:none;background:0 0;width:100%;min-width:0;height:44px;margin:0;padding:0;display:block}.debug-day-slider::-webkit-slider-runnable-track{box-sizing:border-box;background:var(--day-night-gradient);border:1px solid #88b2a33d;border-radius:6px;height:6px}.debug-day-slider::-moz-range-track{box-sizing:border-box;background:var(--day-night-gradient);border:1px solid #88b2a33d;border-radius:6px;height:6px}.debug-day-slider::-webkit-slider-thumb{box-sizing:border-box;appearance:none;background:#35635d;border:2px solid #b8e3cc;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 0 0 4px #9cdbc214}.debug-day-slider::-moz-range-thumb{box-sizing:border-box;background:#35635d;border:2px solid #b8e3cc;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #9cdbc214}.debug-day-slider:disabled{opacity:.4;cursor:default}.debug-day-ticks{color:#819f98;height:17px;margin:4px 9px 10px;font:11px/1.5 ui-monospace,monospace;position:relative}.debug-day-ticks span{position:absolute;transform:translate(-50%)}.debug-day-ticks span:first-child{left:0;transform:none}.debug-day-ticks span:nth-child(2){left:25%}.debug-day-ticks span:nth-child(3){left:50%}.debug-day-ticks span:nth-child(4){left:75%}.debug-day-ticks span:nth-child(5){right:0;transform:none}.debug-day-presets{margin:9px 0}.debug-day-presets button{gap:4px;padding:8px 4px;font-size:12px}.debug-time-status{color:#c9d4b3;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:12px;line-height:1.7}.debug-help kbd{text-align:center;color:#bfd6cc;border:1px solid #87b6a832;border-radius:3px;min-width:18px;padding:0 3px;font:12px/1.6 ui-monospace,monospace;display:inline-block}.debug-growth{color:#a9c6b8;overflow-wrap:anywhere;font:12px/1.7 system-ui,sans-serif}.debug-growth p{margin:8px 0}.debug-render-mode+.debug-actions{margin-top:8px}.debug-render-mode{color:#97b2a8;flex-direction:column;gap:8px;font-size:13px;display:flex}.debug-render-mode select{color:#d4e3d8;width:100%;min-width:0;min-height:44px;font:inherit;cursor:pointer;background:#102d36;border:1px solid #87b6a832;border-radius:7px;padding:8px 10px;font-size:16px;line-height:1.5}.debug-sidebar .viewport-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 8px;display:grid;position:static}.debug-wide{width:100%}.debug-sidebar .navigation-hint{color:#e0c594;background:#343c2e;border:1px solid #988b544d;border-radius:7px;margin:10px 0 0;padding:9px 12px;font-size:12px;line-height:1.7;position:static}.debug-sidebar .debug{color:#a8c4b3;overflow-wrap:anywhere;background:#04141b;border:1px solid #789b8330;border-radius:7px;margin-top:10px;padding:10px;font:11px/1.9 ui-monospace,monospace}.debug-sidebar .workspace-links{border-bottom:0;flex-wrap:wrap;gap:8px;display:flex}.debug-sidebar .editor-link{color:#b7cfc0;white-space:nowrap;border:1px solid #87b6a832;border-radius:7px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:9px;font-size:13px;text-decoration:none;display:inline-flex}.debug-footer{padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) 20px;color:#6f9389;border-top:1px solid #9bbfaf24;flex-shrink:0;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;display:flex}.debug-footer span{white-space:nowrap}@media (width<=600px){.debug-header,.debug-body{padding-left:16px;padding-right:max(16px,env(safe-area-inset-right))}.debug-footer{padding-left:16px;padding-right:max(16px,env(safe-area-inset-right));font-size:10px}.debug-sidebar .editor-link{flex-basis:100%}}@media (height<=500px){.debug-header{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px}.debug-eyebrow{display:none}.debug-header h2{margin:0}.debug-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.debug-handle,.debug-sidebar{transition:none}}[aria-label=行为预览] button[aria-pressed=true]{color:#e4ffe9;background:#254a43;border-color:#acdfca}.debug-behavior{font-variant-numeric:tabular-nums}.ocean-app.debug-open[data-debug-dock=right] .game-viewport{right:var(--debug-width)}.ocean-app.debug-open[data-debug-dock=left] .game-viewport{left:var(--debug-width)}.ocean-app.debug-open[data-debug-dock=top] .game-viewport{top:var(--debug-height)}.ocean-app.debug-open[data-debug-dock=bottom] .game-viewport{bottom:var(--debug-height)}.ocean-app{--debug-height:min(400px,60%)}.debug-sidebar{height:100%}.debug-section[hidden],.debug-tabbar[hidden]{display:none}.debug-header{padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));gap:8px}.debug-sidebar .debug-grip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;align-items:center;gap:7px;min-width:0;padding:2px 0;display:flex}.debug-grip>svg{color:#729b91;flex-shrink:0;width:16px;height:24px}.debug-grip strong{letter-spacing:.02em;color:#e0e9db;font-size:21px;font-weight:500;line-height:1.3;display:block}.debug-grip small{letter-spacing:.04em;color:#7fa199;white-space:nowrap;font-size:10px;display:block}.debug-sidebar .debug-grip:active,.debug-sidebar.is-docking .debug-grip{cursor:grabbing}.debug-panel-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.debug-panel-actions select{color:#accabe;background:#0e2b33;border:1px solid #87b6a832;border-radius:7px;width:72px;min-width:0;height:44px;padding:0 5px;font:13px system-ui}.debug-panel-actions button{width:44px;min-width:44px;padding:10px}.debug-pin svg{width:22px;height:22px;transition:transform .2s;display:block;transform:rotate(30deg)}.debug-pin[aria-pressed=true] svg{fill:#d9bc8d28;transform:rotate(0)}.debug-pin-indicator{color:#dcc18d;font-size:7px}[data-debug-dock=left] .debug-sidebar{border-left:0;border-right:1px solid #a9cbb52e;inset:0 auto 0 0;transform:translate(-100%);box-shadow:16px 0 60px #00091144}[data-debug-dock=left] .debug-handle{border-left:0;border-right:1px solid #9fc8bb45;border-radius:0 10px 10px 0;transition:left .28s,opacity .2s,background .2s;left:0;right:auto}[data-debug-dock=left].debug-open .debug-handle{left:var(--debug-width)}[data-debug-dock=left] .debug-body,[data-debug-dock=left] .debug-footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:20px}.ocean-app:is([data-debug-dock=top],[data-debug-dock=bottom]) .debug-sidebar{width:100%;height:var(--debug-height);border-left:0;left:0;right:0;box-shadow:0 12px 60px #00091144}[data-debug-dock=top] .debug-sidebar{border-bottom:1px solid #a9cbb52e;top:0;bottom:auto;transform:translateY(-100%)}[data-debug-dock=bottom] .debug-sidebar{border-top:1px solid #a9cbb52e;top:auto;bottom:0;transform:translateY(100%)}.ocean-app:is([data-debug-dock=top],[data-debug-dock=bottom]) .debug-handle{cursor:ns-resize;flex-direction:row;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 24px);min-height:44px;padding:6px 12px;left:50%;right:auto;transform:translate(-50%)}.ocean-app:is([data-debug-dock=top],[data-debug-dock=bottom]) .debug-handle>span:nth-child(2),.ocean-app:is([data-debug-dock=top],[data-debug-dock=bottom]) .debug-override{writing-mode:horizontal-tb}[data-debug-dock=top] .debug-handle{border:1px solid #9fc8bb45;border-top:0;border-radius:0 0 10px 10px;transition:top .28s,opacity .2s;top:0;bottom:auto}[data-debug-dock=bottom] .debug-handle{border:1px solid #9fc8bb45;border-bottom:0;border-radius:10px 10px 0 0;transition:bottom .28s,opacity .2s;top:auto;bottom:0}[data-debug-dock=top].debug-open .debug-handle{top:var(--debug-height)}[data-debug-dock=bottom].debug-open .debug-handle{bottom:var(--debug-height)}.ocean-app.debug-open .debug-sidebar{transform:translate(0)}.debug-horizontal .debug-header{border-bottom:0;padding-top:7px;padding-bottom:7px}[data-debug-dock=top] .debug-header{padding-top:max(7px,env(safe-area-inset-top))}[data-debug-dock=bottom] .debug-header{padding-bottom:max(7px,env(safe-area-inset-bottom));order:3}.debug-horizontal .debug-grip>span{align-items:baseline;gap:12px;display:flex}.debug-horizontal .debug-footer{display:none}.debug-tabbar{min-height:50px;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:#0618207a;border-block:1px solid #9bbfaf24;flex:none;align-items:center;display:flex}[data-debug-dock=bottom] .debug-tabbar{order:2}.debug-tabs{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.debug-tabs::-webkit-scrollbar{display:none}.debug-tabs button{white-space:nowrap;background:0 0;border-color:#0000;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:5px 10px;font-size:13px;display:flex}.debug-tabs button[aria-selected=true]{color:#deead8;background:#254139;border-color:#789f8650}.debug-tabs .debug-section-icon{background:0 0;border:0;flex-basis:23px;width:23px;height:23px}.debug-sidebar .debug-tabs-scroll{color:#7ca394;background:0 0;border:0;width:44px;min-width:44px;font-size:23px}.debug-horizontal .debug-body{padding:8px max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left))}[data-debug-dock=bottom] .debug-body{order:1}.debug-horizontal .debug-section{border:0;max-width:1120px;margin:0 auto;padding:0}.debug-horizontal .debug-section-summary{min-height:44px;padding:4px 0}.debug-horizontal .debug-section-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 32px;padding:8px 0;display:grid}.debug-horizontal .debug-section-content[hidden]{display:none}.debug-horizontal .debug-section-content>*{min-width:0;margin-top:0}.debug-horizontal .debug-help{align-self:center}.debug-horizontal .debug-growth,.debug-horizontal .debug-cheat-sheet{margin-top:0}.debug-horizontal .debug-cheat-sheet{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:0 24px;display:grid}.debug-horizontal [data-debug-section=perks] .debug-section-content,.debug-horizontal [data-debug-section=diagnostics] .debug-section-content{display:block}.debug-horizontal .debug-cheat-sheet>div{break-inside:avoid}.debug-dock-overlay{z-index:20;pointer-events:none;position:absolute;inset:0}.debug-drop-zone{color:#b9d9ca;background:#8fcdb60b;border:1px dashed #90cdb877;border-radius:9px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.debug-drop-zone span{background:#08232ae8;border-radius:5px;padding:4px 8px}.debug-drop-zone.is-target{background:#83cbb52e;border:2px solid #ade5c6;box-shadow:inset 0 0 38px #a6e2c510}.drop-left{width:56px;top:80px;bottom:80px;left:8px}.drop-right{width:56px;top:80px;bottom:80px;right:8px}.drop-top{height:56px;top:8px;left:80px;right:80px}.drop-bottom{height:56px;bottom:8px;left:80px;right:80px}.debug-drag-label{color:#d6e8d9;white-space:nowrap;background:#0c2b33f5;border:1px solid #9dceb787;border-radius:8px;padding:10px 14px;font-size:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 24px #0008}@media (width<=600px){.debug-header{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));gap:4px}.debug-grip>svg{width:12px}.debug-grip strong{font-size:18px}.debug-panel-actions{gap:4px}.debug-panel-actions select{width:66px;font-size:16px}.debug-horizontal .debug-grip small{display:none}.debug-horizontal .debug-section-content{grid-template-columns:minmax(0,1fr)}.debug-horizontal .debug-body{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}[data-debug-dock=left] .debug-body,[data-debug-dock=left] .debug-footer{padding-left:max(16px,env(safe-area-inset-left));padding-right:16px}}@media (height<=500px){.ocean-app{--debug-height:calc(100% - 72px)}.debug-horizontal .debug-header{padding-top:4px;padding-bottom:4px}[data-debug-dock=bottom] .debug-header{padding-bottom:max(4px,env(safe-area-inset-bottom))}[data-debug-dock=top] .debug-header{padding-top:max(4px,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.ocean-app .debug-handle,.ocean-app .debug-sidebar,.debug-pin svg{transition:none}}.debug-control-group{min-width:0}.debug-horizontal .debug-control-group>.debug-render-mode+.debug-render-mode{margin-top:12px}.ocean-app[data-debug-dock=top]:not(.debug-open) .debug-handle{top:env(safe-area-inset-top,0px)}.ocean-app[data-debug-dock=bottom]:not(.debug-open) .debug-handle{bottom:env(safe-area-inset-bottom,0px)}.ocean-app[data-debug-dock=left]:not(.debug-open) .debug-handle{left:env(safe-area-inset-left,0px)}.ocean-app[data-debug-dock=right]:not(.debug-open) .debug-handle{right:env(safe-area-inset-right,0px)}.debug-sidebar{--debug-control-size:30px;--debug-section-size:30px;--debug-gap:5px}.debug-sidebar button{min-height:var(--debug-control-size);border-radius:5px;font-size:13px;line-height:1.35}.ocean-app .debug-header{padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left));gap:6px}.ocean-app[data-debug-dock=top] .debug-header{padding-top:max(6px,env(safe-area-inset-top))}.ocean-app[data-debug-dock=bottom] .debug-header{padding-bottom:max(6px,env(safe-area-inset-bottom))}.debug-sidebar .debug-grip{gap:4px}.debug-sidebar .debug-grip>span{align-items:baseline;gap:6px;display:flex}.debug-sidebar .debug-grip strong{font-size:16px}.debug-sidebar .debug-grip small{font-size:10px}.debug-sidebar .debug-grip>svg{width:12px;height:20px}.debug-sidebar .debug-panel-actions{gap:4px}.debug-sidebar .debug-panel-actions select{height:var(--debug-control-size);width:62px;font-size:12px}.debug-sidebar .debug-panel-actions button{width:var(--debug-control-size);min-width:var(--debug-control-size);padding:6px}.debug-sidebar .debug-close{padding:4px;font-size:20px;line-height:1}.debug-sidebar .debug-pin svg{width:18px;height:18px}.ocean-app .debug-body{padding:0 max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left))}.debug-sidebar .debug-section{padding:3px 0}.debug-sidebar .debug-section-toggle,.debug-sidebar .debug-section-summary{min-height:var(--debug-section-size);gap:6px;padding:3px 0;font-size:13px}.debug-sidebar .debug-section-icon{border-radius:5px;flex-basis:22px;width:22px;height:22px}.debug-sidebar .debug-section-icon svg{width:17px;height:17px}.debug-sidebar .debug-section-meta{font-size:11px}.debug-sidebar .debug-section-content{padding:3px 0 6px}.debug-sidebar .debug-section-content>.debug-control-group+.debug-control-group{margin-top:6px}.debug-sidebar .debug-actions,.debug-sidebar .event-controls,.debug-sidebar .viewport-tools,.debug-sidebar .perk-options{gap:var(--debug-gap)}.debug-sidebar .debug-actions button{gap:5px}.debug-sidebar .preview-button{padding:5px 8px}.debug-sidebar .debug-status{gap:5px;margin:0 0 6px;font-size:12px}.debug-sidebar .debug-help,.debug-sidebar .debug-time-status{margin:5px 0 0;font-size:12px;line-height:1.5}.debug-sidebar .debug-growth{font-size:12px;line-height:1.5}.debug-sidebar .debug-growth p{margin:4px 0}.debug-sidebar .debug-render-mode{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:5px;font-size:12px;display:grid}.debug-sidebar .debug-render-mode select{height:var(--debug-control-size);min-height:var(--debug-control-size);border-radius:5px;padding:3px 6px;font-size:13px;line-height:1.3}.debug-sidebar .debug-render-mode+.debug-actions,.debug-sidebar .debug-control-group>.debug-render-mode+.debug-render-mode{margin-top:5px}.debug-sidebar .debug-time-controls{grid-template-columns:auto var(--debug-control-size) minmax(0,1fr) var(--debug-control-size) var(--debug-control-size);align-items:center;gap:4px;margin-top:6px}.debug-sidebar .debug-time-controls label{white-space:nowrap;font-size:12px}.debug-sidebar .debug-time-controls select{width:100%;min-width:0;height:var(--debug-control-size);color:#d4e3d8;text-align:center;background:#102d36;border:1px solid #87b6a832;border-radius:5px;padding:3px 4px;font-family:inherit;font-size:13px;line-height:1.3}.debug-sidebar .debug-time-reset{margin:0;padding:0;font-size:18px}.debug-sidebar .debug-runtime-rate{font-variant-numeric:tabular-nums}.debug-sidebar.debug-horizontal [data-debug-section=runtime] .debug-section-content{grid-template-columns:minmax(0,560px)}.debug-sidebar .debug-day-clock{gap:8px;margin:0 0 5px}.debug-sidebar .debug-day-clock time{font-size:24px}.debug-sidebar .debug-day-clock>span,.debug-sidebar .debug-day-seek{font-size:12px}.debug-sidebar .debug-day-seek{gap:2px}.debug-sidebar .debug-day-slider{height:var(--debug-control-size)}.debug-sidebar .debug-day-ticks{margin:0 9px 4px}.debug-sidebar .debug-day-presets{margin:5px 0}.debug-sidebar .debug-day-presets button{padding:3px}.debug-sidebar .debug-cheat-sheet{margin:6px 0 0;font-size:12px;line-height:1.4}.debug-sidebar .debug-cheat-sheet>div{grid-template-columns:76px minmax(0,1fr);gap:6px;padding:5px 0}.debug-sidebar .debug-cheat-sheet small{font-size:11px;line-height:1.4}.debug-sidebar kbd{padding:0 4px;font-size:11px;line-height:1.4}.debug-sidebar .debug-cooldown-reset kbd{margin-left:4px}.debug-sidebar .fps-counter{padding:2px 5px;font-size:11px}.debug-sidebar .viewport-tools{margin:6px 0 5px}.debug-sidebar .viewport-tools button{padding:3px}.debug-sidebar .navigation-hint{margin:5px 0 0;padding:5px 7px;line-height:1.5}.debug-sidebar .debug{margin-top:4px;padding:6px;line-height:1.5}.debug-sidebar .workspace-links{gap:5px}.debug-sidebar .editor-link{min-height:var(--debug-control-size);padding:4px;font-size:12px}.ocean-app .debug-footer{padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:6px;font-size:10px}.debug-sidebar .debug-tabbar{min-height:calc(var(--debug-control-size) + 4px);padding-inline:max(5px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-right))}.debug-sidebar .debug-tabs{gap:2px}.debug-sidebar .debug-tabs button{gap:4px;padding:3px 7px;font-size:12px}.debug-sidebar .debug-tabs .debug-section-icon{flex-basis:19px;width:19px;height:19px}.debug-sidebar .debug-tabs-scroll{min-width:var(--debug-control-size);width:var(--debug-control-size);font-size:20px}.debug-sidebar.debug-horizontal .debug-body{padding-top:4px;padding-bottom:4px}.debug-sidebar.debug-horizontal .debug-section{max-width:none;padding:0}.debug-sidebar.debug-horizontal .debug-section-content{gap:6px 18px;padding:3px 0}.debug-sidebar.debug-horizontal .debug-section-content>.debug-control-group{margin-top:0}.debug-sidebar.debug-horizontal .debug-cheat-sheet{gap:0 14px}.debug-sidebar .perk-options button{min-height:var(--debug-control-size);gap:5px;padding:4px 6px}.debug-sidebar .perk-options button>strong{font-size:12px}.debug-sidebar .perk-clear{min-height:var(--debug-control-size);margin-top:5px;font-size:12px}.debug-sidebar .perk-description,.debug-sidebar .perk-note{margin:5px 0 0;line-height:1.5}.debug-sidebar .feeding-cheat-actions button{padding:4px}.debug-sidebar .feeding-cheat-actions{margin-top:6px}@media (width>=1000px){.debug-sidebar.debug-horizontal [data-debug-section=view] .debug-section-content{grid-template-columns:repeat(3,minmax(0,1fr))}.debug-sidebar.debug-horizontal .perk-options{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=600px){.debug-sidebar .debug-grip small{display:none}.debug-sidebar .debug-render-mode{grid-template-columns:68px minmax(0,1fr)}}@media (any-pointer:coarse){.debug-sidebar{--debug-control-size:44px;--debug-section-size:44px}.debug-sidebar .debug-render-mode select,.debug-sidebar .debug-panel-actions select,.debug-sidebar .debug-time-controls select{font-size:16px}.debug-sidebar .debug-panel-actions select{width:66px}.debug-sidebar .debug-grip small{display:none}}.debug-sidebar .debug-section-actions{padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));border-bottom:1px solid #9bbfaf24;flex-shrink:0;gap:5px;display:flex}.debug-sidebar .debug-section-actions[hidden]{display:none}.debug-sidebar .debug-section-actions button{flex:1;min-width:0;padding:3px 6px;font-size:12px}.debug-sidebar:not(.debug-horizontal) .debug-body>.debug-section{background:#0c242e;border-bottom-color:#91b4ac40;margin-inline:-6px;padding-inline:6px}.debug-sidebar:not(.debug-horizontal) .debug-body>.debug-section:nth-child(2n){background:#123038}.debug-sidebar .debug-section>.debug-section-heading{background:#21404a;box-shadow:inset 0 -1px #a6c7ba45}.debug-sidebar:not(.debug-horizontal) .debug-section>.debug-section-heading{margin-inline:-6px}.debug-sidebar:not(.debug-horizontal) .debug-section:nth-child(2n)>.debug-section-heading{background:#29464d}.debug-sidebar:not(.debug-horizontal) :is(.debug-section-toggle,.debug-section-summary){padding-inline:6px}.debug-sidebar .debug-section-label{color:#e2ece6;font-weight:600}.debug-sidebar .debug-section-toggle:hover:not(:disabled){background:#b5d8c90d}.debug-sidebar .debug-section>.debug-section-content{padding-top:4px}.ocean-app .debug-horizontal .debug-header{border-bottom:1px solid #9bbfaf24}.ocean-app[data-debug-dock=bottom] .debug-header{border-top:1px solid #9bbfaf24;border-bottom:0}.debug-horizontal .debug-header>.debug-grip,.debug-horizontal .debug-panel-actions{flex-shrink:0}.debug-horizontal .debug-grip small{display:none}.debug-sidebar.debug-horizontal .debug-tabbar{min-width:0;min-height:var(--debug-control-size);background:0 0;border:0;flex:1;order:0;padding:0}.debug-horizontal .debug-tabs{flex:1}@media (width<=600px){.ocean-app .debug-horizontal .debug-header{padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right));gap:4px}.debug-sidebar.debug-horizontal .debug-grip{justify-content:center;min-width:44px}.debug-horizontal .debug-grip>svg,.debug-horizontal .debug-tabs-scroll,.debug-horizontal .debug-tabs .debug-section-icon{display:none}.debug-sidebar.debug-horizontal .debug-grip strong{font-size:12px}.debug-horizontal .debug-tabs button{max-width:100%}.debug-horizontal .debug-tabs button>span{text-overflow:ellipsis;overflow:hidden}.debug-sidebar #debug-section-ecology :is(button,.editor-link){min-height:44px}}.ocean-app{height:100dvh}@container game (width<=900px) or ((width<=1024px) and (height<=500px)){.game-viewport>*{--edge-left:max(12px,env(safe-area-inset-left));--edge-right:max(12px,env(safe-area-inset-right));-webkit-text-size-adjust:100%}.identity{left:calc(var(--edge-left) + 4px);top:max(24px,calc(env(safe-area-inset-top) + 12px));right:var(--edge-right);pointer-events:none}.brand{letter-spacing:.13em;font-size:21px}.chapter{letter-spacing:.07em;margin-top:8px;font-size:11px}.notice{bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100% - 32px);font-size:13px}.viewport-map{bottom:max(16px,env(safe-area-inset-bottom));right:var(--edge-right);width:142px;padding:8px}.quiet-note,.top-right{display:none}}@container game (width<=1024px) and (height<=500px){.identity{top:max(12px,env(safe-area-inset-top))}.brand{font-size:18px}.chapter{display:none}.viewport-map{width:120px}}.evolution-milestone{z-index:9;pointer-events:none;isolation:isolate;color:#fff1ba;text-shadow:0 2px 8px #00131c;background:linear-gradient(100deg,#09292b00,#0c302cec 20%,#102f2ff5 80%,#09292b00);border-block:1px solid #e9d68d88;justify-content:center;align-items:center;gap:20px;width:440px;max-width:calc(100% - 32px);padding:22px 28px;animation:3s ease-out both evolution-receipt;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}.evolution-milestone[data-phase=complete]{animation-duration:5.5s}.evolution-award{text-align:center;flex-direction:column;gap:7px;min-width:0;display:flex}.evolution-eyebrow{letter-spacing:.3em;color:#e2cf8e;font-size:11px}.evolution-award>strong{letter-spacing:.16em;font-size:30px;font-weight:600;line-height:1.25}.evolution-lineage{color:#bacfc1;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.evolution-lineage i{color:#e9d996;font-style:normal}.evolution-lineage b{color:#fff3c9;font-size:20px;font-weight:500}.evolution-reward{color:#e6ddb8;font-size:12px;line-height:1.6}.evolution-seal{color:#f3dda0;text-shadow:0 0 24px #f0d28099;font-size:54px;line-height:1;animation:.8s ease-out both evolution-seal}.evolution-aura{z-index:-1;background:radial-gradient(#ddc87626,#0000 67%);border-radius:50%;animation:1.2s ease-out both evolution-aura;position:absolute;inset:-50px -35px}@keyframes evolution-receipt{0%{opacity:0;transform:translate(-50%,12px)scale(.94)}12%,82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes evolution-seal{0%{opacity:0;transform:scale(.5)rotate(-45deg)}65%{opacity:1;transform:scale(1.12)rotate(6deg)}to{opacity:1;transform:scale(1)}}@keyframes evolution-aura{0%{opacity:0;transform:scale(.5)}55%{opacity:1}to{opacity:1;transform:scale(1.3)}}@container game (width<=600px){.evolution-milestone{gap:12px;padding:16px 14px;top:41%}.evolution-award>strong{font-size:24px}.evolution-seal{font-size:38px}.evolution-lineage b{font-size:18px}}@container game (height<=500px){.evolution-milestone{gap:12px;width:360px;padding:12px 18px;top:20%}.evolution-award{gap:4px}.evolution-award>strong{font-size:24px}.evolution-seal{font-size:38px}}@media (prefers-reduced-motion:reduce){.evolution-milestone{animation-name:evolution-receipt-still}.evolution-seal,.evolution-aura{animation:none}}@keyframes evolution-receipt-still{0%,85%{opacity:1}to{opacity:0}}.molt-caption{z-index:9;text-align:center;color:#f4e7bc;text-shadow:0 2px 12px #021720;pointer-events:none;gap:7px;max-width:calc(100% - 32px);display:grid;position:absolute;top:20%;left:50%;transform:translate(-50%)}.molt-caption small{letter-spacing:.3em;color:#b6d5cd;font:11px/1.5 system-ui}.molt-caption strong{letter-spacing:.18em;white-space:nowrap;font:400 clamp(22px,3vw,34px)/1.3 serif}.molt-caption span{color:#bddbd1;font:14px/1.5 system-ui}@container game (width<=600px){.molt-caption{gap:4px;top:25%}}@container game (height<=500px){.molt-caption{gap:3px;top:12%}.molt-caption small{display:none}.molt-caption strong{font-size:22px}.molt-caption span{font-size:12px}}.game-viewport:has(.molt-caption) :is(.nutrition-hud,.world-log-hub,.viewport-map,.card-hand,.card-recycle-zone,.card-message,.survival-hud,.skill-hud,.feeding-flights,.quiet-note){visibility:hidden;opacity:0;pointer-events:none}.nutrition-track{isolation:isolate;position:relative}.nutrition-track .nutrition-fill{z-index:1;position:relative}.nutrition-track>span{pointer-events:none;opacity:var(--feed-energy);transition:opacity .22s linear;display:none;position:absolute}.nutrition-track[data-meter-style=glow] .feed-meter-glow{z-index:2;left:clamp(0px,var(--feed-progress),calc(100% - 5px));background:#ecf5c7;border-radius:50%;width:5px;height:5px;display:block;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 2px #b8e1bdaa,0 0 18px 3px #70cab660}.nutrition-track[data-meter-style=glow] .nutrition-fill{box-shadow:0 0 calc(6px + var(--feed-energy)*9px) #b9e8be88}.feed-sweep-effects{z-index:2;pointer-events:none;opacity:var(--feed-energy);transition:opacity .22s linear;position:absolute;inset:0}.feed-meter-sweep{border-radius:4px;display:block;position:absolute;inset:-2px 0;overflow:hidden}.feed-meter-sweep:after{content:"";filter:blur(.6px);background:linear-gradient(90deg,#0000,#badfc780 40%,#edf3cce8 88%,#e2efcba0);border-radius:4px;width:clamp(8px,30%,48px);height:100%;animation:1.5s ease-out infinite feed-sweep;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes feed-sweep{0%{opacity:0;left:0}10%{opacity:1}45%,60%{opacity:1;left:100%}82%,to{opacity:0;left:100%}}.feed-sweep-tip{background:#e0f1c9;border-radius:50%;width:7px;height:6px;position:absolute;top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 0 5px 1px #b4ddc28c,0 0 10px #83cab44d}.feed-sweep-tip:before,.feed-sweep-tip:after{content:"";opacity:.65;background:#bfdccb;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 3px #b0dec088}.feed-sweep-tip:before{top:-2px;left:-4px}.feed-sweep-tip:after{opacity:.45;bottom:-2px;left:-2px}.nutrition-track:is([data-feeding=false],[data-paused=true]) .feed-meter-sweep:after{animation-play-state:paused}.nutrition-track[data-meter-style=afterglow] .feed-meter-gain{z-index:2;left:var(--feed-base);width:var(--feed-gain);background:#f0dc9e;border-radius:4px;height:5px;transition:width .25s,left .25s,opacity .4s;display:block;top:-1px;box-shadow:0 0 8px #e9d49a66}.nutrition-track[data-meter-style=ripple] .feed-meter-ripple{z-index:2;display:block;inset:0}.feed-meter-ripple:before,.feed-meter-ripple:after{content:"";background:linear-gradient(90deg,#0000,#a7dcccaa,#0000);border-radius:4px;height:3px;animation:1.6s ease-out infinite feed-ripple;position:absolute;inset:0}.feed-meter-ripple:after{animation-name:feed-ripple-down}@keyframes feed-ripple{0%{opacity:.8;transform:translateY(0)scaleX(.8)}to{opacity:0;transform:translateY(-8px)scaleX(1.04)}}@keyframes feed-ripple-down{0%{opacity:.8;transform:translateY(0)scaleX(.8)}to{opacity:0;transform:translateY(8px)scaleX(1.04)}}.nutrition-track[data-meter-style=stars] .feed-meter-stars{width:var(--feed-progress);z-index:2;height:3px;transition:width .3s,opacity .3s;display:block;top:0;left:0}.feed-meter-stars i{left:calc(8% + var(--star)*14%);width:3px;height:3px;animation:1.8s ease-in-out infinite feed-star;animation-delay:calc(var(--star)*-.18s);background:#ddedd4;border-radius:50%;position:absolute;top:-1px;box-shadow:0 0 5px #a6dcd8}@keyframes feed-star{0%,to{opacity:.25;transform:translateY(2px)}50%{opacity:1;transform:translateY(-4px)}}.nutrition-track[data-feeding=false] *,.nutrition-track[data-paused=true] *{animation-play-state:paused}.capture-summary{color:#d5e9d5;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #001921;pointer-events:none;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:30px;font:12px/1.3 system-ui,sans-serif;animation:.12s ease-out backwards feed-appear;display:flex;position:relative}.capture-copy{align-items:baseline;gap:9px;display:flex}.capture-copy small{letter-spacing:.12em;color:#9abdb2;font-size:10px;font-weight:400}.capture-copy strong{letter-spacing:.035em;color:#e1edc4;font-size:19px;font-weight:450}.capture-summary[data-summary-style=quiet]:before{content:"";background:#cee1b8;border-radius:50%;width:3px;height:3px;box-shadow:0 0 8px #a9e2b255}.capture-summary[data-summary-style=tag]{background:linear-gradient(120deg,#123c3ceb,#09262de8);border:1px solid #a3c8b53d;border-radius:18px;padding:7px 13px;animation:.22s ease-out backwards feed-float;box-shadow:0 5px 22px #01171c55}.capture-summary[data-summary-style=tag] .capture-copy strong{font-size:17px}.capture-summary[data-summary-style=seal]{justify-content:center;gap:0;width:60px;height:60px}.capture-seal{fill:none;stroke:#8bc6b833;stroke-width:1px;width:60px;height:60px;position:absolute;inset:0}.capture-seal path{stroke:#bfe0b7aa;stroke-width:1.3px}.capture-summary[data-summary-style=seal] .capture-copy{flex-direction:column;align-items:center;gap:1px}.capture-summary[data-summary-style=seal] .capture-copy small{font-size:9px}.capture-summary[data-summary-style=seal] strong{font-size:16px}.capture-cluster{flex:none;width:42px;height:42px;position:relative}.capture-cluster i{width:6px;height:6px;transform:rotate(calc(var(--petal)*72deg)) translateY(-13px);opacity:calc(.25 + var(--feed-volume)*.6);box-shadow:0 0 calc(3px + var(--feed-volume)*6px) #a6dac999;background:#b2d6c1;border-radius:50%;transition:opacity .5s,box-shadow .5s;position:absolute;top:18px;left:18px}.capture-summary[data-summary-style=receipt]{background:linear-gradient(90deg,#123533de,#0000);border-left:1px solid #d3dcaa88;flex-wrap:wrap;gap:4px 12px;padding:8px 12px}.capture-summary[data-summary-style=receipt][data-phase=settled] .capture-copy{animation:.12s ease-out backwards feed-appear}.capture-summary[data-summary-style=receipt] strong{font-size:18px}.capture-count{color:#86ada3;font-size:10px}.capture-wait{letter-spacing:.35em;color:#bdd6c3;font-size:20px}.capture-amount{transform-origin:30% 75%;animation:feed-impact calc(.31s + var(--capture-impact)*.11s) linear both;display:inline-block}.capture-summary[data-summary-style=seal] .capture-amount{transform-origin:50% 75%}@keyframes feed-impact{0%{transform:translateY(calc(-2px - var(--capture-impact)*8px)) scale(calc(1.08 + var(--capture-impact)*.55));text-shadow:0 2px 10px #08262acc;animation-timing-function:cubic-bezier(.55,0,.9,.45)}28%{transform:translateY(calc(var(--capture-impact)*2px)) scaleX(calc(1 + var(--capture-impact)*.1)) scaleY(calc(1 - var(--capture-impact)*.22));text-shadow:0 0 calc(2px + var(--capture-impact)*7px) #d9ebbd99,0 1px 4px #08262acc;animation-timing-function:cubic-bezier(.16,.7,.3,1)}52%{transform:translateY(calc(var(--capture-impact)*-1.5px)) scale(calc(1 + var(--capture-impact)*.08));text-shadow:0 0 3px #d9ebbd44,0 1px 8px #001921;animation-timing-function:ease-in-out}76%{transform:translateY(0) scaleX(calc(1 + var(--capture-impact)*.01)) scaleY(calc(1 - var(--capture-impact)*.025))}to{text-shadow:0 1px 8px #001921;transform:translateY(0)scale(1)}}.resident-gain[data-paused=true] .capture-amount,.capture-summary[data-paused=true],.capture-summary[data-paused=true] *{animation-play-state:paused}@keyframes feed-appear{0%{opacity:0}to{opacity:1}}@keyframes feed-float{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.nutrition-capture-slot{min-height:32px;position:absolute;bottom:calc(100% + 8px);left:0}@media (prefers-reduced-motion:reduce){.resident-gain .capture-amount,.capture-summary,.capture-summary *,.nutrition-track *,.nutrition-track :after,.nutrition-track :before{transition:none!important;animation:none!important}.feed-meter-sweep:after{left:100%;transform:translate(-100%)}.feed-meter-ripple:before{transform:translateY(-4px)}.feed-meter-ripple:after{transform:translateY(4px)}}.feeding-cheat-actions{margin-top:12px}.debug-sidebar .feeding-cheat-actions button{flex-wrap:wrap;gap:5px;padding:8px 6px;font-size:12px}.feeding-flights{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.feeding-flights{display:none}}.skill-hud{bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));z-index:4;color:#d0eeea;text-shadow:0 2px 8px #02181e;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:130px;max-width:calc(100% - 32px);font:11px/1.35 system-ui,sans-serif;transition:opacity .2s;display:flex;position:absolute}.skill-hud strong{letter-spacing:.14em;margin-top:2px;font-size:12px;font-weight:500}.skill-detail{color:#a3c2c2;text-align:center;min-height:14px;font-size:10px}.skill-trigger{box-sizing:border-box;color:#bbe7dd;cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 40% 30%,#174246ce,#051d28eb);border:1px solid #a2dcd34a;border-radius:50%;place-items:center;width:72px;height:72px;padding:15px;transition:color .6s,border-color .8s,box-shadow .8s,background .2s;display:grid;position:relative;box-shadow:0 0 25px #4bbaa513,inset 0 0 16px #53b6a912}.skill-trigger>svg:not(.skill-ring){width:38px;height:38px}.skill-trigger:disabled{cursor:default}.skill-cooldown .skill-trigger{color:#72999d}.skill-ready .skill-trigger:not(:disabled){color:#d6f4df;border-color:#b1e9ce9e;box-shadow:0 0 24px #91d8b52b,inset 0 0 16px #91d8b523}.skill-trigger:not(:disabled):hover{color:#effff8;background:#16483e}.skill-trigger:focus-visible{outline-offset:7px;outline:2px solid #d3ffc6}.skill-queued .skill-trigger{color:#eadd9e}.skill-casting .skill-trigger{color:#cef8ed}.skill-ring{fill:none;stroke:currentColor;stroke-width:1.5px;pointer-events:none;width:76px;height:76px;position:absolute;inset:-3px;transform:rotate(-90deg)}.skill-ring-track{opacity:.15}.skill-badge{white-space:nowrap;color:#d0eeea;font-variant-numeric:tabular-nums;background:#082832;border:1px solid #689b9344;border-radius:10px;padding:0 7px;font-size:10px;line-height:18px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.debug-open:not(.debug-pinned) .skill-hud{opacity:.15}.debug-open:not(.debug-pinned) .skill-trigger{pointer-events:none}.ocean-app:has(.skill-hud) .viewport-map{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 144px)}.ocean-app:has(.skill-hud) .quiet-note{display:none}@container game (width<=600px){.skill-hud{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));gap:5px}.skill-trigger{width:62px;height:62px;padding:11px}.skill-ring{width:66px;height:66px}.skill-detail{font-size:10px}}@container game (height<=500px){.skill-hud{bottom:max(12px,env(safe-area-inset-bottom));gap:4px}.skill-trigger{width:54px;height:54px;padding:9px}.skill-trigger>svg:not(.skill-ring){width:30px;height:30px}.skill-ring{width:58px;height:58px}.skill-detail{max-width:260px}}@container game (width<=600px){.ocean-app:has(.skill-hud) .viewport-map{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 144px)}}.skill-detail{box-sizing:border-box;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;height:28px;min-height:28px;line-height:14px;overflow:auto}.skill-detail:focus-visible{outline-offset:2px;outline:1px solid #bbe7dd}.skill-trigger:before{content:"";opacity:0;pointer-events:none;border:1px solid #a7e3c6;border-radius:50%;position:absolute;inset:-7px;box-shadow:0 0 14px 2px #8ad4b330,inset 0 0 10px #8ad4b321}.ocean-app:is(:not(.debug-open),.debug-pinned) .skill-ready .skill-trigger:not(:disabled):before{animation:4.8s ease-in-out infinite skill-ready-breathe}.skill-ready .skill-trigger:not(:disabled) .skill-badge{color:#dceede;background:#153a35;border-color:#a7d9b969;align-items:center;gap:4px;display:inline-flex}.skill-ready .skill-trigger:not(:disabled) .skill-badge:before{content:"";background:#bddfc5;border-radius:50%;flex-shrink:0;width:4px;height:4px;box-shadow:0 0 5px #9cdbb857}.skill-ready .skill-trigger:not(:disabled):active{background:#0e302d;box-shadow:inset 0 0 18px #b0e5c82e}@keyframes skill-ready-breathe{0%,to{opacity:.16;transform:scale(.99)}50%{opacity:.48;transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.skill-hud,.skill-trigger{transition:none}.ocean-app:is(:not(.debug-open),.debug-pinned) .skill-ready .skill-trigger:not(:disabled):before{opacity:.28;animation:none;transform:none}}.shortcut-help{z-index:13;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));box-sizing:border-box;width:250px;max-width:calc(100% - 32px);max-height:calc(100% - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));color:#bfd3cb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#081e28ed;border:1px solid #9fbeac38;border-radius:8px;flex-direction:column;font:12px/1.4 system-ui,sans-serif;animation:.14s ease-out shortcut-help-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 28px #00101938}.shortcut-help header{border-bottom:1px solid #9fbeac24;flex:none;align-items:center;gap:8px;min-height:30px;padding:3px 6px 3px 12px;display:flex}.shortcut-help header strong{letter-spacing:.08em;color:#d3e0d1;font-size:12px;font-weight:550}.shortcut-help header>span{color:#91afa5;margin-left:auto;font-size:10px}.shortcut-help header button{color:#a8c4ba;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;min-width:30px;min-height:30px;font:20px/1 system-ui;display:grid}.shortcut-help header button:hover{color:#e1ecd9;background:#accbba14}.shortcut-help :focus-visible{outline-offset:-2px;outline:1px solid #bdd9c7}.shortcut-help-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#637f7559 transparent;min-height:0;padding:6px 12px 9px;overflow:auto}.shortcut-help-list{margin:0}.shortcut-help-list>div{grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:8px;padding:4px 0;display:grid}.shortcut-help-list dt,.shortcut-help-list dd{margin:0}.shortcut-help kbd{letter-spacing:0;color:#e0dfbb;white-space:nowrap;font:11px/1.4 ui-monospace,monospace}.shortcut-help-list dd{font-size:11px;line-height:1.5}.shortcut-help p{color:#8eaaa1;border-top:1px solid #9fbeac20;margin:7px 0 0;padding-top:7px;font-size:10px;line-height:1.6}.ocean-app:has(>.shortcut-help) .top-right{visibility:hidden}@keyframes shortcut-help-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (any-pointer:coarse){.shortcut-help header button{min-width:44px;min-height:44px}}@media (width<=600px){.shortcut-help{top:max(132px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));max-height:calc(100% - max(132px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))}}@media (height<=500px){.shortcut-help{top:max(10px,env(safe-area-inset-top));max-height:calc(100% - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))}}@media (prefers-reduced-motion:reduce){.shortcut-help{animation:none}}.scene-inspector{z-index:7;--inspection-fallback:220px;bottom:var(--inspection-bottom,var(--inspection-fallback));left:max(18px,env(safe-area-inset-left));width:258px;max-width:calc(100% - 36px);max-height:max(0px,calc(100% - var(--inspection-bottom,var(--inspection-fallback)) - max(12px,env(safe-area-inset-top))));color:#d7e6e0;pointer-events:none;overscroll-behavior:contain;font-variant-numeric:tabular-nums;contain:layout style;background:linear-gradient(145deg,#122c33f7,#081a24f7);border:1px solid #92cbb13d;border-radius:10px;padding:13px 15px 12px;font-size:12px;line-height:1.5;position:absolute;overflow:auto;box-shadow:0 12px 36px #010b1659}.scene-inspector.inspection-side-right{left:auto;right:max(18px,env(safe-area-inset-right))}.ocean-app[data-debug-dock=right] .scene-inspector.inspection-side-right{right:max(58px,calc(env(safe-area-inset-right) + 50px))}.ocean-app[data-debug-dock=left] .scene-inspector:not(.inspection-side-right){left:max(58px,calc(env(safe-area-inset-left) + 50px))}.scene-inspector.inspection-locked{pointer-events:auto;transform-origin:50%}.inspection-topline{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:5px;display:flex}.inspection-category{letter-spacing:.1em;color:#97afa8;align-items:center;gap:6px;font-size:10px;display:flex}.inspection-category>span{background:var(--inspection-accent);width:5px;height:5px;box-shadow:0 0 7px color-mix(in srgb,var(--inspection-accent),transparent 50%);border-radius:50%}.inspection-close,.inspection-back{color:#91aaa5;cursor:pointer;background:0 0;border:0}.inspection-close{border-radius:5px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;display:grid}.inspection-back{text-align:left;min-height:28px;padding:2px 0;font-size:11px}.inspection-close:hover,.inspection-back:hover{color:#edf4e9}.inspection-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 10px;margin-bottom:6px;display:flex}.inspection-heading>strong{color:#edf4e9;font-size:16px;font-weight:550}.inspection-heading>span{color:var(--inspection-accent);font-size:11px}.inspection-summary{color:#a8bdb6;margin:0 0 9px;font-size:11px;line-height:1.6}.inspection-shade-range{margin:0 0 10px}.inspection-shade-range button{color:#d9e6da;min-height:44px;font:inherit;cursor:pointer;background:#17343a;border:1px solid #8db7a843;border-radius:6px;padding:7px 12px}.inspection-shade-range button[aria-pressed=true]{background:#285047;border-color:#9bcaba}.inspection-shade-range p{color:#a8bdb6;margin:6px 0 0;font-size:12px;line-height:1.55}.scene-inspector dl{gap:5px;margin:0;display:grid}.scene-inspector dl>div{justify-content:space-between;gap:12px;display:flex}.scene-inspector dt{color:#91aaa5;flex-shrink:0}.scene-inspector dd{text-align:right;overflow-wrap:anywhere;margin:0}.inspection-meter{border-top:1px solid #88bdaa1c;margin-top:10px;padding-top:9px}.inspection-meter>div:first-child{color:#a9c0b7;justify-content:space-between;gap:10px;display:flex}.inspection-meter strong{color:#dfecd9;font-weight:500}.inspection-track{background:#73989025;border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.inspection-track>i{background:var(--inspection-accent);opacity:.85;height:100%;display:block}.inspection-cards{color:#91aaa5;border-top:1px solid #88bdaa1c;align-items:center;gap:8px;margin-top:10px;padding-top:9px;font-size:11px;display:flex}.inspection-cards>span{flex-shrink:0}.inspection-cards>div{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.inspection-cards button{color:#d9e6da;cursor:pointer;background:#17343a;border:1px solid #8db7a843;border-radius:5px;min-height:27px;padding:3px 7px;font-size:11px}.inspection-cards button:hover{color:#f2f4e9;background:#244940}.inspection-cards small{color:#78998f;font-size:11px}.inspection-note{color:#819d95;margin:8px 0 0;font-size:11px;line-height:1.55}.inspection-dismiss{color:#6f9087;margin-top:7px;font-size:10px;display:block}.scene-inspector :is(button):focus-visible{outline-offset:2px;outline:2px solid #99dbc5}@container game (height<=500px){.scene-inspector{--inspection-fallback:164px;width:250px;padding:9px 12px}.inspection-heading{margin-bottom:4px}.scene-inspector dl{gap:3px}.inspection-summary{margin-bottom:6px}.inspection-meter,.inspection-cards{margin-top:6px;padding-top:6px}.inspection-note,.inspection-dismiss{margin-top:5px}.inspection-close{flex-basis:44px;width:44px;height:44px}.inspection-back,.inspection-cards button{min-height:44px}}@container game (width<=600px){.scene-inspector{left:max(12px,env(safe-area-inset-left));max-width:calc(100% - 24px)}.scene-inspector.inspection-side-right{left:auto;right:max(12px,env(safe-area-inset-right))}.ocean-app[data-debug-dock=right] .scene-inspector.inspection-side-right{right:max(54px,calc(env(safe-area-inset-right) + 46px))}.ocean-app[data-debug-dock=left] .scene-inspector:not(.inspection-side-right){left:max(54px,calc(env(safe-area-inset-left) + 46px))}.inspection-close{flex-basis:44px;width:44px;height:44px}.inspection-back,.inspection-cards button{min-height:44px}}@media (pointer:coarse){.scene-inspector{font-size:13px}.inspection-summary,.inspection-note{font-size:12px}.inspection-close{flex-basis:44px;width:44px;height:44px}.inspection-back,.inspection-cards button{min-height:44px}.inspection-dismiss{font-size:11px}}.scene-inspector .inspection-cards{align-items:flex-start}.scene-inspector .inspection-cards>div{flex:1}.scene-inspector .inspection-cards button{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 8px;width:100%;min-height:44px;display:flex}.scene-inspector .inspection-cards button small{color:#b5d9bd;font-variant-numeric:tabular-nums}.inspection-heading>strong{flex-wrap:wrap;align-items:baseline;gap:7px;display:inline-flex}.inspection-heading .inspection-level{color:#a8bdb6;white-space:nowrap;font-size:12px;font-weight:400}.scene-inspector .inspection-cards .inspection-ability-card{grid-template-columns:38px minmax(0,1fr);justify-content:start;gap:8px;display:grid}.inspection-ability-icon{color:#bdded0;justify-content:center;align-items:center;display:flex}.inspection-ability-icon svg{width:38px;height:auto;display:block}.inspection-ability-copy{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.inspection-notice{color:#ffe8b4;background:#69502152;border:1px solid #e9bd6866;border-left:3px solid #edc477;border-radius:6px;margin:0 0 12px;padding:10px 11px}.inspection-notice>strong{letter-spacing:.04em;color:#ffda8e;font-size:14px;font-weight:650;display:block}.inspection-notice>p{color:#fff0cd;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:550;line-height:1.6}.inspection-notice[data-tone=warning]{background:#80461e66;border-color:#efa15c80 #efa15c80 #efa15c80 #ffb15c}.inspection-notice[data-tone=warning]>strong{color:#ffc17d}.inspection-notice[data-tone=danger]{background:#7b342966;border-color:#f092788c #f092788c #f092788c #ff9b80}.inspection-notice[data-tone=danger]>strong{color:#ffb39b}.inspection-notice[data-tone=danger]>p{color:#ffe5dc}.scene-inspector{box-sizing:border-box;width:280px;max-height:max(44px,calc(100% - var(--inspection-bottom,220px) - var(--inspection-top,12px)));scrollbar-width:none;border-radius:12px;padding:10px;font-size:12px}.scene-inspector:hover,.scene-inspector:focus-within{scrollbar-width:thin}.inspection-heading{align-items:center;gap:3px 8px;margin:0 0 6px}.inspection-heading>strong{font-size:15px}.inspection-heading>span{overflow-wrap:anywhere;max-width:100%}.inspection-meters{gap:6px;margin:6px 0 0;display:grid}.inspection-compact-meter{white-space:nowrap;grid-template-columns:24px minmax(0,1fr) 40px;align-items:center;gap:8px;height:20px;font-size:12px;display:grid}.inspection-compact-meter strong{text-align:right;font-size:12px;font-weight:500}.inspection-compact-meter .inspection-track{height:4px;margin:0}.inspection-expand{color:#b4d3c6;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.inspection-expanded[hidden]{display:none}.inspection-summary{margin-bottom:8px;font-size:12px;line-height:1.5}.scene-inspector dl{gap:6px}.scene-inspector dl>div{flex-wrap:wrap;gap:2px 8px}.scene-inspector dd{flex:1;min-width:80px}.inspection-notice{border:0;border-radius:5px;margin:5px 0;padding:5px 7px}.inspection-notice>strong{font-size:12px;display:inline}.inspection-notice>p{margin-left:6px;font-size:12px;font-weight:400;display:inline}.inspection-cards{border:0;padding:0}.inspection-note{font-size:12px}.scene-inspector:focus-visible{outline:2px solid #a8e5ca}.scene-inspector .inspection-expand{text-align:left;min-height:44px;color:inherit;outline-offset:2px;cursor:pointer;padding:0;display:block}.inspection-heading{padding-right:18px;position:relative}.inspection-heading .inspection-toggle-mark{color:#aecfbd;font-size:13px;position:absolute;top:0;right:0}.inspection-expand:focus-visible{border-radius:4px;outline:2px solid #a8e5ca}.inspection-expanded{padding-top:10px}@container game (width<=600px){.scene-inspector{max-width:calc(100% - 70px)}}.ocean-app:has(.inspection-stack){overflow:clip}.inspection-stack{z-index:7;left:max(18px,env(safe-area-inset-left));bottom:var(--inspection-bottom,220px);width:280px;max-width:calc(100% - 36px);max-height:var(--inspection-room,100%);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.inspection-stack.inspection-side-right{left:auto;right:max(18px,env(safe-area-inset-right))}.ocean-app[data-debug-dock=left] .inspection-stack.inspection-side-left{left:max(58px,calc(env(safe-area-inset-left) + 50px))}.ocean-app[data-debug-dock=right] .inspection-stack.inspection-side-right{right:max(58px,calc(env(safe-area-inset-right) + 50px))}.inspection-stack .scene-inspector{width:100%;max-width:100%;max-height:var(--inspection-room);flex:none;padding:0;position:relative;inset:auto}.ocean-app[data-debug-dock] .inspection-stack>.scene-inspector{inset:auto}.inspection-body{padding:10px}.inspection-stack[data-tight=true] .inspection-body{padding-block:0}.inspection-stack .inspection-heading{flex-wrap:nowrap;gap:4px;min-height:44px;margin:0;padding:0;display:flex}.inspection-title{cursor:pointer;flex-wrap:wrap;flex:1;align-items:center;gap:2px 8px;min-width:0;display:flex}.inspection-title>strong{color:#edf4e9;overflow-wrap:anywhere;font-size:15px;font-weight:550}.inspection-title>span{color:var(--inspection-accent);font-size:11px}.inspection-actions{flex:none;align-items:center;display:flex}.inspection-stack .inspection-actions button{color:#91ada4;cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid;position:relative}.inspection-actions button:before{content:"";pointer-events:none;border-radius:5px;transition:background .12s;position:absolute;inset:10px}.inspection-actions svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:14px;height:14px;position:relative}.inspection-actions .inspection-expand-icon{width:12px;height:12px}.inspection-actions .inspection-pin[aria-pressed=true]{color:#d6c18d}.inspection-stack .inspection-actions button:hover{color:#d5e9df;background:0 0}.inspection-actions button:hover:before{background:#a8e5ca12}.inspection-actions button:active:before{background:#a8e5ca20}.inspection-actions button:focus-visible:before{outline-offset:1px;outline:1px solid #a8e5ca}.scene-inspector[data-pinned=true]{border-color:#b5d9bd66}@container game (width<=600px){.inspection-stack{left:max(12px,env(safe-area-inset-left));max-width:calc(100% - 70px)}.inspection-stack.inspection-side-right{left:auto;right:max(12px,env(safe-area-inset-right))}}.game-viewport[data-ending=true]>:not(canvas):not(.frame-shade):not(.death-sequence):not(.game-over){transition:opacity .5s,visibility 0s .5s;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ocean-app:has(.game-viewport[data-ending=true])>:is(.debug-sidebar,.debug-handle,.shortcut-help){visibility:hidden;pointer-events:none}.death-sequence{box-sizing:border-box;max-width:none;max-height:none;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#dce5e0;overscroll-behavior:contain;text-align:center;isolation:isolate;background:0 0;border:0;margin:0;position:fixed;inset:auto;overflow:auto}.death-sequence::backdrop{background:0 0}.death-water{z-index:-1;opacity:var(--death-dim,0);pointer-events:none;background:linear-gradient(#03141c77,#061922dd 65%,#031019);position:absolute;inset:0}.death-dust{pointer-events:none;opacity:.28;position:absolute;inset:0;overflow:hidden}.death-dust i{background:#adcec8;border-radius:50%;width:2px;height:2px;animation:12s linear infinite death-drift;position:absolute;box-shadow:0 0 5px #b4e5d960}@keyframes death-drift{0%{opacity:0;transform:translateY(18px)}30%,70%{opacity:.7}to{opacity:0;transform:translate(12px,-20px)}}.death-farewell{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:100%;padding:20px 0;display:flex;position:relative}.death-farewell h1{letter-spacing:.16em;text-shadow:0 2px 16px #000b;outline:none;margin:0;font:400 clamp(24px,4vw,38px)/1.5 serif}.death-sequence[data-ready=false] .death-farewell h1{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.death-farewell p{color:#acc6c3;overflow-wrap:anywhere;max-width:100%;margin:0;font:13px/1.8 system-ui}.death-sequence button{color:#dce5de;cursor:pointer;touch-action:manipulation;background:#16373f99;border:1px solid #9ebfb960;border-radius:8px;min-height:44px;padding:10px 24px;font:14px/1.5 system-ui}.death-sequence button:hover{background:#24464e;border-color:#b6d8cf}.death-sequence button:focus-visible{outline-offset:4px;outline:2px solid #d9d5a2}.death-sequence .death-skip{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));color:#b3c7c6;background:#06192199;font-size:12px;position:absolute}.death-sequence[data-ready=true] .death-farewell{animation:.65s ease-out both death-farewell}.death-game-over{animation:.4s ease-out both death-farewell}@keyframes death-farewell{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.death-dust i,.death-sequence[data-ready=true] .death-farewell,.death-game-over{animation:none}}@container game (height<=350px){.death-farewell{gap:8px;padding:8px 0}.death-farewell h1{font-size:24px}}.nutrition-charts{box-sizing:border-box;color:#dce8db;text-align:left;border-top:1px solid #a6bf9d30;width:100%;min-width:0;margin:20px 0;padding-top:18px;font:14px/1.5 system-ui,sans-serif;container:nutrition-charts/inline-size}.nutrition-charts header h2{color:#efdfb6;margin:0;font-size:17px;font-weight:500}.nutrition-charts header p,.nutrition-chart-note{color:#abc5bd;margin:5px 0 12px;font-size:12px;line-height:1.6}.nutrition-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.nutrition-chart{--nutrition-accent:#83d5c2;background:#061b2480;border:1px solid #a6bf9d26;border-radius:8px;min-width:0;margin:0;padding:12px}.nutrition-chart-giant{--nutrition-accent:#edca87}.nutrition-chart figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.nutrition-chart h3{margin:0;font-size:14px;font-weight:500}.nutrition-chart strong{color:var(--nutrition-accent);font-variant-numeric:tabular-nums;font-size:18px}.nutrition-chart small{color:#abc5bd;font-size:12px;font-weight:400}.nutrition-chart svg{width:100%;height:auto;margin-top:8px;display:block;overflow:visible}.nutrition-chart svg text{fill:#abc5bd;font-variant-numeric:tabular-nums;font:16px system-ui,sans-serif}.nutrition-grid{stroke:#99c2b72b;stroke-width:1px}.nutrition-line{fill:none;stroke:var(--nutrition-accent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.nutrition-point{fill:var(--nutrition-accent)}.nutrition-cursor{stroke:#e9dfc477;stroke-dasharray:3 4}.nutrition-chart>p{color:#abc5bd;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;font-size:12px;display:flex}.nutrition-timeline{margin-top:12px;display:block}.nutrition-timeline>span{align-items:baseline;gap:10px;font-size:13px;display:flex}.nutrition-timeline output{color:#efdfb6;font-variant-numeric:tabular-nums}.nutrition-timeline small{color:#abc5bd;margin-left:auto;font-size:12px}.nutrition-timeline input{accent-color:#83d5c2;cursor:pointer;width:100%;height:44px;margin:0;display:block}.nutrition-timeline input:focus-visible{outline-offset:2px;outline:2px solid #efdfb6}.nutrition-charts .nutrition-chart-note{margin:0}.nutrition-charts-empty{color:#abc5bd;font-size:13px}.victory-content>.nutrition-charts,.victory-content>.nutrition-charts-empty{order:5;grid-area:charts}.victory-content:has(.nutrition-charts){grid-template-areas:"relic heading""relic score""awakening stats""charts charts"".footer";align-content:start}.victory-content:has(.nutrition-charts)>.victory-footer{order:6}.game-over>.nutrition-charts{margin:18px 0}@container nutrition-charts (width<=600px){.nutrition-chart-grid{grid-template-columns:minmax(0,1fr);gap:12px}.nutrition-chart{padding:10px}.nutrition-chart svg{width:min(100%,420px);margin-inline:auto}.nutrition-timeline>span{flex-wrap:wrap}}.victory-dialog{color:#e9dfc4;overscroll-behavior:contain;scrollbar-width:thin;background:#061d29;padding:0;overflow-y:auto;container-name:victory}.victory-dialog[open]{display:block}.victory-dialog::backdrop{background:#03131e}.victory-dialog:before{content:"";pointer-events:none;z-index:1;border:1px solid #b9c9b22e;position:absolute;inset:14px}.victory-sky{pointer-events:none;background:radial-gradient(at 50% 40%,#6886813d,#0000 48%),radial-gradient(at 50% -20%,#dbd29b45,#0000 65%),linear-gradient(165deg,#123744,#082630 55%,#04151f);min-height:100%;position:absolute;inset:0;overflow:hidden}.victory-rays{background:repeating-conic-gradient(from 166deg at 50% 0,#0000 0deg 6deg,#e6d7960b 7deg 10deg,#0000 12deg 20deg);width:100%;height:155%;animation:12s ease-in-out infinite alternate victory-light;position:absolute;top:-55%;left:0;-webkit-mask-image:linear-gradient(#0009,#0000);mask-image:linear-gradient(#0009,#0000)}.victory-sky>i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:.35;animation:victory-ember 9s var(--delay) ease-in-out infinite;background:#f3deb0;border-radius:50%;position:absolute;box-shadow:0 0 10px #efd89b88}.victory-content{box-sizing:border-box;max-width:1040px;min-height:100%;padding:max(40px,env(safe-area-inset-top)) 36px max(24px,env(safe-area-inset-bottom));text-align:center;isolation:isolate;flex-direction:column;align-items:center;margin:auto;animation:1.2s ease-out both victory-arrival;display:flex;position:relative}.victory-heading{z-index:2;position:relative}.victory-eyebrow{color:#d4c194;letter-spacing:.28em;justify-content:center;align-items:center;gap:18px;margin:0 0 14px;font:12px/1.4 system-ui;display:flex}.victory-eyebrow>span{background:linear-gradient(90deg,#0000,#c6b98a);width:48px;height:1px}.victory-eyebrow>span:last-child{transform:rotate(180deg)}.victory-dialog .victory-heading h1{letter-spacing:.22em;text-indent:.22em;color:#fae7b7;text-shadow:0 0 40px #f3d58e33,0 2px #5c574744;outline:none;margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:clamp(48px,7cqw,80px);font-weight:400;line-height:1.22}.victory-subtitle{letter-spacing:.15em;color:#b4c9c5;margin:14px 0 0;font-size:14px}.victory-relic{flex:none;width:min(760px,100%);height:clamp(210px,31cqh,300px);margin:5px 0 0;position:relative}.victory-orbit{aspect-ratio:1;background:radial-gradient(circle,#b0c5b51a,#0000 66%);border:1px solid #ddc5894a;border-radius:50%;height:90%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #cbba6920,inset 0 0 50px #b4d0bd0d}.victory-orbit:before,.victory-orbit:after{content:"";border:1px solid #e2c79224;border-radius:50%;position:absolute;inset:9px}.victory-orbit:after{opacity:.5;border-style:dashed;inset:-18px}.victory-orbit>i{border:1px solid #edcf8e30;border-radius:50%;position:absolute;inset:24% -34%;transform:rotate(-22deg)}.victory-orbit>i:nth-child(2){transform:rotate(22deg)}.victory-seal{stroke:#dec88f;stroke-width:1px;filter:drop-shadow(0 0 8px #f8d37844);background:#173841;border-radius:50%;width:44px;height:44px;position:absolute;top:-16px;left:calc(50% - 22px)}.victory-creature{filter:drop-shadow(0 10px 25px #00162380);width:100%;height:100%;display:block;position:relative}.victory-creature-fallback{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 72%);mask-image:radial-gradient(#000 30%,#0000 72%)}.victory-waterline{background:linear-gradient(90deg,#0000,#d6c58b88,#0000);width:80%;height:1px;position:absolute;bottom:4%;left:10%;box-shadow:0 4px 18px #b9d6b345}.victory-awakening{margin-top:-3px;position:relative}.victory-awakening>span{color:#bca777;letter-spacing:.3em;font:10px/1.5 system-ui}.victory-awakening h2{letter-spacing:.18em;text-indent:.18em;color:#ecddbb;margin:3px 0 8px;font:400 25px/1.4 Songti SC,serif}.victory-awakening p{color:#9bb5b4;letter-spacing:.04em;margin:0;font:13px/1.6 system-ui}.victory-stats{background:linear-gradient(90deg,#0000,#b4c9bc06,#0000);border-top:1px solid #c4c29630;border-bottom:1px solid #c4c29630;grid-template-columns:repeat(3,minmax(0,1fr));width:min(620px,100%);margin:26px 0 24px;padding:18px 0;display:grid}.victory-stats>div+div{border-left:1px solid #c4c29626}.victory-stats dt{letter-spacing:.18em;color:#a0b9b6;font:11px/1.5 system-ui}.victory-stats dd{color:#efdfb6;font-variant-numeric:tabular-nums;margin:7px 0 0;font:400 29px/1.3 Georgia,serif}.victory-stats dd.victory-form{font:400 21px/1.6 Songti SC,serif}.victory-stats small{color:#869f9e;letter-spacing:.08em;margin-top:4px;font:11px/1.5 system-ui;display:block}.victory-stats em{color:#a7bbb1;margin:0 3px;font:11px system-ui}.victory-footer{width:min(340px,100%)}.victory-dialog .victory-restart{color:#183431;letter-spacing:.15em;background:linear-gradient(110deg,#b9a46c,#f1dfae 55%,#c3af7c);border:1px solid #ecd8a1;border-radius:3px;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:12px 22px;font:500 15px/1.5 system-ui;transition:box-shadow .2s,filter .2s;display:flex;box-shadow:0 0 32px #dcc28518,inset 0 0 0 3px #183a3a14}.victory-dialog .victory-restart:hover{filter:brightness(1.1);box-shadow:0 0 28px #e2c67a40}.victory-dialog button:focus-visible,.victory-review summary:focus-visible{outline-offset:4px;outline:2px solid #f4e2af}.victory-review{text-align:left;width:100%;margin:8px auto 0}.victory-review summary{cursor:pointer;color:#acc1b7;letter-spacing:.08em;justify-content:center;align-items:center;gap:12px;min-height:44px;font:12px system-ui;list-style:none;display:flex}.victory-review summary::-webkit-details-marker{display:none}.victory-review[open] summary>span{transform:rotate(45deg)}.victory-review .review-controls{background:#071d25;border:1px solid #738f8155;border-radius:8px;margin-top:0;padding:16px}.victory-review .review-controls>strong{display:none}.victory-endmark{letter-spacing:.2em;color:#688782;margin:16px 0 0;font:9px/1.5 system-ui}.victory-endmark span{color:#b59f6d;margin:0 15px}@keyframes victory-arrival{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes victory-ember{0%,to{opacity:.15;transform:translateY(6px)}50%{opacity:.65;transform:translateY(-12px)}}@keyframes victory-light{to{opacity:.5;transform:scaleX(1.08)}}@container victory (width<=600px){.victory-content{padding:40px 24px 22px}.victory-eyebrow{letter-spacing:.2em;gap:10px;font-size:10px}.victory-eyebrow>span{width:26px}.victory-dialog .victory-heading h1{font-size:52px}.victory-subtitle{letter-spacing:.06em;font-size:12px}.victory-relic{width:calc(100% + 36px);height:230px;margin:12px -18px 0}.victory-awakening p{max-width:260px;font-size:12px}.victory-stats{margin:24px 0 20px;padding:15px 0}.victory-stats dd{font-size:24px}.victory-stats dd.victory-form{font-size:17px}.victory-stats dt{letter-spacing:.05em;font-size:10px}.victory-stats em{margin:0 1px;font-size:10px}.victory-stats small{font-size:10px}.victory-endmark{letter-spacing:.1em;font-size:8px}}@container victory (width<=600px) and (height<=680px){.victory-content{padding:24px 20px 16px}.victory-dialog .victory-heading h1{font-size:42px}.victory-eyebrow{margin-bottom:9px}.victory-subtitle{margin-top:8px}.victory-relic{height:160px;margin-top:4px}.victory-awakening h2{margin:1px 0 4px;font-size:21px}.victory-stats{margin:16px 0 12px;padding:10px 0}.victory-stats dd{font-size:22px}.victory-stats dd.victory-form{font-size:16px}.victory-endmark{margin-top:7px}}@container victory (width>=601px) and (height<=540px){.victory-content{grid-template-columns:1fr 1fr;grid-template-areas:"heading relic""stats relic""footer awakening""mark mark";align-content:center;gap:5px 24px;max-width:1000px;padding:22px 32px 12px;display:grid}.victory-heading{grid-area:heading}.victory-eyebrow{gap:8px;margin-bottom:8px;font-size:10px}.victory-eyebrow>span{width:20px}.victory-dialog .victory-heading h1{font-size:44px}.victory-subtitle{margin-top:7px;font-size:12px}.victory-relic{grid-area:relic;width:100%;height:175px;margin:0}.victory-awakening{grid-area:awakening}.victory-awakening h2{margin:2px 0;font-size:21px}.victory-awakening p{max-width:280px;margin:auto;font-size:11px}.victory-stats{grid-area:stats;margin:12px 0;padding:10px 0}.victory-stats dd{font-size:23px}.victory-stats dd.victory-form{font-size:17px}.victory-footer{grid-area:footer;margin:auto}.victory-dialog .victory-restart{min-height:44px;padding:8px 16px}.victory-review{margin-top:0}.victory-endmark{grid-area:mark;margin:0}.victory-content:has(.victory-review[open]){align-content:start}}@media (prefers-reduced-motion:reduce){.victory-content,.victory-rays,.victory-sky>i{animation:none}.victory-dialog .victory-restart{transition:none}}.victory-content{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));text-align:left;max-width:1080px;padding:32px max(24px,env(safe-area-inset-right)) 32px max(24px,env(safe-area-inset-left));grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);grid-template-areas:"relic heading""relic stats""awakening footer";align-content:center;gap:12px 32px;display:grid}.victory-heading{grid-area:heading}.victory-eyebrow{letter-spacing:.14em;justify-content:flex-start;font-size:12px}.victory-dialog .victory-heading h1{text-indent:0;font-size:clamp(42px,5cqw,64px)}.victory-subtitle{letter-spacing:.05em;font-size:13px}.victory-relic{grid-area:relic;width:100%;height:300px;margin:0}.victory-awakening{text-align:center;grid-area:awakening}.victory-awakening h2{margin:0;font-size:22px}.victory-orbit{box-shadow:none;border-color:#ddc58930}.victory-orbit:before,.victory-orbit:after{display:none}.victory-stats{background:0 0;border:0;grid-area:stats;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin:12px 0;padding:0}.victory-stats>div:first-child{grid-column:1/-1}.victory-stats>div+div{border:0}.victory-stats dd{margin:3px 0;font-size:26px}.victory-stats dd.victory-form{font-size:20px}.victory-form small{margin-left:10px;display:inline}.victory-footer{grid-area:footer;width:100%;margin:0}.victory-review .review-controls{background:0 0;border:0;padding:8px 0}.victory-dialog:before{display:none}@container victory (width<=600px){.victory-content{padding:24px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));text-align:center;flex-direction:column;align-items:stretch;gap:0;display:flex}.victory-heading{order:0}.victory-eyebrow{justify-content:center}.victory-relic{order:1;width:100%;height:200px;margin:8px 0 0}.victory-awakening{order:2}.victory-stats{order:3;gap:12px;margin:18px 0}.victory-footer{order:4}.victory-dialog .victory-heading h1{font-size:44px}.victory-stats dd.victory-form{font-size:18px}}@container victory (width>=601px) and (height<=540px){.victory-content{grid-template-areas:"relic heading""relic stats""awakening footer";gap:8px 24px;padding:18px 24px}.victory-relic{height:210px}.victory-dialog .victory-heading h1{font-size:40px}.victory-stats{gap:6px;margin:4px 0}.victory-stats dd{font-size:22px}.victory-eyebrow{margin-bottom:6px}.victory-awakening h2{font-size:20px}}@container victory (width<=600px) and (height<=680px){.victory-relic{height:145px}.victory-content{padding-top:20px}.victory-stats{gap:8px;margin:12px 0}.victory-subtitle{margin-top:7px}}.performance-settlement{--score-accent:#d9dba8;color:#dce8db;text-align:left;width:100%;min-width:0;font:14px/1.5 system-ui,sans-serif;container:performance/inline-size}.performance-overview{grid-template-columns:minmax(100px,.6fr) minmax(200px,1fr);align-items:center;gap:8px;display:grid}.performance-summary{text-align:center}.performance-kicker{color:#abc5bd;letter-spacing:.16em;margin:0;font-size:12px}.performance-grade{color:var(--score-accent);margin:5px 0;font:400 72px/1.1 Georgia,serif;display:block}.performance-total{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.performance-total strong{color:#f2e6c5;font:400 30px/1.2 Georgia,serif}.performance-total span{color:#abc5bd;font-size:12px}.performance-priority{color:#b4c8ba;margin:8px 0 0;font-size:12px}.performance-radar{width:100%;min-width:0;max-width:340px;margin:auto;display:block;overflow:visible}.performance-grid{fill:none;stroke:#99c2b72b;stroke-width:1px}.performance-shape{fill:#aecaa12b;stroke:var(--score-accent);stroke-width:2px;stroke-linejoin:round}.performance-dot{fill:#edebbf}.performance-label{fill:#d4e2d7;font:14px system-ui,sans-serif}.performance-value{fill:#a8c3b5;font-variant-numeric:tabular-nums;font:13px system-ui,sans-serif}.performance-details{border-top:1px solid #a6bf9d30;margin-top:6px}.performance-details summary{cursor:pointer;color:#c5d2bc;justify-content:center;align-items:center;min-height:44px;font-size:13px;list-style:none;display:flex}.performance-details summary:after{content:"＋";margin-left:8px}.performance-details[open] summary:after{content:"−"}.performance-details summary::-webkit-details-marker{display:none}.performance-details summary:focus-visible{outline-offset:2px;outline:2px solid #e9d8a4}.performance-details ul{margin:0;padding:0;list-style:none}.performance-details li{border-bottom:1px solid #a6bf9d20;padding:9px 0}.performance-details li>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.performance-details li strong{font-weight:500}.performance-details li span{color:#e5d8b3;font-variant-numeric:tabular-nums}.performance-details p{color:#b3c9bf;overflow-wrap:anywhere;margin:6px 0;font-size:12px;line-height:1.7}.performance-unavailable{color:#b3c9bf;font-size:13px}.victory-content{grid-template-columns:minmax(230px,.85fr) minmax(360px,1.2fr);grid-template-areas:"relic heading""relic score""awakening stats"".footer";gap:8px 32px;width:100%}.victory-content>.performance-settlement{grid-area:score}.victory-content .victory-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.victory-content .victory-stats>div:first-child{grid-column:auto}.victory-content .victory-stats dd.victory-form{font-size:17px}.victory-content .victory-form small{margin-left:0;display:block}.victory-content:has(.performance-details[open]){align-content:start}.game-over:has(.performance-settlement){width:580px;padding:24px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))}.game-over>.performance-settlement{margin-top:18px}.game-over:has(.performance-settlement)>dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px}.game-over:has(.performance-settlement)>dl>div:first-child{grid-column:auto}.game-over:has(.performance-settlement)>dl dd{font-size:14px}@container victory (width<=680px){.victory-content{text-align:center;padding:24px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));flex-direction:column;align-items:stretch;display:flex}.victory-heading{order:0}.victory-content .victory-relic{order:1;height:120px;margin:8px 0 0}.victory-awakening{order:2}.victory-content>.performance-settlement{order:3;margin-top:12px}.victory-content .victory-stats{order:4;margin:8px 0 18px}.victory-footer{order:5}.victory-content .victory-eyebrow{justify-content:center}.victory-content .victory-heading h1{font-size:38px}.victory-content .victory-awakening h2{font-size:18px}.performance-overview{grid-template-columns:minmax(78px,.55fr) minmax(180px,1fr);gap:0}.performance-grade{font-size:58px}.performance-total strong{font-size:25px}.performance-priority{font-size:11px}}@container victory (width>=681px) and (height<=540px){.victory-content{padding:18px max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left));grid-template-areas:"relic heading""relic score""awakening stats"".footer";align-content:start;gap:4px 20px}.victory-content .victory-relic{height:240px}.victory-content .victory-heading h1{font-size:32px}.victory-content .victory-stats dd{font-size:18px}.victory-content .victory-stats dd.victory-form{font-size:15px}.performance-radar{max-width:235px}.performance-grade{font-size:52px}}@media (width<=380px){.performance-overview{grid-template-columns:1fr}.performance-summary{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:flex}.performance-kicker{width:100%}.performance-grade{margin:0;font-size:40px}.performance-priority{width:100%;margin:0}.performance-radar{max-width:280px}.game-over:has(.performance-settlement)>dl{grid-template-columns:1fr 1fr}.game-over:has(.performance-settlement)>dl>div:first-child{grid-column:1/-1}}@container performance (width<=430px){.performance-overview{grid-template-columns:1fr;gap:8px}.performance-summary{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:flex}.performance-kicker{width:100%}.performance-grade{margin:0;font-size:44px}.performance-priority{width:100%;margin:0;font-size:12px}.performance-radar{max-width:320px}.performance-label{font-size:15px}.performance-value{font-size:14px}}.nutrition-overflow{color:#c3ddc7;font-size:12px;line-height:1.6;display:block}.nutrition-hud[data-survival=starving]{color:#ffd0c7}.nutrition-hud[data-survival=starving] .nutrition-track{background:#e9675366;box-shadow:0 0 8px #ff6a4f66}.nutrition-hud[data-survival=starving] .nutrition-level,.nutrition-hud[data-survival=starving] .nutrition-heading strong{color:#ffc4b6}.survival-hud{z-index:6;pointer-events:none;color:#ffe3db;font:14px/1.5 system-ui,sans-serif;position:absolute;inset:0}.starvation-edge{pointer-events:none;opacity:var(--starvation-opacity);--starvation-tint:174 18 34;background:radial-gradient(ellipse at center,transparent var(--starvation-clear),rgb(var(--starvation-tint) / .38) 86%,rgb(var(--starvation-tint) / .9) 100%);box-shadow:inset 0 0 min(12cqw,12cqh) min(2cqw,2cqh) rgb(var(--starvation-tint) / .46);transition:opacity .7s;position:absolute;inset:0}.starvation-edge:after{content:"";background:radial-gradient(ellipse at center,transparent 44%,rgb(var(--starvation-tint) / .5) 80%,rgb(var(--starvation-tint)) 100%);animation:starvation-pulse var(--starvation-period) ease-in-out infinite;pointer-events:none;position:absolute;inset:0}.starvation-notice{left:50%;top:max(24px,env(safe-area-inset-top));box-sizing:border-box;text-align:center;background:#321b23eb;border:1px solid #f7887488;border-radius:12px;width:300px;max-width:calc(100% - 40px);padding:14px 18px;position:absolute;transform:translate(-50%);box-shadow:0 4px 24px #030b1466}.starvation-notice strong,.starvation-time{display:block}.starvation-notice strong{font-size:17px}.starvation-time{font-variant-numeric:tabular-nums;margin-top:5px}.starvation-notice p{margin:6px 0 0;font-size:13px}.starvation-announcement{color:#fff0e4;margin-top:8px;font-size:13px;display:block}.survival-hud:is([data-phase=recovering],[data-phase=weak]) .starvation-edge{--starvation-tint:173 100 46}.survival-hud:is([data-phase=recovering],[data-phase=weak]) .starvation-edge:after{opacity:0;animation:none}.survival-hud:is([data-phase=recovering],[data-phase=weak]) .starvation-notice{color:#e1e8bd;background:#263027eb;border-color:#c3b67b88}.survival-hud[data-paused=true] .starvation-edge:after{animation-play-state:paused}.game-over{box-sizing:border-box;color:#dceae1;text-align:center;background:#10242bee;border:1px solid #6fa69b66;border-radius:18px;width:380px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 32px);padding:28px;font:14px/1.6 system-ui,sans-serif;overflow:auto;box-shadow:0 20px 80px #0008}.game-over::backdrop{background:#020c16c9}.game-over-kicker{letter-spacing:.24em;color:#94b1ac;font-size:12px}.game-over h1{margin:12px 0;font-size:24px;font-weight:500}.game-over>p{color:#aebfbb}.game-over dl{text-align:left;margin:22px 0}.game-over dl>div{justify-content:space-between;gap:16px;margin:10px 0;display:flex}.game-over dt{color:#9ab6af;flex-shrink:0}.game-over dd{text-align:right;overflow-wrap:anywhere;margin:0}.game-over button{color:#152a2d;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#c5d8c0;border:1px solid #c3d9c2;border-radius:8px;font-weight:600}.game-over button:focus-visible{outline-offset:4px;outline:2px solid #f1efcc}@keyframes starvation-pulse{0%,to{opacity:0}50%{opacity:var(--starvation-pulse)}}@container game (width<=900px){.starvation-notice{width:280px;top:155px}}@container game (height<=500px) and (width>=600px){.starvation-notice{width:270px;top:18px;left:auto;right:18px;transform:none}.game-over{padding:18px}.game-over h1{margin:8px 0}.game-over dl{margin:12px 0}}@media (prefers-reduced-motion:reduce){.starvation-edge{transition:none}.starvation-edge:after{opacity:0;animation:none}}.game-over{border-radius:12px;width:420px;padding:24px}.game-over h1{margin:0 0 8px}.game-over>p{margin:0;font-size:13px}.game-over dl{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.game-over dl>div{text-align:center;margin:0;display:block}.game-over dl>div:first-child{grid-column:1/-1}.game-over dd{text-align:center;margin-top:4px;font-size:17px}.game-over dt{font-size:12px}.settlement-review{text-align:left;margin-top:8px}.settlement-review summary{cursor:pointer;color:#aecabd;justify-content:center;align-items:center;min-height:44px;font-size:12px;display:flex}.settlement-review .review-controls{border:0;margin:0;padding:8px 0}.settlement-review .review-controls>strong{display:none}.ecology-drawer-heading .panel-pin,.world-log header .panel-pin{color:#9ebcba;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #718f8450;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:5px;min-width:62px;height:auto;min-height:44px;padding:0 8px;font:12px/1.4 system-ui,sans-serif;display:inline-flex}.panel-pin svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transform:rotate(35deg)}.ecology-drawer-heading .panel-pin[aria-pressed=true],.world-log header .panel-pin[aria-pressed=true]{color:#def5df;background:#244a43;border-color:#bbe6ce}.panel-pin[aria-pressed=true] svg{transform:none}.panel-pin[aria-pressed=true] svg path:first-child{fill:#bbe6ce40}.panel-pin:focus-visible{outline-offset:2px;outline:2px solid #bbe6ce}.world-log-hub{z-index:24;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:310px;max-width:calc(100% - 32px);max-height:calc(100% - max(16px,env(safe-area-inset-top)) - max(140px,env(safe-area-inset-bottom)));pointer-events:none;color:#e0e9e7;flex-direction:column;align-items:stretch;gap:8px;font-size:12px;line-height:1.65;display:flex;position:absolute}.world-log-trigger{color:#b9d3ca99;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-shrink:0;align-self:flex-end;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.world-log-trigger>span{border:1px solid;border-radius:50%;place-items:center;width:18px;height:18px;font:italic 15px Georgia,serif;display:grid}.world-log-trigger:is(:hover,[aria-expanded=true],:focus-visible){color:#d5e4dc}.world-log-trigger:focus-visible{outline:none}.world-log-trigger:focus-visible>span{outline-offset:3px;outline:2px solid #b5d5cd}.world-log button:focus-visible{outline-offset:2px;outline:2px solid #b5d5cd}.world-log{box-sizing:border-box;pointer-events:auto;background:#061d2bf2;border:1px solid #b5d5cd50;border-radius:8px;flex-direction:column;flex:0 auto;width:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 24px #00101750}.world-log[hidden]{display:none}.world-log header{color:#c4d8d5;flex-shrink:0;justify-content:space-between;align-items:center;min-height:44px;padding-left:12px;display:flex}.world-log header strong{letter-spacing:.08em;color:#dcddd0;font-size:13px;font-weight:500}.world-log button{color:#9ebcba;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 12px;font-size:11px}.world-log-history{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#74999780 transparent;overflow-anchor:none;outline-offset:-2px;flex-shrink:1;height:180px;min-height:0;max-height:27vh;padding:0 10px 8px;overflow:hidden auto}.world-log-notice{box-sizing:border-box;pointer-events:none;background:#082736ed;border:1px solid #b5d5cd50;border-radius:8px;flex-shrink:0;padding:9px 12px;box-shadow:0 4px 18px #00101740}.world-log-notice[data-visible=false]{border:0;width:0;height:0;padding:0;position:absolute;overflow:hidden}.world-log-notice-message{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.world-log-row{overflow-wrap:anywhere;padding:2px 0}.world-log-row time{color:#a4babd;margin-right:6px;font:10px ui-monospace,monospace}.world-log-category{color:#a4c9d3;margin-right:5px}.log-card .world-log-category{color:#8bd9cb}.log-world .world-log-category{color:#ecc488}.log-growth .world-log-category{color:#bfc2ff}.log-survival .world-log-category{color:#ffb39f}@container game (width<=600px){.world-log-history{height:145px;max-height:23cqh}.world-log header,.world-log button{height:44px;min-height:44px}}@container game (height<=500px){.world-log-history{height:95px;max-height:23cqh}.world-log header,.world-log button{height:44px;min-height:44px}}@container game (width<=600px){.world-log-hub{max-height:calc(100% - max(16px,env(safe-area-inset-top)) - max(190px,env(safe-area-inset-bottom)))}}@container game (height<=500px){.world-log-hub{top:max(8px,env(safe-area-inset-top));max-height:calc(100% - max(8px,env(safe-area-inset-top)) - max(140px,env(safe-area-inset-bottom)))}.world-log-notice{align-items:center;gap:6px;display:flex}.world-log-notice>.world-log-category{flex-shrink:0}.world-log-notice-message{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block}}.world-log-notice[data-visible=true]{position:relative;overflow:visible}.world-log-notice[data-visible=true]:before{content:"";box-sizing:border-box;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;background:#082736ed;border-top:1px solid #b5d5cd50;border-left:1px solid #b5d5cd50;width:12px;height:12px;position:absolute;top:-7px;right:15px;transform:rotate(45deg)}.world-log-notice[data-visible=true]:after{content:"";pointer-events:none;background:#082736;width:14px;height:1px;position:absolute;top:-1px;right:14px}.world-log-callout{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.world-log-callout path{fill:none;stroke:#b5d5cda6;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.world-log-locate{pointer-events:auto;color:#daf4dc;text-align:left;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere;background:0 0;border:0;padding:6px 4px}.world-log-locate:focus-visible{outline-offset:2px;outline:2px solid #b9edca}.world-log header{gap:8px;padding:0 12px}.world-log header>span{color:#aac4b8;font-size:11px}.world-log-history{scrollbar-gutter:stable;scrollbar-color:transparent transparent;overflow-anchor:none;height:320px;max-height:none;padding:0 8px 8px}.world-log-history:is(:hover,:focus-within),.world-log-history[data-scrolling=true]{scrollbar-color:#74999780 transparent}.world-log-row{border-top:1px solid #486b6140;padding:0}.world-log .world-log-summary{text-align:left;color:#e1ede3;align-items:center;gap:7px;width:100%;height:auto;min-height:44px;padding:0 2px;font:12px/1.5 system-ui,sans-serif;display:flex}.world-log-summary time{flex:none;margin:0;font-size:10px}.world-log-summary .world-log-category{flex:none;margin:0;font-size:11px}.world-log-summary-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.world-log-detail{color:#aac4b8;padding:0 4px 8px 42px;font:12px/1.65 system-ui,sans-serif}.world-log-detail p{overflow-wrap:anywhere;margin:0}.world-log-detail button{color:#bbe6ce;height:auto;min-height:44px;padding:0}.world-log-empty{color:#aac4b8;padding:12px}.card-hand{z-index:5;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));box-sizing:border-box;color:#d9e7d8;pointer-events:none;width:295px;max-width:calc(100% - 174px);font:12px/1.4 system-ui,sans-serif;position:absolute}.card-hand-scroll{box-sizing:border-box;scrollbar-width:thin;pointer-events:auto;gap:9px;width:100%;min-width:0;max-width:100%;padding:4px 3px 7px;display:flex;overflow-x:auto}.hand-card,.empty-card{box-sizing:border-box;color:#d8e7c9;background:linear-gradient(145deg,#214b49f5,#102c37f5 65%);border:1px solid #b7d5b77a;border-radius:10px;flex:none;width:140px;height:180px;font:12px/1.4 system-ui,sans-serif;box-shadow:0 6px 20px #02121c66}.hand-card{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:left;flex-direction:column;align-items:stretch;padding:9px 11px;transition:border-color .15s,box-shadow .15s,background .15s,filter .15s;display:flex}.hand-card:hover{border-color:#d0e3b4;box-shadow:0 4px 24px #b9d09826}.hand-card[data-held=true]{opacity:.3}.card-category{color:#9fbbb3;flex:none;justify-content:space-between;align-items:center;font-size:10px;display:flex}.card-category>span{color:#c6d4be}.card-cost{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.card-cost svg{flex:none;width:9px;height:12px}.hand-card>svg{color:#b4d7b8;flex:none;width:100%;height:49px;margin:3px 0}.hand-card>strong{letter-spacing:.12em;flex:none;font-size:16px;font-weight:500}.card-description{color:#a9c2b8;flex:none;min-height:49.5px;margin-top:5px;font-size:11px;line-height:1.5}.hand-card>small{color:#c3d9b9;margin-top:auto;font-size:10px}.card-description>span{display:block}.hand-card[data-unavailable=true]{box-shadow:none;color:#b6bfc2;cursor:not-allowed;background:linear-gradient(145deg,#29343cf5,#17252cf5 65%);border-color:#85919466}.hand-card[data-unavailable=true]>svg{opacity:.45;filter:grayscale()}.hand-card[data-unavailable=true] .card-category,.hand-card[data-unavailable=true] .card-description{color:#98a3a8}.hand-card[data-unavailable=true] .card-category>span{color:#b3bdc1}.empty-card{width:116px;box-shadow:none;color:#acc4ba;background:#0a26315c;border:1px dashed #abc9af40;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-card>span:first-child{opacity:.5;font-size:24px;font-weight:200}.empty-card small{font-variant-numeric:tabular-nums}.card-refill-track{background:#a2c0b329;width:55px;height:2px;overflow:hidden}.card-refill-track i{transform-origin:0;background:#c6ddbc;width:100%;height:100%;transition:transform .1s linear;display:block}.card-hand[data-starving=true] .hand-card[data-kind=fish-school]:not([data-unavailable=true]){border-color:#f4a18b;box-shadow:0 0 18px #e65c5240}.card-message{box-sizing:border-box;overflow-wrap:anywhere;z-index:8;width:max-content;left:50%;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 188px);color:#e1e8cc;pointer-events:none;text-align:center;background:#0a2029e8;border-radius:8px;max-width:min(560px,100% - 32px);padding:8px 13px;font:12px/1.5 system-ui,sans-serif;position:absolute;transform:translate(-50%)}.card-message:empty{display:none}.hand-card.card-drag-ghost{z-index:100;pointer-events:none;opacity:.9;will-change:transform;width:112px;height:138px;position:fixed;top:0;left:0;box-shadow:0 15px 40px #0008}.card-drag-ghost>svg{height:39px}.card-drag-ghost .card-description{display:none}.ocean-app:has(.card-hand) .quiet-note{display:none}.ocean-app:has(.card-hand) .viewport-map{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 230px)}@container game (width<=600px){.card-hand{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));width:273px;max-width:calc(100% - 157px)}.hand-card{width:130px;height:168px;padding:8px 10px}.hand-card>svg{height:40px}.empty-card{width:112px;height:168px}.card-hand-scroll{gap:7px}.card-message{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 195px);width:max-content;font-size:12px}}@container game (height<=500px){.card-hand{width:275px;bottom:max(8px,env(safe-area-inset-bottom))}.hand-card{width:130px;height:152px;padding:8px 10px}.hand-card>svg{height:27px;margin:1px 0}.hand-card>strong{font-size:14px}.empty-card{height:152px}.card-message{bottom:145px}}@media (prefers-reduced-motion:reduce){.hand-card,.card-refill-track i{transition:none}}.card-play-confirmation{z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;width:112px;height:138px;position:fixed;transform:translate(-50%,-50%)}.card-play-confirmation:before{content:"";opacity:0;border:2px solid #e2f2bb;border-radius:50%;width:94px;height:94px;animation:1.1s ease-out both card-confirm-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-play-confirmation .card-confirmed-face{cursor:default;will-change:transform,opacity;background:linear-gradient(145deg,#416f5bf5,#133d43fa 65%);border-color:#eef5c1;width:112px;height:138px;padding:9px 11px;animation:1.1s ease-out both card-confirm-settle;position:relative}:is(.card-drag-ghost,.card-confirmed-face,.recycle-crush-card) .card-face-description{display:none}.card-confirmed-face .card-face-copy{padding-bottom:26px}.card-confirmed-face>svg{color:#e2edba;height:42px;margin:4px 0}.card-confirmed-face>strong{font-size:16px}.card-confirmed-face .card-description{display:none}.card-confirmed-face>small{color:#f3f5c7;letter-spacing:.06em;font-size:12px;font-weight:600}@keyframes card-confirm-settle{0%{opacity:1;transform:scale(.88);box-shadow:0 0 0 1px #f3f6c9,0 0 30px #d5efa966}18%{opacity:1;transform:scale(1.06);box-shadow:0 0 0 2px #f3f6c9,0 0 38px #d5efa999}36%,56%{opacity:1;transform:scale(1);box-shadow:0 0 0 1px #e1eeb3,0 0 20px #d5efa955}to{opacity:0;transform:translateY(-6px)scale(.86);box-shadow:0 0 0 1px #e1eeb300,0 0 8px #d5efa900}}@keyframes card-confirm-ring{0%{opacity:.85;transform:translate(-50%,-50%)scale(.5)}70%,to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes card-confirm-fade{0%,56%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.card-play-confirmation:before{animation:none}.card-play-confirmation .card-confirmed-face{animation-name:card-confirm-fade;transform:none}}.card-energy{color:#b4c9ee;text-shadow:0 1px 4px #051322;margin:0 3px 5px;padding-left:16px;font-size:11px;position:relative}.card-energy>svg{pointer-events:none;width:10px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.card-energy-track{gap:4px;height:5px;margin-top:4px;display:flex}.card-energy-track>span{background:#a2bcee30;border-radius:2px;flex:1;overflow:hidden}.card-energy-track i{transform-origin:0;background:#9dbff3;height:100%;display:block}@container game (height<=500px){.card-energy{margin-bottom:2px}.card-energy-track{height:3px;margin-top:2px}}.card-timed-effects{overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;touch-action:pan-y;color:#efdaa1;flex-wrap:wrap;gap:4px 10px;max-height:112px;margin:0 3px 5px;font:11px/1.4 system-ui,sans-serif;display:flex;overflow:auto}.card-timed-effects span{font-variant-numeric:tabular-nums;flex-shrink:0}.card-timed-effects:focus-visible{outline-offset:2px;outline:1px solid #efdaa1}.card-timed-effects .card-lure-receipt{overflow-wrap:anywhere;color:#ccdbc9;flex-basis:100%;min-width:0}@media (width<=600px){.card-drag-ghost{width:112px;height:138px}.card-drag-ghost>svg{height:39px}}@media (height<=500px){.card-drag-ghost{height:125px}}@container game (height<=700px){.card-timed-effects{max-height:54px}}@container game (height<=500px){.card-timed-effects{max-height:32px;margin-bottom:2px;font-size:10px}}.warming-status{color:#f4d8ac;pointer-events:none;background:#193639e8;border:1px solid #e8b48766;border-radius:8px;margin:0 3px 6px;padding:7px 10px;font:12px/1.4 system-ui,sans-serif}.warming-status>div{justify-content:space-between;gap:12px;display:flex}.warming-status strong{font-weight:500}.warming-status progress{accent-color:#e9a976;width:100%;height:4px;margin:4px 0;display:block}.warming-status small{color:#e7c8ad;font-size:12px}@container game (height<=500px){.warming-status{margin-bottom:3px;padding:4px 8px}.warming-status progress{margin:2px 0}}.card-hand>.card-message{width:max-content;max-width:100%;font-size:12px;bottom:calc(100% + 8px);left:0;transform:none}.card-category[data-category=补给]{--category-color:#e4bb76}.card-category[data-category=生态]{--category-color:#80cbb4}.card-category[data-category=能力]{--category-color:#baa2e3}.card-category[data-category=行为]{--category-color:#88bfe8}.card-category-label{align-items:center;gap:5px;display:inline-flex}.card-category-label:before{content:"";background:var(--category-color);border-radius:1px;flex:none;width:4px;height:12px;display:block;box-shadow:0 0 0 1px #04131966}.game-viewport:has(.card-hand[data-planting=true]) .viewport-map{opacity:0;pointer-events:none}.game-viewport:has(.card-hand[data-planting=true]) .world-ecology-hud{opacity:0;pointer-events:none}.game-viewport:has(.card-hand[data-planting=true]) :is(.world-ecology-hud,.viewport-map) *{pointer-events:none}.game-viewport:has(.card-hand[data-planting=true]) .card-message{top:max(16px,env(safe-area-inset-top));max-width:min(480px,100% - 48px);bottom:auto;left:50%;transform:translate(-50%)}.feast-status{color:#b8efe0;pointer-events:none;background:#123639ed;border:1px solid #81dac766;border-radius:8px;margin:0 3px 6px;padding:7px 10px;font:12px/1.4 system-ui,sans-serif}.feast-status>div{justify-content:space-between;gap:8px;display:flex}.feast-status strong{white-space:nowrap;font-weight:500}.feast-status progress{accent-color:#81dac7;width:100%;height:4px;margin:4px 0 0;display:block}@container game (height<=500px){.feast-status{margin-bottom:3px;padding:4px 8px}.feast-status progress{margin-top:2px}}.abyss-status{color:#ffe0b6;background:#142a35f2;border-color:#e2a572aa}.abyss-status progress{accent-color:#f5b570}.abyss-status small{color:#e9caaa;display:block}.card-hand{--hand-card-width:140px;--hand-gap:9px;--status-width:295px;width:calc(var(--hand-slots)*var(--hand-card-width) + (var(--hand-slots) - 1)*var(--hand-gap) + 6px)}.card-hand-fit{width:100%;height:191px;position:relative}.card-hand-scroll{width:calc(var(--hand-slots)*var(--hand-card-width) + (var(--hand-slots) - 1)*var(--hand-gap) + 6px);transform-origin:0 100%;gap:var(--hand-gap);max-width:none;position:absolute;bottom:0;left:0;overflow:visible}.card-hand-scroll>.hand-card,.card-hand-scroll>.empty-card{width:var(--hand-card-width)}.card-hand>.visitor-invitation,.card-hand>.warming-status,.card-hand>.feast-status,.card-hand>.card-energy,.card-hand>.card-timed-effects{box-sizing:border-box;width:calc(min(var(--status-width),100%) - 6px)}.card-hand>.card-message{max-width:min(var(--status-width),100%)}@container game (width<=600px){.card-hand{--hand-card-width:130px;--hand-gap:7px;--status-width:273px}}@container game (height<=500px){.card-hand{--hand-card-width:130px;--status-width:275px}}.card-recycle-zone{z-index:7;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));box-sizing:border-box;color:#bedbc7;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(145deg,#173b3ddd,#102a34ef);border:1px dashed #a6cbb77a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:132px;min-height:88px;padding:9px 6px;font:12px/1.4 system-ui,sans-serif;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:absolute}.recycle-zone-heading{align-items:center;gap:7px;display:flex}.recycle-zone-heading>svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:23px;height:25px}.recycle-zone-heading strong{font-size:14px;font-weight:500}.card-recycle-zone small{color:#96b5ab;font-size:11px}.card-recycle-zone[data-dragging=true]{border-style:solid;border-color:#b3e4cba8}.card-recycle-zone[data-over=true]{background:#285446f5;border-color:#d4f5b3;box-shadow:0 0 24px #9aefb840}.card-recycle-zone[data-unavailable=true]{color:#98a6ad;background:#203038ee;border-color:#78889088}.card-recycle-zone[data-over=true][data-unavailable=true]{border-color:#ddb5a2}@container game (width<=600px){.card-recycle-zone{right:max(10px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom));width:130px;min-height:82px}}@container game (height<=500px){.card-recycle-zone{bottom:max(15px,env(safe-area-inset-bottom));min-height:78px;padding-top:6px;padding-bottom:6px}}@media (prefers-reduced-motion:reduce){.card-recycle-zone{transition:none}}.card-hand.card-hand-docked{--dock-rail:62px;--dock-height:178.2px;--slot-step:127.8px;--slot-card-width:118.8px;width:calc(var(--dock-rail) + 5*var(--hand-card-width) + 36px);padding-left:var(--dock-rail);max-width:calc(100% - max(20px,env(safe-area-inset-left)) - max(20px,env(safe-area-inset-right)))}.card-hand-docked .card-hand-fit{height:calc(var(--dock-height) + 11px)}.card-hand-docked .card-hand-scroll{pointer-events:none;width:100%;height:100%;padding:0;inset:0;transform:none}.card-hand-docked .card-hand-scroll>:is(.hand-card,.empty-card){left:calc(var(--slot)*var(--slot-step));width:var(--slot-card-width);height:var(--dock-height);z-index:calc(var(--slot) + 1);pointer-events:auto;position:absolute;bottom:7px}.card-hand-docked .empty-card{gap:6px;font-size:11px}.card-hand-docked .empty-card[data-locked=true]{color:#8da79a70;pointer-events:none;background:0 0;border:0;border-radius:0;justify-content:flex-end;padding-bottom:12px}.card-hand-docked .empty-card[data-locked=true]:after{content:"";background:#8da79a50;width:24px;height:1px;margin-top:2px}.card-hand-docked .empty-card[data-locked=true]>span{font-size:11px}.card-hand-docked .empty-card[data-locked=true]>small{display:none}.card-hand-docked .card-recycle-zone{left:calc(-1*var(--dock-rail));width:calc(var(--dock-rail) - 10px);height:var(--dock-height);visibility:visible;opacity:1;pointer-events:auto;min-height:44px;box-shadow:none;background:#0a222cb3;border:1px solid #718f8440;padding:8px 3px;bottom:7px;right:auto}.card-hand-docked .recycle-zone-heading{color:#9fb9ac;flex-direction:column;gap:10px}.card-hand-docked .recycle-zone-heading strong{font-size:12px}.card-hand-docked .card-recycle-zone[data-dragging=true]{background:#102f36f5;border-color:#b3e4cba8}.card-hand-docked .card-recycle-zone[data-over=true]{background:#285446f5;border-color:#d4f5b3;box-shadow:0 0 18px #9aefb830}.card-hand-docked .card-recycle-zone[data-unavailable=true]{background:#203038cc;border-color:#78889066}.card-hand-docked .recycle-zone-detail{box-sizing:border-box;pointer-events:none;text-align:left;background:#0a222cf7;border:1px solid #718f8470;border-radius:8px;flex-direction:column;gap:4px;width:176px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 8px);left:0}.card-hand-docked .card-recycle-zone[data-dragging=true] .recycle-zone-detail{display:flex}.card-hand-docked[data-overlap=true] .hand-card:not([aria-pressed=true]):not(:focus-visible) .card-face-copy{box-sizing:border-box;background:0 0;width:40px;margin:0;padding:3px 10px;position:absolute;top:42px;bottom:5px;left:0}.card-hand-docked[data-overlap=true] .hand-card:not([aria-pressed=true]):not(:focus-visible) .card-face-heading>strong{writing-mode:vertical-rl;letter-spacing:1px;white-space:nowrap;font:500 14px/1.4 system-ui,sans-serif}.card-hand-docked[data-overlap=true] .hand-card:not([aria-pressed=true]):not(:focus-visible) :is(.card-face-description,.card-face-heading>small){display:none}.card-hand-docked[data-overlap=true] .hand-card:not([aria-pressed=true]):not(:focus-visible) .card-face-cost{left:8px;right:auto}.card-hand-docked[data-overlap=true] .hand-card:is([aria-pressed=true],:focus-visible):not([data-held=true]){z-index:20;width:var(--hand-card-width);height:178.2px;transform:translateY(-48px)}.card-hand-docked[data-overlap=true] .hand-card[data-slot="4"]:is([aria-pressed=true],:focus-visible):not([data-held=true]){left:auto;right:0}@container game (width<=600px){.card-hand.card-hand-docked{--dock-rail:52px;max-width:calc(100% - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)))}.card-hand-docked .card-recycle-zone{width:44px}.card-hand-docked>.ongoing-events{width:min(240px,100% - 50px);max-width:calc(100% - 50px)}}@container game (height<=500px){.card-hand.card-hand-docked{--dock-height:128px}.card-hand-docked .hand-card .card-face-description{display:none}.card-hand-docked .hand-card:is([aria-pressed=true],:focus-visible):not([data-held=true]){z-index:20;height:178.2px;transform:translateY(-48px)}.card-hand-docked .hand-card:is([aria-pressed=true],:focus-visible):not([data-held=true]) .card-face-description{display:block}.card-hand-docked[data-overlap=true] .hand-card:not([aria-pressed=true]):not(:focus-visible) .card-face-heading>strong{letter-spacing:0;font-size:12px}}.deck-shortcut{color:#dce9e6;pointer-events:auto;cursor:pointer;background:#102d3ee8;border:1px solid #91b3c07a;border-radius:7px;min-height:36px;margin:0 3px 6px auto;padding:5px 10px;font:12px/1.4 system-ui,sans-serif;display:block}.deck-shortcut:focus-visible{outline-offset:2px;outline:2px solid #eddaae}.long-night-presentation{z-index:22;pointer-events:auto;color:#f2e3c1;text-align:center;background:linear-gradient(#06162540,#0000 60%,#041522aa);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.long-night-caption{bottom:max(12%,env(safe-area-inset-bottom));text-shadow:0 2px 12px #031626;position:absolute;left:20px;right:20px}.long-night-caption h1{letter-spacing:.24em;margin:6px 0;font:400 clamp(26px,4vw,48px)/1.5 serif}.long-night-caption p{margin:4px;font:14px/1.6 system-ui,sans-serif}.long-night-caption small{letter-spacing:.14em;font:12px/1.5 system-ui,sans-serif}.long-night-halo{pointer-events:none;opacity:calc(.3 + var(--night-progress)*.7);background:radial-gradient(at 50% 43%,#ebd39022,#0000 60%);position:absolute;inset:0}.long-night-presentation[data-phase=dawn]{background:linear-gradient(#e6dcc31a,#0000 55%,#0b243c44)}.last-shuffle{width:0;height:110px;position:absolute;top:32%;left:50%}.last-shuffle span{color:#e4e9d4;background:linear-gradient(145deg,#37635a,#142e46);border:1px solid #d3daba99;border-radius:8px;place-items:center;width:62px;height:90px;font:13px system-ui;animation:2.5s ease-in-out both night-gather;display:grid;position:absolute;top:0;left:-31px;box-shadow:0 0 18px #8cbfc833}@keyframes night-gather{0%,15%{transform:translateX(calc((var(--card-index) - 1)*110px)) rotate(calc((var(--card-index) - 1)*18deg));opacity:.7}55%{transform:translateX(calc((var(--card-index) - 1)*5px)) rotate(calc((var(--card-index) - 1)*6deg));opacity:1}80%{transform:translateX(calc((var(--card-index) - 1)*22px)) translateY(8px);opacity:1}to{opacity:0;transform:translateY(35px)}}.long-night-presentation[data-paused=true] *{animation-play-state:paused}@container game (height<=500px){.long-night-notice{margin-bottom:3px;padding:4px 8px}.long-night-notice p{margin:1px 0}.long-night-caption{bottom:7%}.long-night-caption h1{margin:0;font-size:26px}.last-shuffle{top:17%}.last-shuffle span{width:48px;height:68px;left:-24px}}@media (prefers-reduced-motion:reduce){.last-shuffle span{transform:translateX(calc((var(--card-index) - 1)*72px));animation:none}.long-night-caption{transition:none}}.game-viewport:has(.long-night-presentation) :is(.nutrition-hud,.world-log-hub,.viewport-map,.time-controls,.quiet-note,.card-hand,.card-recycle-zone,.card-message,.evolution-milestone,.survival-hud,.skill-hud,.feeding-flights){visibility:hidden;opacity:0;pointer-events:none}.deck-shortcut{min-height:44px}.card-hand .card-energy{align-items:center;min-height:44px;padding-right:90px;display:flex}.card-hand .card-energy-track{width:100%;margin:0}.card-energy>.deck-shortcut{min-width:80px;min-height:44px;margin:0;padding:5px 8px;position:absolute;top:0;right:0}.world-log-ongoing:empty{display:none}.world-log-ongoing{overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;flex:0 auto;min-height:0;overflow:auto}.long-night-notice{box-sizing:border-box;color:#e0e9e7;background:#0a2735f2;border:1px solid #d0b98080;border-radius:8px;margin:0;padding:10px 12px;font:12px/1.45 system-ui,sans-serif}.night-event-heading,.night-resources{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.night-event-heading strong{color:#f0d39d;font-size:14px;font-weight:500}.long-night-notice p{margin:5px 0}.night-plan{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:7px 0;padding:0;list-style:none;display:grid}.night-plan li{color:#b7cace;border-top:2px solid #66828b;min-width:0;padding-top:4px}.night-plan li[aria-current=step]{color:#fff0cc;border-color:#f0d39d}.night-plan span{overflow-wrap:anywhere;display:block}.night-plan span+span{margin-top:2px}.long-night-notice progress{accent-color:#e4c587;width:100%;height:4px;margin-top:7px;display:block}.night-next{color:#bdd1d4}.night-resource-warning{color:#ffd0a1}.night-stage-change{animation:1.2s ease-out night-stage-emphasis}@keyframes night-stage-emphasis{0%{color:#fff5d9;text-shadow:0 0 12px #f0d39d}to{color:#f0d39d;text-shadow:none}}@media (prefers-reduced-motion:reduce){.night-stage-change{animation:none}}@container game (height<=500px){.long-night-notice{padding:6px 9px}.night-next{display:none}.night-plan{margin:4px 0}.night-resource-warning{margin-bottom:0}}.long-night-dialog{color:#eee1c6;background:radial-gradient(at 50% 20%,#274349b8,#0000 65%),linear-gradient(#071722ee,#06131cf5)}.long-night-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020c13df}.night-entry-panel{background:linear-gradient(155deg,#173039ed,#091c27f5);border:1px solid #af986757;border-radius:16px;flex-direction:column;width:min(720px,100%);min-height:0;max-height:100%;padding:32px 38px;display:flex;box-shadow:0 24px 90px #0006}.night-entry-heading{text-align:center;flex:none}.night-entry-emblem{color:#e0c58c;text-shadow:0 0 30px #caa66380;margin-bottom:14px;font-size:32px;line-height:1;display:block}.night-entry-eyebrow{letter-spacing:.22em;color:#c8b486;margin:0 0 8px;font-size:11px}.long-night-dialog .night-entry-heading h1{letter-spacing:.18em;margin:0;padding-left:.18em;font:400 clamp(28px,4vw,42px)/1.4 Songti SC,serif}.night-entry-prologue{color:#bbcac8;margin:12px 0 22px;font:14px/1.8 Songti SC,serif}.night-entry-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:2px 4px;overflow:auto}.night-entry-facts{text-align:center;border-top:1px solid #9e997344;border-bottom:1px solid #9e997344;grid-template-columns:1fr 1fr;padding:14px 0;display:grid}.night-entry-facts p{gap:5px;margin:0;display:grid}.night-entry-facts p+p{border-left:1px solid #9e997344}.night-entry-facts strong{font-variant-numeric:tabular-nums;color:#efd9a8;font:400 26px/1.2 Georgia,serif}.night-entry-facts span{color:#b6c8c7;font-size:12px}.night-entry-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;padding:0;list-style:none;display:grid}.night-entry-stages li{min-width:0}.night-entry-number{color:#ac9466;font:13px Georgia,serif}.night-entry-stages h2{margin:5px 0;font-size:15px;font-weight:500}.night-entry-stages p{color:#b6c8c7;margin:0;font-size:12px;line-height:1.6}.night-entry-rules{color:#c8d4cf;margin:0;padding-left:18px;font-size:13px;line-height:1.8}.night-entry-rules li+li{margin-top:5px}.night-entry-footer{text-align:center;flex:none;padding-top:22px}.night-entry-footer p{color:#adbfbd;margin:0 0 12px;font-size:12px}.long-night-dialog .night-entry-footer button{color:#14262b;letter-spacing:.12em;background:#e3c891;border:1px solid #efdbae;border-radius:6px;width:min(320px,100%);min-height:48px;font-size:15px;box-shadow:0 4px 20px #0003}.night-entry-footer button span{margin-left:16px}.night-entry-footer button:hover{background:#efdbb0}.game-viewport:has(.long-night-dialog) :is(.nutrition-hud,.world-log-hub,.viewport-map,.time-controls,.quiet-note,.card-hand,.card-recycle-zone,.card-message,.evolution-milestone,.survival-hud,.skill-hud,.feeding-flights){visibility:hidden;pointer-events:none}@container card-modal (width<=600px){.night-entry-panel{padding:22px 16px}.night-entry-stages{gap:8px;margin:16px 0}.night-entry-stages h2{font-size:14px}.night-entry-stages p{font-size:12px}.night-entry-prologue{margin-bottom:16px}.night-entry-footer{padding-top:16px}}@container card-modal (height<=650px) and (width>=600px){.night-entry-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(160px,.8fr) minmax(0,1.7fr);gap:12px 24px;width:min(960px,100%);height:100%;padding:18px 24px;display:grid}.night-entry-heading{align-self:center}.night-entry-emblem{margin-bottom:8px;font-size:24px}.night-entry-prologue{margin:8px 0 0;font-size:13px}.night-entry-scroll{grid-area:1/2/3}.night-entry-footer{grid-column:1;padding-top:0}.night-entry-footer p{margin-bottom:8px;font-size:12px;line-height:1.6}.night-entry-facts{padding:10px 0}.night-entry-stages{margin:14px 0}.night-entry-rules{font-size:13px}}.long-night-presentation[data-phase=dawn] .long-night-caption{bottom:max(6%,env(safe-area-inset-bottom));pointer-events:none}.long-night-presentation[data-phase=dawn] .long-night-caption h1{letter-spacing:.18em;font-size:clamp(22px,3.4vw,38px)}.long-night-presentation[data-phase=dawn] .long-night-halo{opacity:calc(var(--night-progress)*.24)}@container game (height<=500px){.long-night-presentation[data-phase=dawn] .long-night-caption{bottom:max(8px,env(safe-area-inset-bottom))}.long-night-presentation[data-phase=dawn] .long-night-caption h1{font-size:22px;line-height:1.25}.long-night-presentation[data-phase=dawn] .long-night-caption small{display:none}.long-night-presentation[data-phase=dawn] .long-night-caption p{font-size:12px}}.ongoing-events{pointer-events:auto;color:#e1ede3;width:240px;max-width:100%;margin:0 0 8px;font:12px/1.4 system-ui,sans-serif;transition:opacity .15s;position:relative}.ongoing-events[hidden]{display:none}.ongoing-event-list{max-height:var(--event-list-height,148px);overflow-anchor:none;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;gap:5px;display:flex;overflow:auto}.ongoing-event-list:is(:hover,:focus-within){scrollbar-color:#aac4b880 transparent}.ongoing-event-row{box-sizing:border-box;background:#102b34f2;border:1px solid #486b61;border-radius:10px;flex:none;align-items:center;gap:4px;height:46px;min-height:46px;padding:0 5px 0 9px;display:flex;overflow:hidden}.ongoing-event-row[data-new=true]{border-color:#bbe6ce}.ongoing-event-row[data-ended=true]{opacity:.55}.ongoing-event-row button,.ongoing-event-detail button,.ongoing-event-new{min-height:44px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.ongoing-event-name{text-align:left;flex:1;min-width:0;padding:0}.ongoing-event-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ongoing-event-name[aria-expanded=true]{color:#bbe6ce}.ongoing-event-time{color:#aac4b8;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ongoing-event-row .ongoing-event-action{color:#bbe6ce;border-left:1px solid #486b6170;min-width:44px;padding:0 5px}.ongoing-events[data-dragging=true]{opacity:.35;pointer-events:none}.ongoing-events[data-dragging=true] *{pointer-events:none}.ongoing-events button:disabled{cursor:default}.ongoing-events button:focus-visible,.ongoing-event-detail button:focus-visible{outline-offset:-2px;border-radius:6px;outline:2px solid #bbe6ce}.ongoing-event-new{white-space:nowrap;border-radius:10px;width:44px;position:absolute;bottom:0;left:248px;background:#102b34f2!important;border:1px solid #486b61!important;padding:0 9px!important}.ongoing-event-message{box-sizing:border-box;background:#102b34;border:1px solid #486b61;border-radius:8px;width:240px;padding:8px;position:absolute;bottom:100%;left:0}.ongoing-event-detail{z-index:28;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;color:#e1ede3;pointer-events:auto;background:#102b34fa;border:1px solid #486b61;border-radius:12px;width:260px;max-width:calc(100% - 32px);padding:12px 14px;font:12px/1.6 system-ui,sans-serif;position:absolute;overflow:auto;box-shadow:0 8px 30px #00121a66}.ongoing-event-detail h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:15px;font-weight:500}.ongoing-event-detail p{color:#aac4b8;margin:5px 0}.ongoing-event-detail>button{color:#bbe6ce;border:1px solid #486b61;border-radius:8px;width:100%;margin-top:6px}.ongoing-event-detail .long-night-notice{background:0 0;border:0;padding:0}.ongoing-event-detail .night-plan{grid-template-columns:1fr}.ongoing-event-detail .night-plan li{justify-content:space-between;gap:6px;display:flex}.ongoing-event-detail .night-next{display:block}.game-viewport:has(.long-night-presentation) .ongoing-event-detail{display:none}@media (prefers-reduced-motion:reduce){.ongoing-events{transition:none}}.ongoing-events .ongoing-event-new{background:#102c35f2;border:1px solid #a3c9b64d;border-radius:7px;width:44px;min-height:44px;margin:0;padding:3px 8px;font-size:12px;bottom:0;left:calc(100% + 6px);right:auto}@container game (width<=360px){.ongoing-events{width:calc(100cqw - 118px);max-width:calc(100% - 50px)}}.action-marker{z-index:6;color:#dbf7bf;cursor:pointer;touch-action:manipulation;background:#132e30e8;border:1px solid #c9edb9aa;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #b5e7ac22}.action-marker>span:first-child{transform:scale(var(--pulse,1));font-size:24px}.action-marker-label{white-space:nowrap;color:#e0edda;text-shadow:0 1px 4px #000;pointer-events:none;font-size:11px;position:absolute;top:46px}.action-marker:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.action-marker>span:first-child{transform:none}}.creature-buffs{z-index:6;pointer-events:none;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.creature-buff{--buff-color:#d6eb9d;box-sizing:border-box;width:44px;min-width:44px;height:50px;color:var(--buff-color);cursor:pointer;pointer-events:auto;touch-action:manipulation;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #001a22;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;padding:0 3px 4px;display:flex;position:relative}.creature-buff[data-kind=strong-tail]{--buff-color:#e5c786}.creature-buff[data-kind=slow-breathing]{--buff-color:#a4eee5}.creature-buff[data-kind=glow-barbels]{--buff-color:#edd3ff}.creature-buff[data-kind=filter-feeding]{--buff-color:#9edcf8}.buff-symbol{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--buff-color),transparent 30%);width:32px;height:32px;box-shadow:0 0 9px color-mix(in srgb,var(--buff-color),transparent 80%);background:#102b32ed;border-radius:8px;place-items:center;display:grid}.buff-symbol svg{width:27px;height:27px;transform:scale(var(--pulse,1))}.creature-buff[data-kind=foraging-guidance] svg{transform:translateY(var(--sway,0))}.buff-name{white-space:nowrap;font-size:10px;line-height:12px}.buff-duration{background:#b5d8d633;border-radius:2px;width:30px;height:2px;position:absolute;bottom:1px;left:7px;overflow:hidden}.buff-duration i{height:100%;width:var(--remaining);background:var(--buff-color);display:block}.creature-buff[data-expiring=true]{--buff-color:#ffcc8c}.creature-buff:hover .buff-symbol,.creature-buff[aria-expanded=true] .buff-symbol{background:#315452;border-color:#fff}.creature-buff:focus-visible{outline-offset:1px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.creature-buff .buff-symbol svg{transform:none}}.action-marker{opacity:var(--marker-opacity,1);transition:opacity .15s linear}.action-marker:focus-visible{opacity:max(.65,var(--marker-opacity,1))}@media (prefers-reduced-motion:reduce){.action-marker{transition:none}}.card-recycle-feedback{z-index:101;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.recycle-particle-layer{filter:drop-shadow(0 0 5px #8febbb99);position:absolute;inset:0}.recycle-crush-card{transform-origin:50%;border-color:#e6edb8;width:92px;height:116px;padding:7px 9px;position:absolute;box-shadow:0 0 28px #aaf6c999}.recycle-crush-card>svg{height:35px}.recycle-crush-card>strong{font-size:13px}.recycle-crush-card .card-description{display:none}.recycle-result-label{color:#d8f7c6;white-space:nowrap;text-shadow:0 1px 4px #001d20;background:#082d2fe8;border:1px solid #b6efc870;border-radius:16px;padding:6px 10px;font:600 13px/1.4 system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%)}.recycle-offscreen-arrow{margin-right:6px;display:inline-block}.creature-debug-target{z-index:4;color:#ffdf82;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 2px #001018);width:32px;height:32px;position:absolute;transform:translate(-50%,-50%)}.creature-debug-target svg{width:32px;height:32px;display:block}.creature-debug-target span{color:#ffedb2;text-align:center;background:#071e2dde;border-radius:4px;width:max-content;max-width:150px;padding:2px 5px;font:12px/1.4 system-ui,sans-serif;position:absolute;top:35px;left:50%;transform:translate(-50%)}.creature-status-layer{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.creature-status-bubble{pointer-events:none;justify-content:center;width:76px;height:58px;transition:left .12s linear,top .12s linear;display:flex;position:absolute;transform:translate(-50%,-100%)}.status-emote{pointer-events:none;flex-direction:column;align-items:center;width:48px;height:58px;display:flex}.status-motion{width:42px;height:42px;transform:rotate(var(--status-turn,0deg)) scale(var(--status-scale,1));transform-origin:50% 70%;display:block}.status-glyph{width:100%;height:100%;display:block;overflow:hidden}.status-label{color:#fff8e4;white-space:nowrap;text-shadow:0 1px 1px #071924;background:#071924dd;border-radius:4px;padding:0 5px;font-size:12px;line-height:16px}.status-emote[data-icon=alert][data-tone=notice] .status-glyph{filter:hue-rotate(35deg)}.status-emote[data-icon=alert][data-tone=warning] .status-glyph{filter:hue-rotate(18deg)}@media (width<=600px){.status-motion{width:38px;height:38px}.status-emote,.creature-status-bubble{height:54px}}@media (prefers-reduced-motion:reduce){.status-motion{transform:none!important}.creature-status-bubble{transition:none}}.creature-status-bubble[data-kind=giant]{transition:none}.status-preview{color:#e9efdf;background:#091e2b;height:100dvh;padding:32px max(20px,50vw - 490px);font:15px/1.7 system-ui;overflow:auto}.status-preview h1{font-size:24px}.status-preview p{color:#9fb8bd}.status-preview nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-preview button,.status-preview select{font:inherit;color:#fff;cursor:pointer;background:#193846;border:1px solid #78949c;border-radius:8px;min-height:44px;padding:8px 14px}.status-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0;display:grid}.status-preview section{text-align:center;background:#102b39;border:1px solid #45616d;border-radius:12px;padding:16px}.status-preview h2{margin:0;font-size:16px}.status-preview-stage{justify-content:center;align-items:center;height:100px;display:flex}.status-preview section p{margin:0;font-size:12px}.status-preview a{color:#92dfd0}.status-preview[data-light=true]{color:#142b36;background:#d3e0da}.status-preview[data-light=true] section{background:#e3ece7}.status-preview[data-light=true] p{color:#48626a}@media (width<=600px){.status-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-preview{padding:20px 16px}.status-preview section{padding:14px 8px}}.world-ecology-hud{isolation:isolate;box-sizing:border-box;color:#dbe8da;pointer-events:none;text-shadow:0 1px 4px #00151d;border-top:1px solid #a1cbb12b;border-radius:0;flex-direction:column;flex:0 auto;width:100%;min-height:44px;font:12px/1.5 system-ui,sans-serif;transition:border-color .8s;display:flex;position:relative}.world-ecology-hud:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(100deg,#09232dd9,#09232d90 75%,#09232d00);transition:opacity .8s;position:absolute;inset:0}.world-ecology-hud h2{opacity:.7;transition:opacity .8s}.world-ecology-hud dl{opacity:.9;transition:opacity .8s}.world-ecology-hud:is(.is-awake,:has(button:focus-visible)){border-top-color:#a1cbb15c}.world-ecology-hud:is(.is-awake,:has(button:focus-visible)):before,.world-ecology-hud:is(.is-awake,:has(button:focus-visible)) h2,.world-ecology-hud:is(.is-awake,:has(button:focus-visible)) dl{opacity:1}.world-ecology-hud h2{letter-spacing:.08em;color:#c4d8d5;margin:0;font-size:13px;font-weight:500}.world-ecology-title{box-sizing:border-box;width:100%;min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-shadow:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.world-ecology-title:focus-visible{outline-offset:-3px;border-radius:6px;outline:1px solid #b5d5cd}.world-ecology-title{display:block}.world-ecology-heading{align-items:center;gap:8px;min-height:44px;display:flex}.world-ecology-hud header{flex:none}.world-ecology-hud dl{overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#74999780 transparent;gap:4px;min-height:0;margin:0;padding:0 0 7px;display:grid;overflow-y:auto}.world-ecology-hud dl[hidden]{display:none}.world-ecology-hud dl>div{justify-content:space-between;align-items:baseline;gap:9px;display:flex}.world-ecology-hud dt{color:#a8c3bb;white-space:nowrap}.world-ecology-hud dd{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e3ecd6;align-items:baseline;gap:4px;margin:0;font-size:13px;display:flex}.world-ecology-hud dd small{color:#a8c3bb;font-size:10px}.world-ecology-hud dd span{color:#819f99;margin:0 1px}@container game (height<=500px){.world-ecology-hud dl{gap:2px;padding-bottom:4px}.world-ecology-hud dd{font-size:12px}}@media (prefers-reduced-motion:reduce){.world-ecology-hud,.world-ecology-hud:before,.world-ecology-hud h2,.world-ecology-hud dl{transition:none}}@container game (height<=650px){.world-ecology-hud dl{pointer-events:auto}}.world-ecology-hud dl>.ecology-stat{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 6px;display:grid}.ecology-stat-link{max-width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;cursor:pointer;text-underline-offset:3px;touch-action:manipulation;background:0 0;border:0;align-items:center;padding:0;-webkit-text-decoration:underline #a8c3bb70;text-decoration:underline #a8c3bb70;display:inline-flex}.ecology-stat-link:hover,.ecology-stat-link[aria-expanded=true]{color:#dcf1cc;text-decoration-color:currentColor}.ecology-stat-link:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #b5d5cd}.ecology-egg-rate{font:inherit;font-variant-numeric:tabular-nums;margin-left:3px;font-size:11px}.world-ecology-hud dd.ecology-chart-cell{white-space:normal;grid-column:1/-1;min-width:0;margin:0 0 8px;display:block}.ecology-chart{color:#c1d9cb;text-shadow:none;background:#05202be6;border:1px solid #a1cbb12b;border-radius:6px;padding:8px 5px 6px}.ecology-chart-caption{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:2px 5px;font-size:11px;display:flex}.ecology-chart-caption strong{color:#dcecca;font-weight:500}.ecology-chart svg{color:#ccebb5;width:100%;height:auto;display:block;overflow:visible}.ecology-chart svg text{fill:#a8c3bb;font:10px system-ui,sans-serif}.ecology-chart-grid{fill:none;stroke:#a1cbb12b;stroke-width:.7px}.ecology-chart-line{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.ecology-chart-cursor{stroke:#ccebb550;stroke-width:.7px;stroke-dasharray:2 3}.ecology-chart circle{fill:currentColor}.world-ecology-hud .ecology-chart>small{text-align:right;color:#a8c3bb;font-size:10px;display:block}@media (pointer:coarse){.ecology-stat-link{min-height:44px}}.ecology-stat-link{-webkit-tap-highlight-color:transparent}@container game (height<=500px){.nutrition-hud:has(.ecology-chart) .world-ecology-hud{flex:none}.nutrition-hud:has(.ecology-chart) .world-ecology-hud dl{flex:none;overflow:visible}}.world-ecology-heading small{letter-spacing:0;color:#a8c3bb;margin-left:auto;font:10px/1.4 system-ui,sans-serif}.world-ecology-hud dl>.ecology-budget{display:block}.ecology-budget dt{white-space:normal}.ecology-budget-button{color:#dce9e2;text-align:left;width:100%;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:5px 0;display:block}.ecology-budget-button:focus-visible{outline-offset:1px;border-radius:4px;outline:2px solid #b5d5cd}.ecology-budget-line{justify-content:space-between;align-items:center;gap:5px;font-size:12px;display:flex}.ecology-budget-line strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.ecology-budget-line strong small{color:#a8c3bb;font-size:11px;font-weight:400}.ecology-budget-arrow{color:#99b5ac;margin-left:5px;font-size:10px}.ecology-budget-track{background:#a1cbb124;border-radius:4px;height:6px;margin-top:4px;display:block;overflow:hidden}.ecology-budget-track>span{border-radius:inherit;background:var(--budget-color);height:100%;transition:width .2s linear;display:block}.ecology-budget.is-full .ecology-budget-track{outline-offset:1px;outline:1px solid #edd5a066}.ecology-subhistory{margin-top:6px;font-size:11px}.ecology-subhistory summary{cursor:pointer;color:#c1d9cb;align-content:center;min-height:32px;display:list-item}@media (pointer:coarse){.ecology-subhistory summary{min-height:44px}}@media (prefers-reduced-motion:reduce){.ecology-budget-track>span{transition:none}}.ecology-detail-capacity{background:#a4c3b526;border-radius:3px;height:4px;margin:8px 0 12px;display:block;overflow:hidden}.ecology-detail-capacity i{height:100%;display:block}.ecology-series{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0;display:grid}.ecology-series[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ecology-series button{color:#bfd5ca;cursor:pointer;background:#112c32;border:1px solid #8abca330;border-radius:7px;flex-direction:column;gap:4px;min-height:54px;padding:7px;font:12px system-ui;display:flex}.ecology-series button[aria-pressed=true]{color:#edf5df;border-color:#b3e2c5;box-shadow:inset 0 0 0 1px #b3e2c533}.ecology-series strong{font-size:14px;font-weight:500}.ecology-series small{font-size:11px;font-weight:400}.ecology-stat-explanation summary{cursor:pointer;color:#a5bbb1;align-items:center;min-height:44px;font-size:12px;display:flex}.ecology-stat-explanation p{font-size:12px;line-height:1.6}.ecology-chart svg{touch-action:pan-y;width:100%;height:auto}.ecology-chart svg text{font-size:11px}.ecology-chart svg:focus-visible{outline-offset:2px;outline:2px solid #b3e2c5}.ecology-chart-caption{flex-wrap:wrap;gap:4px}.ecology-chart-caption strong{font-size:12px}.day-night-bar{pointer-events:none;width:100%;height:8px;margin:10px 0 12px;position:relative}.day-night-bar-window{background:#163252;border-radius:999px;outline:1px solid #d4e5e23d;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 4px #00131e80}.day-night-bar-ribbon{will-change:transform;background-repeat:repeat-x;background-size:33.3333% 100%;width:300%;position:absolute;inset:0 auto 0 -100%}.day-night-bar-pointer{background:#fff4dc;border-radius:1px;width:2px;height:14px;position:absolute;top:-3px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #00121c}.time-controls{z-index:5;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));box-sizing:border-box;color:#c6dbce;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09232bd9;border:1px solid #b4cbb22b;border-radius:12px;width:260px;padding:10px 10px 8px;font:12px/1.3 system-ui,sans-serif;position:absolute;box-shadow:0 4px 16px #00141b24}.time-controls header{color:#9dbbb2;letter-spacing:.05em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.time-controls output{overflow-wrap:anywhere;letter-spacing:0;font-variant-numeric:tabular-nums;color:#e7dfb5;max-width:100%;margin-left:auto;font-size:11px}.time-controls .day-night-bar{height:6px;margin:10px 0 12px}.time-controls .day-night-bar-pointer{height:12px}.time-controls-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.time-controls button{box-sizing:border-box;color:#acc9bf;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:6px;min-width:0;min-height:44px;padding:3px 0;font:12px/1.2 system-ui,sans-serif}.time-controls button:hover{color:#e3ecdb;background:#accfb415}.time-controls button[aria-pressed=true]{color:#f1e7b9;background:#b8c78d24;border-color:#cdd4a861}.time-controls button:focus-visible{outline-offset:2px;outline:2px solid #eadca2}.time-controls button:disabled{opacity:.4;cursor:default}.time-controls .time-pause{border-right-color:#b4cbb22b;justify-content:center;align-items:center;display:flex}.time-pause>span{font-size:13px}.game-viewport:has(.time-controls) .world-log-hub{top:calc(max(20px,env(safe-area-inset-top)) + 112px);max-height:calc(100% - max(20px,env(safe-area-inset-top)) - 240px)}@container game (width<=600px){.time-controls{top:max(18px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:156px;padding:8px}.time-controls-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.game-viewport:has(.time-controls) .nutrition-heading{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.time-controls .time-pause{grid-row:span 2}.game-viewport:has(.time-controls) .nutrition-hud{width:calc(100% - 200px)}.game-viewport:has(.time-controls) .world-log-hub{top:calc(max(18px,env(safe-area-inset-top)) + 155px);max-height:calc(100% - max(18px,env(safe-area-inset-top)) - 280px)}}@container game (height<=500px) and (width>=601px){.time-controls{top:max(10px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));padding-top:7px}.game-viewport:has(.time-controls) .world-log-hub{max-height:calc(100% - 132px);top:116px}}.game-viewport{-webkit-text-size-adjust:100%;container:game/size}.game-viewport:is([data-layout=portrait],[data-layout=square]) .top-right{display:none}.game-viewport .world-log-history{max-height:27cqh}@container game (width<=600px){.game-viewport .world-log-history{max-height:23cqh}}@container game (height<=500px){.game-viewport .world-log-history{max-height:23cqh}}@container game (width<=360px){.game-viewport .nutrition-hud{max-width:calc(100% - 120px)}}.game-viewport{--ui-ink:#082732;--ui-jade:#bbe6ce;--ui-outline:#718f8470}.game-viewport .nutrition-hud{box-sizing:border-box;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));border:1px solid var(--ui-outline);background:#0a222cdb;border-radius:14px;width:226px;padding:10px 12px}.nutrition-hud:before{display:none}.nutrition-hud .growth-primary{flex-direction:column;height:auto;display:flex}.nutrition-hud .growth-summary{order:-1;height:auto;min-height:36px}.nutrition-hud .growth-meters{height:auto;min-height:52px}.time-controls[data-compact=true]{border-color:var(--ui-outline);background:#0a222cdb;width:210px;padding:10px 12px}.time-controls[data-compact=true] .day-night-bar{margin:10px 0 6px}.game-viewport:has(.time-controls) .world-log-hub{top:calc(max(20px,env(safe-area-inset-top)) + 68px);right:max(20px,env(safe-area-inset-right));max-height:calc(100% - max(20px,env(safe-area-inset-top)) - 136px);width:min(340px,100% - 32px)}.world-log-trigger{border:1px solid var(--ui-outline);color:#c8e1d4;background:#0a222ce8;border-radius:22px;justify-content:center;align-items:center;gap:6px;width:70px;min-height:44px;padding:6px 10px;display:flex}.world-log-trigger>span:first-child{width:18px;height:18px;font-size:12px;line-height:18px}.world-log-trigger>.world-log-trigger-label{width:auto;height:auto;box-shadow:none;background:0 0;border:0;font:12px/1.4 system-ui,sans-serif;display:inline}.world-ecology-hud{z-index:24;top:calc(max(20px,env(safe-area-inset-top)) + 68px);right:calc(max(20px,env(safe-area-inset-right)) + 78px);background:0 0;border:0;width:104px;min-height:44px;margin:0;position:absolute;overflow:visible}.world-ecology-hud:before{display:none}.world-ecology-hud h2,.world-ecology-hud dl{opacity:1}.world-ecology-title{border:1px solid var(--ui-outline);color:#c8e1d4;letter-spacing:0;background:#0a222ce8;border-radius:22px;flex-direction:column;justify-content:center;gap:0;min-height:44px;padding:4px 6px;font:12px/1.4 system-ui,sans-serif;display:flex}.world-ecology-heading{min-height:0}.world-ecology-summary{white-space:nowrap;color:#a8c3bb;letter-spacing:0;align-items:baseline;gap:4px;font:11px/1.3 system-ui,sans-serif;display:flex}.world-ecology-summary strong{color:#e3ecd6;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.world-ecology-title[aria-expanded=true],.world-log-trigger[aria-expanded=true]{border-color:var(--ui-jade);background:#183e42}.world-ecology-hud[data-open=true]{z-index:25}.ecology-drawer{box-sizing:border-box;width:min(340px,100cqw - 32px);max-height:calc(100cqh - max(20px,env(safe-area-inset-top)) - 136px);overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--ui-outline);pointer-events:auto;background:#0a222cf5;border-radius:14px;padding:14px 16px;position:absolute;top:52px;right:-78px;overflow:auto;box-shadow:0 14px 40px #00131d55}.ecology-drawer[hidden]{display:none}.ecology-drawer-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.ecology-drawer-heading strong{font:500 18px/1.5 Songti SC,serif}.ecology-drawer>p{color:#9bb8ad;font-size:12px}.world-ecology-hud .ecology-drawer dl{max-height:none;overflow:visible}.sea-map-open{right:calc(max(20px,env(safe-area-inset-right)) + 190px);top:calc(max(20px,env(safe-area-inset-top)) + 68px);border-color:var(--ui-outline);color:#c8e1d4;background:#0a222ce8;min-height:44px;padding:6px 14px;font-size:12px}.card-hand{--hand-card-width:118.8px;--hand-gap:9px;--status-width:260px;left:max(20px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));max-width:calc(100% - 32px)}.card-hand-fit{height:189.2px}.hand-card,.empty-card{border-radius:12px;height:178.2px}.hand-card{background:#0a222c;border-color:#718f8490;padding:0;display:block;position:relative;box-shadow:0 4px 14px #00141b40}.hand-card:hover{box-shadow:none;border-color:#9dbcae;transform:none}.hand-card[aria-pressed=true]{border-color:#d0f4db;transform:none;box-shadow:0 0 0 1px #bbe6ce,0 0 12px #bbe6ce35}.hand-card:focus-visible{outline-offset:2px;outline:2px solid #bbe6ce}.hand-card[data-unavailable=true] .card-art{filter:saturate(.35);opacity:.7}.hand-card[data-unavailable=true] .card-face-cost{color:#b3c6c0;border-color:#71847e}.hand-card[data-held=true]{opacity:1;box-shadow:none;background:#0a222c66;border-style:dashed}.hand-card[data-held=true]>.card-face{opacity:0}.hand-card[data-held=true]:after{content:"拖出中";color:#8ba89e;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.card-hand[data-planting=true] .card-hand-scroll{opacity:1;pointer-events:auto}.card-drag-ghost{width:96px;height:144px}.card-play-confirmation .card-confirmed-face{padding:0}.card-receipt-label{text-align:center;background:#0a222ce8;position:absolute;inset:auto 0 5px}.card-recycle-zone{visibility:hidden;opacity:0;pointer-events:none;background:#0a222cee}.card-recycle-zone[data-dragging=true]{visibility:visible;opacity:1;pointer-events:auto}.inspection-ability-icon>.card-art{object-fit:cover;border-radius:inherit;width:100%;height:100%}.growth-choice-dialog:not(.card-modal) .growth-choice-panel,.deck-preview-panel,.visitor-trade-panel{background:#0a222cf7;border-color:#718f8470;box-shadow:0 24px 80px #0005}.growth-choice-dialog:not(.card-modal) h1,.deck-preview-heading h1{font-family:Songti SC,Noto Serif CJK SC,serif;font-weight:500}.growth-choice-dialog:not(.card-modal) button:focus-visible,.deck-preview-dialog button:focus-visible,.visitor-trade-dialog button:focus-visible{outline-color:#bbe6ce}.growth-reward-card[aria-pressed=true],.growth-form-card[aria-pressed=true],.deck-preview-dialog button[aria-pressed=true],.visitor-trade-dialog button[aria-pressed=true]{border-color:#c8efd6;transform:none;box-shadow:0 0 0 1px #bbe6ce,0 0 12px #bbe6ce26}.growth-choice-steps [aria-current=step],.growth-card-count b,.growth-form-copy b,.deck-tabs b,.deck-description small,.visitor-trade-footer b{color:#bbe6ce}.growth-choice-dialog:not(.card-modal) .growth-choice-confirm,.visitor-trade-footer .growth-choice-confirm{color:#12342e;background:#bbe6ce;border-color:#bbe6ce}.growth-choice-dialog:not(.card-modal) .growth-choice-confirm:disabled,.visitor-trade-footer .growth-choice-confirm:disabled{color:#82998e;background:#233c3d;border-color:#49605a}.growth-card-options{grid-template-columns:repeat(2,minmax(0,220px));gap:24px}.growth-reward-card{background:#102e36;flex-direction:column;padding:0;display:flex}.growth-reward-card>.card-face{border-radius:11px 11px 0 0;flex:none}.growth-card-count{border-color:#718f8450;gap:6px;width:100%;margin:0;padding:10px 12px;font-size:12px}.growth-form-card{background:radial-gradient(at 50% 30%,#28545b,#102c36 70%)}.growth-form-copy{padding:16px}.deck-preview-panel{height:min(680px,100%)}.deck-album{grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);align-items:start;gap:28px;min-height:0;display:grid}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px;min-width:0;display:grid}.deck-tile{min-width:0}.deck-preview-dialog .deck-card{background:#0b2832;border-radius:12px;width:100%;padding:0;display:flex;overflow:hidden}.growth-reward-card>.card-face,.deck-card>.card-face,.visitor-trade-cards button>.card-face{height:auto;padding-top:0;display:grid}:is(.growth-reward-card,.deck-card,.visitor-trade-cards button)>.card-face:before{content:"";aspect-ratio:2/3;pointer-events:none;grid-area:1/1}:is(.growth-reward-card,.deck-card,.visitor-trade-cards button)>.card-face>.card-face-copy{grid-area:1/1;align-self:end;margin-top:52px}:is(.deck-card,.visitor-trade-cards button)>.card-face>.card-face-copy{margin-top:40px}.deck-card-meta{color:#aac5b7;justify-content:center;gap:4px;padding:6px 2px;font-size:12px;display:flex}.deck-card .card-face-description{word-break:normal}.deck-detail{min-width:0;padding:8px 0;display:block;position:sticky;top:0}.deck-description h2{font-family:Songti SC,serif}.deck-description p{font-size:14px}.deck-guide{color:#bbd0c8}.deck-guide strong{color:#e8d196;font-weight:600}.deck-guide p{white-space:normal;text-wrap:pretty;margin:0 0 16px}.deck-guide p:last-child{margin-bottom:0}.deck-trade-mark{color:#bbe6ce}.visitor-trade-panel{width:min(1100px,100%)}.visitor-trade-scroll{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:start;gap:14px;display:grid}.visitor-trade-row{min-width:0;padding:4px 0;display:block}.visitor-trade-row h2{margin:0 0 14px;font:500 22px/1.4 Songti SC,serif}.visitor-trade-row h2 small{margin-top:5px;font:12px/1.5 system-ui,sans-serif}.visitor-trade-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.trade-card-item{min-width:0}.visitor-trade-cards button{border-radius:12px;width:100%;padding:0;display:flex;overflow:hidden}.visitor-trade-cards .card-face-heading>strong{font-size:15px;font-weight:500}.trade-card-zone{flex-direction:column;align-items:center;gap:3px;margin:7px 0 0;font-size:11px;line-height:1.5;display:flex}.trade-card-zone b{color:#bbe6ce;font-weight:400}.trade-direction{text-align:center;color:#91b4a5;align-self:center;font-size:24px}.visitor-trade-footer{border-top:1px solid #718f8450;padding-top:12px}.visitor-trade-footer>.trade-selection-summary{margin:0;font-size:13px;display:block}.trade-selection-summary p{overflow-wrap:anywhere}.visitor-trade-footer>.trade-actions{gap:12px;margin:12px 0;display:flex}.trade-actions button{min-width:0}@container game (width<=600px){.game-viewport:has(.time-controls) .nutrition-hud{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:calc(100% - 188px);min-width:122px;padding:8px}.time-controls[data-compact=true]{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:150px;padding:8px}.game-viewport:has(.time-controls) .world-log-hub{top:146px;right:max(14px,env(safe-area-inset-right));max-height:calc(100% - 214px)}.world-ecology-hud{top:146px;right:calc(max(14px,env(safe-area-inset-right)) + 78px)}.ecology-drawer{width:calc(100cqw - 28px);max-width:340px;max-height:calc(100cqh - 214px)}.sea-map-open{top:146px;right:calc(max(14px,env(safe-area-inset-right)) + 190px)}.card-hand{--hand-gap:7px;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 24px)}}@container game (height<=500px) and (width>=601px){.game-viewport .nutrition-hud,.time-controls[data-compact=true]{top:max(10px,env(safe-area-inset-top))}.world-ecology-hud,.sea-map-open{top:78px}.game-viewport:has(.time-controls) .world-log-hub{top:78px}.ecology-drawer{max-height:calc(100cqh - 142px)}.game-viewport:has(.time-controls) .world-log-hub{max-height:calc(100cqh - 142px)}.card-hand{bottom:max(8px,env(safe-area-inset-bottom))}}@container card-modal (width<=800px){.visitor-trade-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-trade-scroll{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}.deck-album{grid-template-columns:minmax(0,1.2fr) minmax(190px,1fr);gap:18px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}}@container card-modal (width<=600px){.deck-album{flex-direction:column;gap:14px;display:flex}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.deck-detail{width:100%;position:static}.visitor-trade-panel{gap:10px;padding:12px}.visitor-trade-row h2{margin-bottom:10px;font-size:19px}.visitor-trade-row h2 small{margin-left:0;font-size:11px;display:block}.visitor-trade-cards{grid-template-columns:minmax(0,1fr)}.visitor-trade-scroll{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:6px}.trade-direction{font-size:18px}.visitor-trade-footer>.trade-actions{gap:8px;margin:8px 0}}@container growth-choice (width<=600px){.growth-card-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-reward-card{display:flex}.growth-reward-card .card-face-copy{gap:5px;padding:10px}.growth-reward-card .card-face-heading{flex-wrap:wrap}.growth-reward-card .card-face-heading>strong{font-size:19px}.growth-reward-card .card-face-description{font-size:12px;line-height:1.55}.growth-card-count{padding:8px;font-size:11px}}@container growth-choice (height<=450px){.growth-card-options{grid-template-columns:repeat(2,minmax(0,160px));gap:16px}.growth-reward-card{display:flex}.growth-reward-card .card-face-copy{gap:5px;padding:10px}.growth-reward-card .card-face-heading>strong{font-size:18px}.growth-reward-card .card-face-description{font-size:12px}}.game-viewport:has(.long-night-presentation) .world-ecology-hud{visibility:hidden;opacity:0;pointer-events:none}@container growth-choice (height<=450px) and (width>=601px){.growth-choice-dialog:not(.card-modal) .growth-choice-panel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:190px minmax(0,1fr);gap:12px 20px;min-width:0;height:100%;display:grid}.growth-choice-heading{text-align:left;grid-area:1/1}.growth-choice-heading h1{font-size:23px;line-height:1.6}.growth-choice-level{margin:8px 0;display:block}.growth-choice-subtitle{line-height:1.6;display:block}.growth-choice-scroll{grid-area:1/2/span 2;min-width:0}.growth-card-options{grid-template-columns:repeat(2,minmax(0,140px));gap:16px}.growth-card-count{flex-wrap:wrap;padding:7px;font-size:11px}.growth-choice-footer{flex-direction:column;grid-area:2/1;align-self:end;gap:8px;display:flex}.growth-choice-footer .growth-choice-confirm{width:100%;min-width:0;padding:8px;font-size:13px}.growth-choice-footer .growth-choice-skip{margin:0}.growth-deck{margin-top:10px}.growth-form-options{gap:10px}.growth-form-card{min-width:0;display:block}.growth-form-card img{height:110px}.growth-form-copy{padding:10px}.growth-choice-dialog:not(.card-modal) .growth-choice-footer{flex-direction:column;align-items:stretch;gap:8px;display:flex}.growth-choice-heading h1{text-wrap:balance}}.ocean-app:has(.card-hand) .viewport-map{top:auto;bottom:max(18px,env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}.game-viewport:has(.card-hand[data-dragging=true]) .viewport-map{opacity:0;pointer-events:none}.game-viewport:has(.time-controls) .world-log-hub{width:clamp(280px,25cqw,320px);max-width:calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)));max-height:calc(100% - max(20px,env(safe-area-inset-top)) - 136px)}.world-log{background:#102b34f5;border-color:#486b61;border-radius:12px}.world-log-notice{background:#102b34f5}.ecology-back{color:#bbe6ce;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font:12px system-ui}.ecology-detail h3{color:#e1ede3;outline-offset:4px;margin:6px 0;font-size:15px;font-weight:500;line-height:1.6}.ecology-detail p{color:#aac4b8;font:12px/1.6 system-ui}.ecology-stat-link{min-height:44px}@container game (width<=600px){.game-viewport:has(.time-controls) .world-log-hub{right:max(16px,env(safe-area-inset-right));max-height:calc(100% - 214px)}}@container game (height<=500px) and (width>=601px){.game-viewport:has(.time-controls) .world-log-hub{max-height:calc(100% - 110px)}}.game-viewport{overflow:clip}.nutrition-hud .growth-summary{min-height:22px}.nutrition-hud .growth-meters{min-height:0}.nutrition-hud .growth-status-line:empty{display:none}.nutrition-hud .body-meter{grid-template-columns:24px minmax(0,1fr) 40px;gap:8px;height:20px;max-height:20px;margin:3px 0 0;transition:opacity .5s,max-height .5s,margin .5s,visibility;overflow:hidden}.nutrition-hud .body-meter[data-visible=false]{opacity:0;visibility:hidden;height:auto;max-height:0;margin:0;transition:opacity .5s,max-height .5s,margin .5s,visibility 0s .5s}.nutrition-hud .body-status{white-space:nowrap;font-size:11px;line-height:20px}.nutrition-hud .body-percent{white-space:nowrap;font-size:11px}.nutrition-hud .body-meter[data-critical=true]{color:#ffc1b0}.nutrition-hud .repair-flow{display:none}@media (prefers-reduced-motion:reduce){.nutrition-hud .body-meter,.nutrition-hud .body-meter[data-visible=false]{transition:none}}.nutrition-hud .growth-primary{min-height:0}.game-viewport:has(.scene-inspector) .viewport-map{opacity:0;pointer-events:none}@container game (width<=600px){.game-viewport:has(.scene-inspector) .world-log-notice{visibility:hidden}}.nutrition-hud .growth-primary:has(.growth-upgrade,.growth-evolving){min-height:102px}.nutrition-hud .growth-primary:has(.level-up-notice){min-height:94px}.world-log-hub:has(.world-log:not([hidden]))~.world-ecology-hud[data-open=true] .ecology-drawer{right:calc(clamp(280px,25cqw,320px) - 66px)}@container game (width<=720px){.game-viewport:has(.world-ecology-hud[data-open=true]) .world-log:not([hidden]){max-height:clamp(112px,50cqh - 150px,260px)}.world-log-hub:has(.world-log:not([hidden]))~.world-ecology-hud[data-open=true] .ecology-drawer{right:-78px;top:var(--companion-offset,52px);max-height:clamp(112px,50cqh - 150px,260px)}}.time-controls[data-compact=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(155deg,#18343a,#102a32);border:1px solid #3b5955;border-top-color:#526c62;border-radius:13px;width:232px;padding:12px 10px 7px;box-shadow:0 6px 20px #00151d1c}.time-controls-sr{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.time-controls .time-dayline{align-items:center;gap:9px;height:19px;margin:0 5px 7px;display:flex}.time-dayline>svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;color:#93ada6;flex:none;width:13px;height:13px}.time-dayline>.time-sun{color:#d8ca9b}.time-controls[data-compact=true] .day-night-bar{flex:1;min-width:0;height:4px;margin:0}.time-controls .day-night-bar-window{box-shadow:none;outline:0}.time-controls .day-night-bar-ribbon{filter:saturate(.45)brightness(.87)}.time-controls .day-night-bar-pointer{background:#e5ead8;border-radius:50%;width:7px;height:7px;top:-1.5px;box-shadow:0 0 0 3px #e5ead814}.time-controls .time-controls-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.time-controls .time-controls-buttons button{color:#93ada6;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font:500 13px/1.4 system-ui,sans-serif;display:flex;position:relative}.time-controls .time-controls-buttons button small{opacity:.68;margin-left:2px;font-size:11px;font-weight:400}.time-controls .time-controls-buttons button:hover:not(:disabled){color:#e5ead8;background:#294a4480}.time-controls .time-rate>span{font-size:22px;line-height:1}.time-current-speed{white-space:nowrap;color:#e5dfbd;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:2px;min-width:0;font:500 14px/1.4 system-ui,sans-serif;display:flex}.time-current-speed small{opacity:.75;font-size:11px}.time-controls .time-controls-buttons .time-pause{grid-row:auto}.time-play-face{color:#d8ca9b;background:#3b4b3c;border-radius:8px;justify-content:center;align-items:center;width:38px;height:32px;display:flex;box-shadow:inset 0 1px #d8ca9b29}.time-play-face svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.time-play-face .time-play-triangle{fill:currentColor;stroke-width:1px}:is(.game-viewport:has(.time-controls) .world-log-hub,.game-viewport:has(.time-controls) .world-ecology-hud,.game-viewport:has(.time-controls) .sea-map-open){top:var(--playback-tools-top,120px)}.game-viewport:has(.time-controls) .world-log-hub{max-height:calc(var(--playback-drawer-room,400px) + 52px)}.game-viewport:has(.time-controls) .ecology-drawer{max-height:var(--playback-drawer-room,400px)}@container game (width<=600px){.time-controls[data-compact=true]{width:210px;padding:10px 8px 5px}.time-controls .time-controls-buttons{gap:2px}.game-viewport:has(.time-controls) .nutrition-hud{width:calc(100% - 252px)}}@container game (width<=379px){.time-controls[data-compact=true]{top:var(--playback-stacked-top,118px)}.game-viewport:has(.time-controls) .nutrition-hud{width:calc(100% - 28px)}}@container game (width<=720px){.game-viewport:has(.time-controls):has(.world-ecology-hud[data-open=true]) .world-log:not([hidden]){max-height:clamp(96px,calc((var(--playback-drawer-room,300px) - 80px)/2),260px)}.game-viewport:has(.time-controls) .world-log-hub:has(.world-log:not([hidden]))~.world-ecology-hud[data-open=true] .ecology-drawer{max-height:clamp(96px,calc((var(--playback-drawer-room,300px) - 80px)/2),260px)}}.collection-dialog{color:#e7e9d4;background:radial-gradient(at 75% 0,#1d454d 0,#0000 60%),#061a26;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;font-family:Songti SC,Noto Serif CJK SC,serif;position:fixed;inset:0;overflow:hidden}.collection-dialog::backdrop{background:#061a26}.collection-card{cursor:help;touch-action:pan-y}.collection-card:hover,.collection-card:focus-visible{border-color:#d4cc998c}.collection-tooltip{z-index:10;box-sizing:border-box;color:#d8e2d8;overscroll-behavior:contain;background:linear-gradient(145deg,#1a3942fa,#081f2bfc);border:1px solid #bbcea76b;border-radius:10px;width:min(296px,100vw - 24px);max-height:calc(100dvh - 24px);padding:18px 20px;font:14px/1.75 system-ui,sans-serif;position:fixed;overflow:auto;box-shadow:0 12px 40px #0008}.collection-tooltip-label{color:#92b5b0;letter-spacing:.18em;margin-bottom:5px;font-size:10px;display:block}.collection-tooltip strong{color:#eee0b7;letter-spacing:.06em;font:500 19px/1.5 Songti SC,serif;display:block}.collection-tooltip p{margin:10px 0 0}.collection-tooltip-fact{color:#d3c597;border-top:1px solid #bbcea72b;margin-top:12px;padding-top:10px;font-size:12px}.collection-shell{box-sizing:border-box;max-width:1260px;height:100%;padding:max(32px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));flex-direction:column;gap:22px;margin:auto;display:flex}.collection-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.collection-eyebrow{letter-spacing:.24em;color:#93b8b6;font:10px system-ui,sans-serif}.collection-header h2{letter-spacing:.13em;margin:10px 0;font-size:36px;font-weight:500}.collection-header p{color:#9db7b6;margin:0;font-size:13px}.collection-dialog button{font:inherit;cursor:pointer;color:inherit;min-height:44px}.collection-close{background:#ffffff06;border:1px solid #8cacaa55;border-radius:6px;padding:0 14px}.collection-close span{margin-left:14px;font:24px system-ui}.collection-dialog :focus-visible{outline-offset:3px;outline:2px solid #e4d99e}.collection-tabs{border-bottom:1px solid #95b8b52b;flex-shrink:0;align-items:center;gap:30px;display:flex}.collection-tabs button{color:#829e9f;background:0 0;border:0;align-items:center;gap:8px;padding:5px 0 16px;display:flex;position:relative}.collection-tabs button[aria-pressed=true]{color:#eddfac}.collection-tabs button[aria-pressed=true]:after{content:"";background:#eddfac;height:2px;position:absolute;bottom:-1px;left:0;right:0}.collection-tabs small{letter-spacing:.12em;font:9px system-ui}.collection-progress{color:#9db7b6;margin-left:auto;font:12px system-ui}.collection-progress b{color:#eddfac;font-weight:500}.collection-scroll{overscroll-behavior:contain;scrollbar-color:#537775 transparent;flex:1;min-height:0;padding:4px 8px 16px 4px;overflow:auto}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:22px 18px;display:grid}.collection-card{color:#aedbcc;background:linear-gradient(150deg,#20434a,#0b2631);border:1px solid #a1c5b94a;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0003}.collection-picture{aspect-ratio:3/4;background:radial-gradient(#4c777044,#0000 70%);place-items:center;display:grid;position:relative;overflow:hidden}.collection-picture>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.collection-illustration{filter:drop-shadow(0 0 14px #a2e9d136);width:94%;height:94%}.collection-card[data-group=events]{color:#d8c39b;background:linear-gradient(145deg,#354b50,#0d2133)}.collection-card footer{background:#061b2799;border-top:1px solid #bed0b822;align-items:center;gap:8px;min-height:50px;padding:0 12px;display:flex}.collection-card h3{letter-spacing:.04em;color:#e1e3ce;margin:0;font-size:15px;font-weight:500}.collection-number{color:#89a3a1;font:10px system-ui}.collection-mark{color:#b8c9a9;margin-left:auto}.collection-card[data-locked=true]{--atlas-eye:#030b12;background:linear-gradient(145deg,#16333d,#102631);border-color:#59767540}.collection-card[data-locked=true] .collection-illustration{color:#030b12;filter:drop-shadow(0 1px 1px #718c8866)}.collection-card[data-locked=true] .card-art{filter:brightness(.045)saturate(0);opacity:.85}.collection-card[data-locked=true] h3{color:#8b9f9f}.collection-unknown{color:#738887;font-size:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-footer{color:#7f9b9e;flex-shrink:0;justify-content:space-between;gap:12px;font:11px system-ui;display:flex}.start-screen-collection{z-index:5;right:max(28px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));color:#e4e9cf;letter-spacing:.14em;cursor:pointer;background:#0b2835b3;border:1px solid #d1e2ca66;border-radius:5px;min-height:44px;padding:10px 20px;font:15px Songti SC,serif;position:absolute}.start-screen-collection:focus-visible{outline-offset:4px;outline:2px solid #eddfac}@media (width<=600px){.collection-shell{padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:16px}.collection-header h2{font-size:28px}.collection-eyebrow{letter-spacing:.16em;font-size:8px}.collection-header p{font-size:12px}.collection-tabs{gap:22px}.collection-tabs small{display:none}.collection-progress{font-size:11px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.collection-card footer{gap:6px;padding:0 9px}.collection-card h3{font-size:14px}.collection-footer{font-size:10px}.collection-footer span:last-child{white-space:nowrap}.start-screen-collection{right:16px;bottom:max(18px,env(safe-area-inset-bottom));padding:8px 16px}}@media (height<=500px) and (width>=601px){.collection-shell{padding-top:max(12px,env(safe-area-inset-top));gap:10px}.collection-header h2{margin:3px 0;font-size:23px}.collection-header p,.collection-eyebrow{display:none}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}.collection-tabs button{padding-bottom:8px}.collection-footer{display:none}}.collection-footer{align-items:center}.collection-debug{background:#a9c9b608;border:1px dashed #9bb9ac77;border-radius:5px;padding:6px 14px;color:#c6d5be!important;font:12px system-ui!important}.collection-debug:disabled{opacity:.55;cursor:default}@media (height<=500px) and (width>=601px){.collection-footer{display:flex}.collection-shell{gap:8px}}@media (width<=600px){.collection-tabs{flex-wrap:wrap;gap:0 12px}.collection-tabs button{white-space:nowrap;min-width:44px}.collection-progress{white-space:nowrap;font-size:10px}.collection-tabs small{display:none}}.start-screen{isolation:isolate;color:#f5edcf;-webkit-user-select:none;user-select:none;background:#082831;width:100%;height:100%;font-family:Songti SC,Noto Serif CJK SC,Source Han Serif SC,SimSun,serif;position:relative;overflow:hidden}.start-screen-art,.start-screen-shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.start-screen-art{object-fit:cover;object-position:center}.start-screen-drift,.cover-atmosphere{pointer-events:none;position:absolute;inset:0}.start-screen-drift{animation:20s ease-in-out infinite cover-drift}.cover-atmosphere{transition:opacity .5s;overflow:hidden}.cover-rays{opacity:var(--cover-ray-strength,.4);filter:blur(16px);position:absolute;inset:0}.cover-rays i{transform-origin:50% 0;background:linear-gradient(90deg,#0000,#c9ebd51a 20%,#d9efcc52 48%,#c9ebd526 72%,#0000);width:32%;height:118%;animation:12s ease-in-out -3s infinite cover-ray-sway;position:absolute;top:-14%;left:8%;-webkit-mask-image:linear-gradient(#000 5%,#000c 30%,#0004 65%,#0000 94%);mask-image:linear-gradient(#000 5%,#000c 30%,#0004 65%,#0000 94%)}.cover-rays i:nth-child(2){width:24%;height:108%;animation-duration:16s;animation-direction:reverse;animation-delay:-8s;left:27%}.cover-rays i:nth-child(3){width:38%;animation-duration:21s;animation-delay:-14s;left:43%}.cover-water-glow{background:radial-gradient(at 34% 3%,#d0f2cf26,#0000 58%);animation:16s ease-in-out -4s infinite cover-water-breathe;position:absolute;inset:-12%}.cover-motes{position:absolute;inset:0}.cover-motes i{width:var(--mote-size);height:var(--mote-size);opacity:0;animation:cover-mote-rise var(--mote-duration) var(--mote-delay) linear infinite;background:radial-gradient(circle,#f0f6d9 15%,#d9edccb3 42%,#c9eac100 75%);border-radius:50%;position:absolute;box-shadow:0 0 9px 2px #c9eac166}.cover-motes i:nth-child(5n){background:radial-gradient(circle,#fff2c6 15%,#e8dba4b3 42%,#ead79500 75%);box-shadow:0 0 16px 3px #ead79566}@keyframes cover-drift{0%,to{transform:scale(1.025)translate(-.25%,.2%)}50%{transform:scale(1.045)translate(.25%,-.3%)}}@keyframes cover-ray-sway{0%,to{opacity:.35;transform:translate(-12vw)rotate(-32deg)scaleX(.85)}50%{opacity:.9;transform:translate(16vw)rotate(-2deg)scaleX(1.12)}}@keyframes cover-water-breathe{0%,to{opacity:.035;transform:translate(-4%,-2%)scale(1)}50%{opacity:.085;transform:translate(5%,3%)scale(1.12)}}@keyframes cover-mote-rise{0%{opacity:0;transform:translateY(65px)}15%{opacity:.85}65%{opacity:.65}to{opacity:0;transform:translate3d(var(--mote-drift), calc(-1 * var(--mote-rise)), 0)}}.game-entry:not([data-phase=cover]) :is(.start-screen-drift,.cover-atmosphere *){animation-play-state:paused}.game-entry:not([data-phase=cover]) .cover-atmosphere{opacity:0}@media (width<=600px){.cover-motes i:nth-child(n+73){display:none}.cover-rays{opacity:calc(.85 * var(--cover-ray-strength,.4));filter:blur(12px)}}@media (prefers-reduced-motion:reduce){.start-screen-drift,.cover-atmosphere *{animation:none}.cover-atmosphere{transition:none;display:none}}.start-screen-shade{background:linear-gradient(90deg,#031a2212,#0000 58%)}.start-screen-brand{top:28%;left:max(env(safe-area-inset-left,0px), 10%);text-align:center;pointer-events:none;width:42%;position:absolute}.start-screen-brand h1{letter-spacing:.075em;white-space:nowrap;text-shadow:0 2px 24px #d9c17c12;margin:0;font-size:clamp(44px,min(7.1vw,13vh),136px);font-weight:400;line-height:1.3}.start-screen-brand p{letter-spacing:.52em;color:#e7e8d6;margin:1.1em 0 0;padding-left:.52em;font-family:Times New Roman,serif;font-size:clamp(10px,1.22vw,23px)}.start-screen-enter{color:#c7b98c;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.start-screen-enter span{letter-spacing:.28em;white-space:nowrap;place-items:center;min-height:48px;padding:8px 14px;font-size:clamp(15px,1.38vw,24px);font-weight:400;transition:color .2s;display:grid;position:absolute;top:69%;left:31%;transform:translate(-50%,-50%)}.start-screen-enter:focus-visible{outline:none}.start-screen-enter:focus-visible span{outline-offset:5px;color:#f5edcf;border-radius:3px;outline:1px solid #daceaa}@media (hover:hover){.start-screen-enter:hover span{color:#e2d3a6}}@media (aspect-ratio<=1){.start-screen-art{object-position:76% center}.start-screen-shade{background:linear-gradient(#041b2be6,#041b2b75 27%,#0000 44%,#041b2b22 64%,#041b2bc9 100%)}.start-screen-brand{left:max(6%, env(safe-area-inset-left,0px));right:max(6%, env(safe-area-inset-right,0px));width:auto;top:max(9%, calc(env(safe-area-inset-top,0px) + 24px))}.start-screen-brand h1{font-size:clamp(42px,12vw,90px)}.start-screen-brand p{letter-spacing:.4em;font-size:clamp(10px,2.8vw,16px)}.start-screen-enter span{top:auto;left:50%;bottom:max(9%, calc(env(safe-area-inset-bottom,0px) + 20px));font-size:clamp(15px,3.8vw,19px);transform:translate(-50%)}}@media (aspect-ratio<=3/4){.start-screen-art{object-fit:contain;width:190%;max-width:none;height:auto;top:24%;left:-86%;-webkit-mask-image:linear-gradient(#0000,#000 14% 85%,#0000);mask-image:linear-gradient(#0000,#000 14% 85%,#0000)}}@media (prefers-reduced-motion:reduce){.start-screen-enter span{transition:none}}.game-entry,.entry-game{width:100%;height:100%;position:relative;overflow:hidden}.game-entry{background:#082831}.game-entry[data-phase=cover] .start-screen-enter span{animation:3.6s ease-in-out infinite entry-breathe}.game-entry[data-phase=cover] .start-screen-enter:focus-visible span{opacity:1;animation:none}@keyframes entry-breathe{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion:reduce){.game-entry[data-phase=cover] .start-screen-enter span{animation:none}}.game-entry>.start-screen{z-index:100;position:absolute;inset:0}.game-entry:not([data-phase=cover]) .start-screen-enter{cursor:default}.game-entry[data-phase=departing] .start-screen-art{animation:.65s ease-in-out both entry-art-out}.game-entry[data-phase=departing] .start-screen-shade{animation:.5s .15s both entry-fade-out}.game-entry[data-phase=departing] .start-screen-brand{animation:.4s .15s both entry-fade-out}.game-entry[data-phase=departing] .start-screen-enter span{animation:.3s both entry-acknowledge}.game-entry:is([data-phase=waiting],[data-phase=revealing]) .start-screen :is(.start-screen-art,.start-screen-shade,.start-screen-brand,.start-screen-enter){opacity:0}.game-entry[data-phase=revealing]>.start-screen{animation:.65s cubic-bezier(.22,.61,.36,1) both entry-fade-out}.game-entry[data-bypass=false] .ocean-canvas{transition:none}.game-entry:is([data-phase=departing],[data-phase=waiting]) .entry-game .game-viewport>:not(.ocean-canvas):not(.frame-shade),.game-entry:is([data-phase=departing],[data-phase=waiting]) .entry-game .ocean-app>:not(.game-viewport){opacity:0!important}.game-entry[data-phase=revealing] .entry-game .game-viewport>:not(.ocean-canvas):not(.frame-shade),.game-entry[data-phase=revealing] .entry-game .ocean-app>:not(.game-viewport){animation:.3s .35s both entry-ui-in}.entry-loading{color:#a9c5bc;letter-spacing:.3em;place-content:center;font-size:13px;animation:.45s .8s both entry-ui-in;display:grid;position:absolute;inset:0}.entry-loading span{display:contents}@keyframes entry-art-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}@keyframes entry-fade-out{0%{opacity:1}to{opacity:0}}@keyframes entry-acknowledge{0%{opacity:1}35%{opacity:1;color:#f5edcf}to{opacity:0}}@keyframes entry-ui-in{0%{opacity:0}to{opacity:1}}.game-entry[data-reduced-motion=true][data-phase=departing] .start-screen :is(.start-screen-art,.start-screen-shade,.start-screen-brand,.start-screen-enter span){animation:.1s both entry-fade-out}.game-entry[data-reduced-motion=true][data-phase=revealing]>.start-screen{animation-duration:.15s}.game-entry[data-reduced-motion=true][data-phase=revealing] .entry-game .game-viewport>:not(.ocean-canvas):not(.frame-shade),.game-entry[data-reduced-motion=true][data-phase=revealing] .entry-game .ocean-app>:not(.game-viewport){animation-duration:.1s;animation-delay:50ms}.start-screen:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(at 48% 20%,#9ad9c315,#0000 58%),radial-gradient(circle at 38% 39%,#bbddce42 0 1px,#0000 2px),radial-gradient(circle at 64% 57%,#bbddce26 0 1px,#0000 2px);position:absolute;inset:0}.game-entry[data-phase=departing] .start-screen:after{animation:.3s .35s both entry-ui-in}.game-entry:is([data-phase=waiting],[data-phase=revealing]) .start-screen:after{opacity:1}.game-entry[data-reduced-motion=true][data-phase=departing] .start-screen:after{animation-duration:.1s;animation-delay:0s}