:root{font:12px "Segoe UI",Arial,sans-serif;color:#d4e6e7;background:#0a202b;--line:#294650;--muted:#7e9ea9;--mint:#92d8c8;--gold:#e6c48d}*{box-sizing:border-box}html,body{margin:0;height:100%;min-width:260px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:3px}button:disabled{cursor:default;opacity:.4}button:hover:not(:disabled){filter:brightness(1.15)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c0f0e1;outline-offset:2px}[hidden]{display:none!important}h1,h2,p{margin:0}canvas{image-rendering:pixelated}.muted{color:var(--muted);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.top{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #ffffff0b;flex-shrink:0}.brand{color:#c6eeee;font-size:13px;letter-spacing:2px}.resources{display:flex;gap:15px;font-size:11px;color:#9ebbc4}.resources>span:first-child{color:var(--gold)}.resources b{font-weight:500;margin-left:3px}.navigation{display:flex;gap:24px;padding:0 15px;border-bottom:1px solid var(--line);height:40px;flex-shrink:0}.navigation button{background:none;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;padding:0 2px;font-size:11px}.navigation button[aria-current=page]{color:#c1eddf;border-color:var(--mint)}main{flex:1;min-height:0;position:relative}.page{height:100%;min-height:0;display:flex;flex-direction:column}.tank-heading{padding:14px 15px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.tank-heading label{display:block;color:var(--muted);font-size:8px;letter-spacing:1.2px;margin-bottom:5px}.tank-heading select{border:0;background:#0a202b;font-size:18px;font-weight:500;max-width:200px;padding:0 18px 0 0;cursor:pointer}.quiet{background:none;font-size:11px;color:#9cbcbf;padding:7px 0;white-space:nowrap}.water{position:relative;flex:1;min-height:190px;overflow:hidden;border-top:1px solid #396576;border-bottom:1px solid #396576}#tank-canvas{width:100%;height:100%;display:block}.attention{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#283629;border-top:1px solid #76684966;color:#e6d4a6;font-size:11px;flex-shrink:0}.attention .text-link{color:#e6d4a6;white-space:nowrap}.text-link{padding:5px 0;color:#9fd5cd;background:transparent;font-size:11px}.care{padding:14px 15px 10px;flex-shrink:0}.care-state{display:flex;justify-content:space-between;color:#8dabb4;font-size:10px;margin-bottom:10px}.care-state>span:last-child{color:#b2cfd1}.care-buttons{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.primary,.secondary{min-height:35px;padding:8px 12px;font-size:11px;border:1px solid #609a98}.primary{background:#8fd5c8;color:#0b3035}.primary small{font-size:9px;margin-left:9px;color:#27595c}.secondary{background:#163441;color:#c4dde0;border-color:#3f626e}.manage{display:block;margin:9px auto 0;font-size:10px}.nest{position:absolute;top:12px;right:12px;width:120px;background:#0d303cd9;border:1px solid #688e84;padding:0 4px 8px;color:#e3dfb5;font-size:10px}.nest canvas{display:block;width:108px;height:44px}.hatchery{position:absolute;top:13px;left:13px;right:13px;padding:11px;background:#0a2632e3;border:1px solid #43697377;border-radius:2px;pointer-events:none}.hatchery>div{display:flex;justify-content:space-between;gap:7px;font-size:9px;color:#9abbbf}.hatchery>div>span:first-child{font-size:8px;letter-spacing:1px}.hatchery canvas{display:block;width:100%;height:84px;object-fit:contain}.hatchery small{display:block;text-align:center;font-size:9px;color:#a4babc}.starter{position:absolute;bottom:24px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:9px;background:#0b2735ed;border:1px solid #618986;padding:12px;font-size:11px}.starter .primary{padding:7px 9px;min-height:31px;font-size:10px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 15px 14px;flex-shrink:0}.page-heading h1{font-size:19px;font-weight:500}.page-heading .text-link{font-size:10px}.stage-tabs{display:flex;gap:5px;padding:0 15px 13px;flex-shrink:0}.stage-tabs button{font-size:11px;background:#102c38;color:#8aaab5;border:1px solid #294953;padding:7px 11px}.stage-tabs button[aria-pressed=true]{background:#234a4f;border-color:#5f9a8e;color:#d4ecdd}.list-controls{padding:0 15px 12px;flex-shrink:0}.list-controls>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;color:#9bb8bf;font-size:10px}.list-controls select{max-width:150px;background:#132f3b;border:1px solid #31505d;border-radius:2px;font-size:10px;padding:4px}.list-controls input{width:100%;padding:9px 10px;border:1px solid #31505d;background:#0d2733;border-radius:3px;font-size:11px}.list-controls input::placeholder{color:#6f949f}.scroll-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365560 transparent;padding:0 15px 15px}.species-row{display:grid;grid-template-columns:47px minmax(0,1fr) auto;gap:9px;align-items:center;padding:13px 0;background:none;width:100%;text-align:left;border-bottom:1px solid #2b46524f;border-radius:0}.species-row canvas{width:47px;height:34px;object-fit:contain}.species-row strong{font-size:12px;font-weight:500;display:block;color:#cfe3e3}.species-row small{font-size:10px;color:#81a4ae;display:block;margin-top:5px;line-height:1.4}.species-row .count{font-size:12px;color:#b7d5d1}.species-row .chevron{font-size:12px;color:#6b999e;margin-left:7px}.species-row .cost{color:var(--gold);font-size:11px}.empty{color:#72949e;font-size:11px;line-height:1.7;padding:25px 0}.list-note{font-size:10px;color:#d9c28f;background:#302f25;border:1px solid #6c644633;margin:0 15px 8px;padding:9px 10px;flex-shrink:0}
.detail-page{padding:12px 15px 20px;overflow-y:auto}.back{background:none;color:#85b5bf;font-size:11px;padding:5px 0;text-align:left;align-self:flex-start}.detail-hero{padding:22px 0 18px;border-bottom:1px solid var(--line);text-align:center}.detail-hero canvas{width:110px;height:70px;object-fit:contain}.detail-hero h1{font-size:20px;font-weight:500;margin:9px 0 7px}.detail-hero>span{font-size:11px;color:#86a7b0}.detail-info{padding:15px 0;color:#9cb8bf;line-height:1.8;font-size:11px;min-height:55px}.quantity{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0 19px}.quantity>label{font-size:11px;color:#a8c3c8}.quantity>div{display:flex;align-items:center;border:1px solid #3c5f69;border-radius:3px}.quantity button{width:31px;height:31px;background:#15323c;border-radius:0;color:#b6d9d4}.quantity input{width:50px;height:31px;text-align:center;border:0;background:#0d2833;appearance:textfield;font-size:12px}.quantity input::-webkit-inner-spin-button{appearance:none}.order-total{display:flex;justify-content:space-between;padding:19px 0;color:#90aeb8;font-size:11px}.order-total strong{font-size:16px;color:var(--gold);font-weight:500}.detail-page>.primary{flex-shrink:0}.transaction-rule{font-size:10px;line-height:1.7;color:#769aa5;margin-top:12px}.detail-page>#unlock{margin-top:10px}.detail-page .primary:disabled{color:#8ba7ac;background:#28434a;border-color:#3f6067}
@media(max-width:320px){.top,.tank-heading,.care,.page-heading{padding-left:11px;padding-right:11px}.navigation{padding:0 11px;gap:20px}.resources{gap:10px}.brand{font-size:12px;letter-spacing:1.5px}.tank-heading select{max-width:165px;font-size:16px}.attention{font-size:10px;padding:9px 11px}.list-controls,.stage-tabs{padding-left:11px;padding-right:11px}.scroll-list{padding-left:11px;padding-right:11px}.starter{left:12px;right:12px;padding:10px;font-size:10px}.species-row{grid-template-columns:40px minmax(0,1fr) auto;gap:7px}.species-row canvas{width:40px}.species-row strong{font-size:11px}}
@media(max-height:580px){.water{min-height:140px}.care{padding-top:9px;padding-bottom:6px}.tank-heading{padding-top:10px;padding-bottom:9px}.hatchery canvas{height:60px}.hatchery{padding:8px}.care-state{margin-bottom:7px}}

/* A fixed instrument below the water: one tank, one reserve, one status. */
.care{padding-top:12px}
.food-supply{--supply:#94d9bf;--supply-edge:#335d5c;padding:10px 11px 9px;margin-bottom:10px;background:#0e2a35;border:1px solid var(--supply-edge);box-shadow:inset 0 1px #d4ece706}
.supply-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:17px}
.supply-label{display:flex;align-items:center;gap:7px;color:#b8d1d3;font-size:11px}
.food-pixel{position:relative;display:inline-block;width:8px;height:10px;margin:0 2px;background:#bba674;box-shadow:inset 0 2px #dfce9c,inset 0 -2px #817354}
.food-pixel:before{content:"";position:absolute;width:10px;height:2px;top:-2px;left:-1px;background:#87c8c0}
.food-pixel:after{content:"";position:absolute;width:4px;height:3px;top:4px;left:2px;background:#365c5c}
.supply-amount{white-space:nowrap;font-size:10px;color:#7396a1;font-variant-numeric:tabular-nums}
.supply-amount strong{font-weight:500;font-size:12px;color:#d1e1de}
.supply-meter{height:9px;position:relative;margin:8px 0 7px;overflow:hidden;background:#1c3b46;box-shadow:inset 0 1px 2px #051a2577}
.supply-fill{height:100%;width:0;background:var(--supply);box-shadow:inset 0 2px #fff2;transition:width .35s ease-out,background-color .2s}
.supply-meter:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 3px),#0e2a35 calc(10% - 3px),#0e2a35 10%)}
.supply-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:14px;font-size:10px}
.supply-status{display:flex;align-items:center;gap:5px;color:var(--supply)}
#supply-symbol{font:600 10px monospace;width:9px;text-align:center}
#supply-time{color:#bcd2d5;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.food-supply[data-state=low]{--supply:#e2ba78;--supply-edge:#68583f}
.food-supply[data-state=empty]{--supply:#df9b82;--supply-edge:#70534b}
.food-supply[data-state=empty] #supply-time{color:#dfb6a4}
.food-supply[data-state=idle]{--supply:#73949f;--supply-edge:#314c59}
.food-supply[data-state=idle] #supply-time{color:#8caab4;font-size:10px}
.help-button{width:17px;height:17px;display:inline-grid;place-items:center;padding:0;background:transparent;border:1px solid #456570;color:#8cb1b9;border-radius:50%;font-size:10px;line-height:1}
.help-button[aria-expanded=true]{color:#c7ebe0;border-color:#a2cdbf}
.help-popup{position:fixed;z-index:50;width:min(270px,calc(100vw - 16px));padding:11px 13px;background:#15333ff5;border:1px solid #648b94;border-radius:3px;box-shadow:0 6px 22px #0005;color:#d3e3e4;font-size:11px;line-height:1.6;overflow-wrap:break-word;white-space:pre-line}
@media(max-width:320px){.food-supply{padding-left:9px;padding-right:9px}.care-buttons{grid-template-columns:1.2fr 1fr}.primary small{margin-left:5px;font-size:8px}.supply-label{font-size:10px}}
@media(max-height:580px){.care{padding-top:8px}.food-supply{padding-top:8px;padding-bottom:7px;margin-bottom:8px}.manage{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.supply-fill{transition:none}}

.resources{gap:9px;align-items:center}.pantry-button{background:transparent;color:#bad7d5;font-size:11px;padding:7px 0}.pantry-button span{color:var(--mint)}.journey{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px 11px;color:#a6c6c9;font-size:11px;line-height:1.5;flex-shrink:0}.journey .text-link{white-space:nowrap}.care-links{display:flex;justify-content:space-between;margin-top:6px}.auto-row{display:flex;align-items:center;gap:8px;margin-top:7px;padding-top:9px;border-top:1px solid #29465080;color:#95b8bf;font-size:10px}.auto-row label{display:flex;align-items:center;gap:7px;cursor:pointer}.auto-row input{accent-color:#92d8c8;margin:0}.return-note{position:relative;display:flex;align-items:center;gap:10px;padding:12px 32px 12px 15px;background:#16373c;border-bottom:1px solid #416b65;flex-shrink:0}.return-note>div{flex:1;min-width:0}.return-note small{display:block;font-size:8px;letter-spacing:1px;color:#8dbeb1}.return-note strong{display:block;font-size:12px;font-weight:500;margin:5px 0;color:#d8ebdf}.return-note span{font-size:10px;color:#99bbc0}.return-note .text-link{max-width:70px;text-align:left;line-height:1.5}.dismiss{position:absolute;right:7px;top:7px;background:transparent;color:#90b5b5;padding:3px 5px}.notice{position:fixed;bottom:12px;left:12px;right:12px;background:#1b3d46;border:1px solid #568386;padding:11px 13px;z-index:30;font-size:11px;line-height:1.5;box-shadow:0 4px 18px #0005}#error-banner{padding:12px;background:#492d30;color:#ffd1c4;font-size:12px;line-height:1.5;flex-shrink:0}.tank-page{overflow-y:auto;scrollbar-width:thin}.water{flex-basis:180px}.resident-keeps{display:flex;flex-direction:column;gap:7px;padding-bottom:10px}.resident-keeps button{display:flex;justify-content:space-between;background:#153640;border:1px solid #345960;padding:9px 11px;color:#bcd4d5}.resident-keeps button[aria-pressed=true]{border-color:#79ae9b;color:#c6e6cf}@media(max-height:650px){.hatchery canvas{height:60px}.journey{padding-bottom:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.return-note .text-link{max-width:90px;white-space:nowrap}

/* One world pixel always occupies 2 CSS pixels. Window size only changes
   the viewport; it must never stretch the aquarium or its residents. */
#app{width:100%;max-width:400px;margin-inline:auto}
.tank-page{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:#365560 transparent}
.tank-viewport{width:100%;flex:0 0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#5c8b95 #102c38;overscroll-behavior-x:contain}
.tank-viewport:focus-visible{outline:2px solid #92d8c8;outline-offset:-2px}
.water{box-sizing:content-box;width:384px;height:488px;min-width:384px;min-height:488px;max-width:384px;max-height:488px;flex:none;margin-inline:auto}
#tank-canvas{width:384px;height:488px}
.notice{max-width:376px;margin-inline:auto}

/* The first aquarium has one task and one destination. Additional controls
   use the same layout as they appear; the pixel world never changes scale. */
.top .brand{background:transparent;padding:8px 0;text-align:left;white-space:nowrap;font-weight:400}
.brand>span{font-size:9px;letter-spacing:0;color:#719b9d;margin-left:3px}
.top .resources{align-items:center;gap:10px}
.journey>div{min-width:0;flex:1}
.journey small{display:block;color:#8db9ad;font-size:8px;letter-spacing:1px;margin-bottom:5px}
.journey strong{display:block;font-size:13px;font-weight:500;color:#d1e8dd;margin-bottom:3px}
.journey span{display:block;line-height:1.5}
.journey[data-guided=true]{border-top:1px solid #49746555;border-bottom:1px solid #49746555;background:#15332f66;padding:12px 15px;margin-bottom:10px;align-items:center}
.journey[data-guided=true] .text-link{max-width:85px;white-space:normal;text-align:right;line-height:1.5}
#app[data-guided=true] .starter{top:18px;bottom:auto;right:auto;width:min(352px,calc(100vw - 40px));background:#122e36e8}
.journey-page,.premium-page{overflow-y:auto;padding:19px 16px 24px;scrollbar-width:thin;scrollbar-color:#365560 transparent}
.journey-page>.back,.premium-page>.back{margin-bottom:23px}
.journey-page>h1,.premium-page>h1{font-size:25px;font-weight:400;letter-spacing:-.5px;margin:10px 0 9px;color:#e1e9d7}
.journey-intro,.premium-lead{font-size:11px;line-height:1.7;color:#98b7bb}
.journey-milestones{margin:24px 0;padding:0;list-style:none;counter-reset:journey}
.journey-milestones li{position:relative;padding:0 0 20px 32px;counter-increment:journey;border-left:1px solid #3a5557;margin-left:11px}
.journey-milestones li:last-child{border-left-color:transparent;padding-bottom:0}
.journey-milestones li::before{content:counter(journey);position:absolute;left:-11px;top:-1px;width:21px;height:21px;background:#18333b;border:1px solid #527275;text-align:center;line-height:20px;font-size:9px;color:#92aeb2}
.journey-milestones li[data-complete=true]::before{content:'✓';background:#274b42;border-color:#719f86;color:#c4dec2}
.journey-milestones li[data-current=true]::before{background:#a0c9b1;border-color:#c2dfbe;color:#17352e}
.journey-milestones strong{font-size:12px;font-weight:400;color:#c3d6d1;display:block}
.journey-milestones p{font-size:10px;line-height:1.6;margin-top:4px;color:#8faeb0}
.journey-milestones li[data-current=true] strong{color:#d4e8c7}
.journey-later{border-top:1px solid #365256;padding-top:18px}
.journey-later h2{font-size:13px;font-weight:400;color:#ccdcd2;margin-bottom:10px}
.journey-feature{padding:10px 0;border-bottom:1px solid #36525680;display:flex;gap:12px;align-items:center;justify-content:space-between}
.journey-feature strong{font-size:11px;font-weight:400;display:block;color:#b8ceca}
.journey-feature small{display:block;font-size:10px;line-height:1.6;margin-top:3px;color:#89a9ad}
.journey-feature>span{font-size:8px;white-space:nowrap;color:#c8c8a0}
.journey-feature[data-ready=true]>span{color:#9cc5ad}
.journey-preference{margin:22px 0 0;padding:14px;background:#142e37;border:1px solid #35565a}
.journey-preference label{display:flex;align-items:center;gap:8px;color:#c4dacf;font-size:11px}
.journey-preference input{accent-color:#a3cbb3;margin:0}
.journey-preference p{font-size:10px;line-height:1.7;color:#94b0b4;margin:9px 0 6px}
.premium-entry{width:100%;text-align:left;background:#243633;border:1px solid #60725a66;color:#cfddbd;padding:14px 12px;margin-top:22px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-shrink:0}
.premium-entry small{display:block;font-size:7px;letter-spacing:1px;color:#b3bf8e}
.premium-entry strong{display:block;font-size:12px;font-weight:400;margin:7px 0}
.premium-entry span span{font-size:10px;color:#9daf9f;line-height:1.5;display:block}
.premium-draft-note{margin:20px 0;border:1px solid #927c4266;background:#3c39204a;padding:12px;color:#dbcfaa}
.premium-draft-note strong{font-size:11px;font-weight:500}.premium-draft-note p{font-size:10px;line-height:1.7;margin-top:5px;color:#b6b496}
.premium-free{margin:20px 0 24px}.premium-free>span{font-size:8px;letter-spacing:.8px;color:#9fc6ae}.premium-free p{font-size:11px;line-height:1.8;color:#9ab5b3;margin-top:8px}
.premium-concept{border:1px solid #46605d;background:#142e35;margin-bottom:15px;padding:16px}
.premium-concept .concept-colors{display:flex;height:36px;gap:3px;margin-bottom:15px;opacity:.85}.concept-colors span{flex:1;border:1px solid #ffffff1a}
.premium-concept small{color:#9ea884;font-size:7px;letter-spacing:.8px}.premium-concept h2{font-size:18px;font-weight:400;color:#d8e1ca;margin:8px 0}.premium-concept p{font-size:11px;line-height:1.7;color:#91adae}
.premium-concept ul{font-size:10px;line-height:1.8;color:#b1c6bc;margin:12px 0;padding-left:15px}
.premium-concept .concept-price{font-size:11px;color:#dfcda3;border-top:1px solid #45605b;padding-top:12px;margin-top:12px}
.premium-concept details{margin-top:10px;font-size:10px;line-height:1.6;color:#96b2ad}.premium-concept summary{cursor:pointer;color:#b9ccac;padding:5px 0}
.premium-footer{font-size:10px;line-height:1.8;color:#8fa8a7;margin-top:20px}
#app[data-page=journey-map]>#offline-note,#app[data-page=premium]>#offline-note{display:none}
.coin-button{background:transparent;color:var(--gold);padding:0;font-size:11px;white-space:nowrap}.coin-button>span{font-size:9px;color:#b7ab83}
.store-tabs{display:flex;gap:22px;border-bottom:1px solid #39545a;margin:22px 0 13px;flex-shrink:0}.store-tabs button{background:transparent;border-bottom:2px solid transparent;border-radius:0;padding:0 0 10px;color:#8fadb1;font-size:11px}.store-tabs [aria-pressed=true]{border-color:#abc6a1;color:#d1dfbe}
.store-intro{font-size:10px;line-height:1.7;color:#91acae;margin-bottom:13px;flex-shrink:0}.store-feedback{font-size:11px;line-height:1.7;color:#c4dcb1;flex-shrink:0}.store-feedback:not(:empty){padding:10px 12px;margin-bottom:15px;border:1px solid #597c5c;background:#294232}
.store-product{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:15px 11px;background:#142e36;border:1px solid #3e5c5f;margin-bottom:11px;flex-shrink:0}.store-product canvas{align-self:center;width:80px;height:92px}.store-product h2{font-family:inherit;font-size:15px;font-weight:400;color:#d6dfc8;margin:0 0 6px}.store-product p{font-size:10px;line-height:1.6;color:#98b6b3;margin:0 0 6px}.store-product small{display:block;font-size:9px;line-height:1.6;color:#adb89a;margin-bottom:10px}.store-product .primary,.store-product .secondary{font-size:10px;line-height:1.5;padding:8px;width:100%;min-height:32px}.store-use{grid-column:1/-1;border-top:1px solid #3a5558;padding-top:9px;display:flex;justify-content:space-between;gap:8px}.store-use button{font-size:10px;line-height:1.6;text-align:left}
@media(max-width:320px){.store-product{grid-template-columns:62px minmax(0,1fr);padding:12px 8px;gap:8px}.store-product canvas{width:62px;height:72px}.store-tabs{gap:17px}.store-product .primary{font-size:9px}}

/* Phase II: the aquarium scrolls, while everyday care stays within reach. */
.tank-page{overflow:hidden;scrollbar-gutter:auto}
.tank-observation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365560 transparent;scrollbar-gutter:stable}
.tank-page>.care{border-top:1px solid #31505a;background:#102b35;flex:0 0 auto;padding-top:10px;padding-bottom:8px;box-shadow:0 -8px 18px #081d2626;max-height:52%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#365560 transparent}
.journey[data-moment]{padding:11px 15px;background:#16363166;border-block:1px solid #40635c55;margin-bottom:8px;align-items:center}
.journey[data-moment] strong{font-size:12px;color:#c9dfc9}.journey[data-moment] span{font-size:10px;color:#94b4af}
.journey[data-moment] .text-link{max-width:92px;text-align:right;white-space:normal;line-height:1.5;font-size:10px}
.journey[data-moment=discovery]{background:#233a304d;border-color:#71825655}.attention{background:#24392f;border-color:#66816b55;color:#c4d5b6}.attention .text-link{color:#c4d5b6}
.tank-heading-actions{gap:9px}.tank-heading-actions .quiet{font-size:9px}
@media(max-height:650px){.tank-page>.care{padding:8px 11px 5px;max-height:54%}.tank-page .food-supply{padding:8px 10px;margin-bottom:7px}.tank-page .care-links{margin-top:3px}.tank-page .auto-row{margin-top:3px;padding-top:6px}.tank-page .supply-caption{font-size:9px}.journey[data-moment],.journey[data-guided=true]{padding:8px 12px;margin-bottom:6px}.tank-heading{padding-top:10px;padding-bottom:9px}}
@media(max-width:320px){.top .resources{gap:6px}.top{padding-inline:12px}.top .brand{font-size:11px;letter-spacing:1.5px}.journey[data-guided=true]{padding-inline:12px}.journey[data-guided=true] .text-link{max-width:67px;font-size:10px}}
html[lang="zh-CN"]{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;letter-spacing:.025em;font-weight:500}
html[lang="zh-CN"] .help-popover,html[lang="zh-CN"] .leisure-intro,html[lang="zh-CN"] .transaction-rule{line-height:1.8}

/* Clock mismatch explanation uses existing help; manual care stays available. */
.clock-notice{display:flex;align-items:flex-start;gap:10px;flex:0 0 auto;padding:9px 15px;border-block:1px solid #776c4266;background:#302f26;color:#c5c5a4}.clock-notice-copy{flex:1;min-width:0}.clock-notice strong{display:block;font-size:10px;font-weight:500;color:#e1d7a7;line-height:1.5}.clock-notice p{margin:3px 0 0;font-size:10px;line-height:1.5;color:#c2c4b2;overflow-wrap:anywhere}.clock-notice .text-link{flex:0 0 auto;max-width:85px;min-height:32px;padding:5px 0;font-size:10px;line-height:1.5;text-align:right;white-space:normal;color:#d9d7ab}.clock-notice button:focus-visible{outline:2px solid #e1d7a7;outline-offset:3px}body[data-watch=true] .clock-notice{display:none!important}
@media(max-width:320px){.clock-notice{padding:8px 11px;gap:8px}.clock-notice .text-link{max-width:65px;font-size:9px}.clock-notice p{font-size:9px}}
#tank-presence{display:block;font-size:10px;line-height:1.6;color:#b6c69d;margin-top:4px;white-space:normal}#tank-presence[hidden]{display:none}.tank-heading>div:first-child{min-width:0}