:root{font-family: ui-rounded,'Avenir Next',system-ui,sans-serif;color:#244b48;background:#f7f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:30px 24px}header{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:800;color:#657c6d}h1{font-family:Georgia,serif;font-size:40px;letter-spacing:-2px;margin:8px 0}h1 span{color:#dd9970;font-size:28px;margin-left:8px}.wallet{background:#fff;border:1px solid #deded0;padding:12px 16px;border-radius:24px;font-size:12px}.wallet span{font-weight:800;font-size:19px}.intro{display:flex;justify-content:space-between;align-items:center;margin:16px 0 24px}.intro p{font-size:22px;line-height:1.4;margin:0}.intro em{font-family:Georgia,serif;color:#748476}.tag{font-size:9px;letter-spacing:1px;background:#e7ebe1;padding:9px;border-radius:7px}.tank-panel{border:1px solid #c4d5c9;border-radius:23px;overflow:hidden;background:#eaf1e9;box-shadow:0 18px 35px #274e4810}.tank-top{display:flex;justify-content:space-between;padding:17px 22px;font-size:11px;letter-spacing:1px}.tank{height:310px;position:relative;overflow:hidden;background:linear-gradient(180deg,#d8ebe2,#a3d9cf 70%,#89bdb5)}.sun{position:absolute;width:250px;height:450px;top:-140px;left:15%;background:linear-gradient(90deg,transparent,#fff7d84a,transparent);transform:rotate(30deg)}.sand{position:absolute;bottom:-18px;left:-5%;height:55px;width:110%;background:#d6c9a0;border-radius:50% 50% 0 0;box-shadow:0 -7px 0 #e3d8b34d}.plant{position:absolute;bottom:10px;font-size:155px;color:#447f69;transform:scaleX(.6);z-index:1}.p1{left:-25px}.p2{right:10px;color:#69a087;font-size:125px}.rocks{position:absolute;bottom:25px;left:20%;width:90px;height:35px;border-radius:70% 80% 30% 30%;background:#86a89b}.bubbles{position:absolute;right:23%;top:30px;line-height:45px;color:#ffffff8c;animation:bob 5s infinite}.creature{position:absolute;width:74px;height:40px;left:calc(15% + var(--i) * 10%);top:calc(25% + var(--i) * 7%);z-index:2;animation:swim calc(5s + var(--i) * 1s) ease-in-out infinite alternate;filter:drop-shadow(0 5px 4px #245b4822)}.body{position:absolute;left:20px;width:51px;height:33px;border-radius:55% 65% 55% 55%;background:var(--color);border:1px solid #ac6b5b33}.body i{position:absolute;width:5px;height:6px;background:#25443f;border-radius:50%;right:11px;top:8px}.body b{position:absolute;right:8px;top:15px;font-size:12px}.tail{position:absolute;top:4px;left:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:26px solid var(--color);border-radius:10px}.speckled .body{background:radial-gradient(circle,#fef6dd 2px,transparent 3px) 0 0/12px 12px,var(--color)}.luminous{filter:drop-shadow(0 0 9px #fffec5)}.luminous .body{background:#f5e89d}.shrimp .body{height:25px;border-radius:15px 30px 20px 9px;transform:rotate(-10deg)}.shrimp .tail{border-left-width:15px}.legs{position:absolute;left:28px;top:21px;letter-spacing:3px;color:#ba5461;font-size:16px}.water-stats{display:flex;justify-content:space-between;padding:15px 20px;font-size:10px;gap:12px}.water-stats label{display:flex;align-items:center;gap:8px}meter{width:90px;height:12px}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:23px;background:#fff;border:1px solid #d8ddcf;color:#38634f;padding:13px}.actions span{font-size:13px;font-weight:700}button{font:inherit;cursor:pointer;border-radius:12px;min-height:44px;background:#315e50;color:#fff;border:0;padding:10px 16px;font-size:12px}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible{outline:3px solid #dd9d4e;outline-offset:3px}button:disabled{opacity:.45;cursor:default}#message{font-size:12px;text-align:center;min-height:32px;color:#708073;padding:3px 0}.goal{padding:22px;background:#ececdf;border-radius:16px}.goal h2{font-size:19px;font-family:Georgia,serif;font-weight:normal;margin:9px 0}.goal p{font-size:12px;color:#637768;line-height:1.6}progress{width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;accent-color:#6a9778}progress::-webkit-progress-bar{background:#d9dfcf}progress::-webkit-progress-value{background:#6a9778}nav{display:flex;margin:26px 0 15px;border-bottom:1px solid #dedfd3;gap:20px}nav button{background:none;color:#839283;border-radius:0;padding:10px 0;font-weight:700}nav button[aria-selected=true]{color:#315e50;border-bottom:2px solid #315e50}.pet-card{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e3e5db}.portrait{position:relative;min-width:85px;height:85px;border-radius:20px;background:#e0ebe1}.portrait .creature{left:5px;top:28px;animation:none}.pet-card>div:last-child{flex:1}.pet-card h3{margin:7px 0;font-family:Georgia,serif;font-size:20px}.pet-card small{font:11px system-ui;color:#839283;margin-left:5px}.mini-stats{font-size:11px;color:#738776;margin:9px 0}.pet-card button{margin-top:10px;background:#e8ecdf;color:#496850;font-size:11px;min-height:44px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-grid article,.journal{background:white;padding:22px;border:1px solid #e0e3d7;border-radius:16px}.shop-icon{font-size:32px;color:#de9d7d}.shop-grid h3,.journal h3{font-family:Georgia,serif;font-size:21px}.shop-grid p,.journal p{font-size:13px;line-height:1.7;color:#778678}.shop-grid button{width:100%}.future{background:#eeeede!important}.collection{display:grid;gap:8px}.collection span{font-size:12px;padding:13px;background:#f2f3ed;color:#9caa9b;border-radius:8px}.collection .found{color:#315e50;background:#e7edde}footer{text-align:center;font-family:Georgia,serif;color:#799080;font-size:16px;margin:38px auto 0}footer p{font:10px/1.7 system-ui;max-width:480px;margin:15px auto}footer label,#save-state{font:11px system-ui;display:block;margin:12px}dialog{border:1px solid #c8d7c9;border-radius:20px;max-width:360px;padding:28px;color:#244b48}dialog::backdrop{background:#183a4266}dialog p{font-size:14px;line-height:1.6}dialog>div{display:flex;gap:10px}#cancel{background:#e3e8da;color:#315e50}.empty{position:absolute;left:15%;right:15%;top:25%;text-align:center;font:20px/1.5 Georgia;color:#386b5c;z-index:4}.empty button{display:block;margin:12px auto;font:12px system-ui}.placeholder{text-align:center;padding:20px;color:#799080;font-size:13px}@keyframes swim{from{transform:translate(-8px,0) rotate(-3deg)}to{transform:translate(25px,-12px) rotate(4deg)}}@keyframes bob{50%{transform:translateY(-15px)}}.still *{animation:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:520px){main{padding:24px 18px}h1{font-size:33px}.eyebrow{font-size:9px}.intro{gap:8px}.intro p{font-size:18px}.tag{font-size:8px;max-width:95px;line-height:1.5}.tank{height:285px}.water-stats{padding:14px 12px;gap:6px;font-size:9px}meter{width:65px}.actions button{padding:12px 6px;gap:6px}.shop-grid{grid-template-columns:1fr}.pet-card .eyebrow{letter-spacing:.8px}.portrait{min-width:70px;width:70px}.goal{padding:18px}}
/* Original aquarium foliage, with five layered leaves per stem. */
.plant{font-size:0;width:90px;height:160px;bottom:12px;transform:none;border-left:3px solid #4e8b70;border-radius:50%;left:30px;transform-origin:bottom;animation:frond 7s ease-in-out infinite alternate}
.plant i{position:absolute;width:23px;height:65px;background:linear-gradient(90deg,#4c8b71,#71a48a);border-radius:100% 0 100% 0;left:-20px;bottom:15px;transform:rotate(-30deg);transform-origin:bottom}
.plant i:nth-child(2){left:0;bottom:40px;transform:rotate(40deg);height:58px}.plant i:nth-child(3){bottom:70px;height:55px}.plant i:nth-child(4){left:0;bottom:95px;transform:rotate(40deg);height:48px}.plant i:nth-child(5){left:-9px;bottom:125px;transform:rotate(0);height:42px}.plant.p2{left:auto;right:-8px;height:125px;transform:scale(.8);animation-delay:-3s}
.sand{background:radial-gradient(ellipse,#b9b091 1px,transparent 2px) 0 0/24px 14px,#d6c9a0}.personality{font-size:10px;color:#7b8c78;margin:6px 0}.body::after{content:'';position:absolute;bottom:-5px;left:19px;border-left:10px solid transparent;border-right:5px solid transparent;border-top:11px solid #efa37a;border-radius:50%;opacity:.7}.shrimp .body::after{display:none}.tank .shrimp{top:auto;bottom:calc(50px + var(--i) * 10px);animation-name:graze}.tank .shrimp .body{background:repeating-linear-gradient(100deg,transparent 0 7px,#d65c7033 8px 10px),var(--color)}
#breeding-text{font-weight:700;color:#456a51;font-size:11px}.tag{color:#57765e}.future button{background:#dee7d7;color:#3c6049}.shop-art{position:relative;height:80px;background:#e5efe6;border-radius:12px}.shop-art .creature{left:35%;top:25px;animation:none}.reaction{position:absolute;left:45%;top:18%;font-size:25px;color:#fff4ca;z-index:5;pointer-events:none;animation:reaction 1s ease-out forwards}.tank[data-feedback=clean]{box-shadow:inset 0 0 50px #effffe66}.actions button:active{transform:scale(.96)}@keyframes reaction{to{transform:translateY(-35px);opacity:0}}@keyframes frond{from{rotate:-2deg}to{rotate:3deg}}@keyframes graze{from{transform:translateX(-5px)}to{transform:translateX(12px)}}

.sand{top:82%;bottom:-2px;height:auto;border-radius:50% 45% 0 0}.tank .shrimp{bottom:calc(30px + var(--i) * 22px);left:calc(22% + var(--i) * 21%)}.reaction{font-size:20px}

.tank .shrimp{left:calc(22% + var(--slot) * 22%);bottom:calc(26px + var(--slot) * 15px + var(--row) * 60px)}.tank .creature{scale:var(--size,1)}.goal details{font-size:12px;margin:12px 0}.goal summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#687e68}.goal summary::before{content:"+";margin-right:8px}details[open] summary::before{content:"−"}.goal p{margin:8px 0}#breeding-text{line-height:1.6}
.tank .shrimp.speckled .body{background:radial-gradient(circle,#fff5dd 2px,transparent 3px) 0 0/11px 11px,var(--color)}.tank .shrimp.luminous .body{background:linear-gradient(100deg,#e8df82,#fff3b8)}.tank .luminous{filter:drop-shadow(0 0 8px #fffec5)}
/* One reachable section switcher; task views scroll directly to their content. */
main{padding-bottom:110px}nav{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:802px;margin:0;gap:4px;padding:7px;background:#fbfcf7f5;border:1px solid #c7d3c3;border-radius:18px;box-shadow:0 8px 30px #244b4820;z-index:20;backdrop-filter:blur(12px)}nav button{flex:1;min-width:44px;min-height:48px;font-size:12px;color:#52684f;border:0;border-radius:11px;padding:8px 4px}nav button[aria-selected=true]{background:#e1eadb;color:#244b48;border:0}#content-region{scroll-margin-top:20px;outline:none;margin-top:30px}#content-title{font-family:Georgia,serif;font-size:25px;font-weight:normal;margin:0 0 20px;color:#315447}.tank-panel{scroll-margin-top:16px}.mini-stats,.personality,.pet-card small,.shop-grid p,.journal p,.goal p,.placeholder,footer,#message{color:#526b56}.eyebrow{color:#52664d}.collection span{color:#64745e}.buy-reason{font-size:12px!important;font-weight:700;color:#456046!important;line-height:1.5!important;min-height:36px}button:disabled{opacity:1;background:#e0e4da;color:#596454;cursor:not-allowed}.pet-card button:disabled{background:#e0e4da;color:#596454}#breeding-text{color:#3a5a42}footer{margin-bottom:14px}@media(max-width:360px){nav button{font-size:11px}nav{bottom:8px;width:calc(100% - 20px)}}@media(max-height:500px) and (min-width:600px){.intro{margin:10px 0 16px}.tank{height:220px}nav{max-width:650px}}
.event-notice{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:440px;border-radius:12px;padding:12px 16px;background:#315e50;color:#fff;font-size:12px;line-height:1.6;box-shadow:0 4px 20px #244b4820;z-index:21;pointer-events:none}.event-notice[hidden],body[data-view=tank] .event-notice{display:none}#content-title{margin-top:8px}nav{padding-bottom:max(7px,env(safe-area-inset-bottom))}

@media(max-height:500px) and (min-width:600px){.tank{height:125px}.tank .shrimp{left:calc(10% + var(--i)*14%);bottom:16px}.plant{scale:.7;transform-origin:bottom}.actions{margin-top:12px}.actions button{padding:8px}.tank-panel{scroll-margin-top:12px}}
/* Screen-sized alpha: every resident, shop item and note is paginated. */
html,body{width:100%;height:100%;overflow:hidden}body{height:100dvh}main{width:100%;height:100dvh;max-width:850px;padding:12px max(14px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));display:grid;grid-template-rows:56px minmax(0,1fr) 64px;gap:8px;overflow:hidden}header{grid-row:1;min-height:0}header h1{font-size:28px;margin:3px 0;line-height:1.1}header h1 span{font-size:21px}header .eyebrow{font-size:8px;letter-spacing:1px}.wallet{padding:7px 12px;font-size:11px}.wallet span{font-size:19px}.wallet small{display:block;font:8px/1.5 system-ui;color:#526b56}#save-state{margin:0;display:block;font:8px/1.5 system-ui}
.screen{grid-row:2;min-height:0;min-width:0}.screen[hidden]{display:none!important}.aquarium-screen{display:grid;grid-template-rows:minmax(120px,1fr) 48px 34px 90px;gap:7px}.tank-panel{display:grid;grid-template-rows:34px minmax(0,1fr) 34px;min-height:0;box-shadow:0 10px 25px #274e4810}.tank-top{padding:10px 14px;font-size:9px;letter-spacing:.5px}.tank{height:auto;min-height:0}.water-stats{padding:8px 12px;font-size:9px;gap:5px}.water-stats label{gap:6px}.actions{margin:0;gap:8px}.actions button{padding:7px 4px;font-size:20px;gap:6px}.actions span{font-size:12px}#message{font-size:11px;line-height:1.5;min-height:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;text-align:center}.goal{padding:10px 14px;min-height:0;border-radius:14px}.goal .eyebrow{font-size:8px;letter-spacing:1px}.goal h2{font-size:17px;margin:4px 0}.goal p{font-size:10px!important;line-height:1.4!important;margin:3px 0!important}#breeding{display:block;margin-top:5px;height:5px}.empty{left:8%;right:8%;top:50%;transform:translateY(-50%);font-size:16px;line-height:1.3}.empty button{margin:8px auto 0;min-height:44px;font-size:11px}.tank .creature{top:calc(18% + var(--i)*10%)}.tank .shrimp{top:auto;bottom:calc(12px + var(--slot)*12px + var(--row)*44px)}
nav{position:static;grid-row:3;transform:none;left:auto;bottom:auto;width:100%;max-width:none;margin:0;padding:6px;gap:3px;box-shadow:0 3px 15px #244b4810;z-index:20;align-self:end}nav button{font-size:11px;min-height:48px;padding:6px 3px}#content-region{margin:0;scroll-margin:0;display:grid;grid-template-rows:34px minmax(0,1fr) 48px;gap:8px;outline:none}#content-title{margin:0;font-size:23px;display:flex;align-items:center}#content{min-height:0;display:flex}#content>article{width:100%;min-height:0}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px}.pager button{min-height:44px;background:#e1eadb;color:#315447;min-width:100px;font-size:12px}.pager span{font-size:12px;font-weight:700}.pager button:disabled{color:#596454;background:#e0e4da}
.resident-screen{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:18px;background:#fff;border:1px solid #d9e0d2;border-radius:18px;gap:16px}.resident-screen .portrait{width:100%;min-width:0;height:130px;flex-shrink:1;min-height:65px;background:linear-gradient(#e7efe6,#d5e7dc);border-radius:14px}.resident-screen .portrait .creature{left:calc(50% - 37px);top:calc(50% - 20px);scale:1.4}.resident-info{width:100%}.resident-info h3{font:26px Georgia;margin:9px 0}.resident-info h3 small{font:12px system-ui;color:#526b56}.resident-info .eyebrow{font-size:9px;letter-spacing:.6px}.personality{font-size:12px;margin:8px 0}.pet-stats{display:grid;gap:12px}.pet-stats label{font-size:12px;color:#526b56;display:block}.pet-stats b{float:right;color:#315447}.pet-stats progress{display:block;margin-top:6px;height:7px}.resident-actions{display:flex;gap:8px;margin-top:18px}.resident-actions button{flex:1;font-size:12px}.resident-actions button:first-child{background:#e1eadb;color:#315447}
.shop-card{display:flex;flex-direction:column;justify-content:space-evenly;padding:20px;gap:14px;background:#fff;border:1px solid #d9e0d2;border-radius:18px}.shop-card .shop-art{height:130px;min-height:70px;flex-shrink:1;border-radius:14px}.shop-card .shop-art .creature{top:calc(50% - 20px);left:calc(50% - 37px);scale:1.4}.shop-info h3{font:27px Georgia;margin:12px 0}.shop-info p{font-size:13px;line-height:1.7;color:#526b56;margin:10px 0}.shop-info button{width:100%}.supply{display:flex;align-items:center;justify-content:center;font:50px Georgia;color:#bc825f}.shop-info .fine-print,.fine-print{font-size:11px!important;line-height:1.5!important}.buy-reason{min-height:0!important;font-size:12px!important;line-height:1.5!important}.journal{padding:20px;display:flex;flex-direction:column;justify-content:space-evenly;gap:8px}.journal h3{font:24px Georgia;margin:0}.journal p{margin:0;font-size:12px;line-height:1.6}.collection{gap:6px}.collection span{padding:9px;font-size:11px;line-height:1.4}.motion-setting{display:flex;align-items:center;gap:12px;font-size:13px;min-height:44px}.motion-setting input{width:20px;height:20px;accent-color:#315e50}.event-notice{bottom:90px;font-size:12px;z-index:21}.event-notice[hidden],body[data-view=tank] .event-notice{display:none}dialog{max-width:calc(100vw - 36px);width:360px;max-height:calc(100dvh - 32px);padding:24px}dialog h2{font:24px Georgia;margin:0 0 12px}dialog p{font-size:13px;line-height:1.6;margin:12px 0}dialog>div{gap:8px}dialog button{flex:1;min-height:44px}
@media(max-width:360px){main{padding:10px;gap:7px}.aquarium-screen{grid-template-rows:minmax(120px,1fr) 46px 34px 91px;gap:6px}nav{width:100%;bottom:auto;padding:6px}.resident-screen,.shop-card,.journal{padding:16px}.resident-info h3{font-size:24px}.shop-info h3{font-size:25px}.journal h3{font-size:22px}.collection span{font-size:10px;padding:8px}.pager button{min-width:94px}}
@media(max-height:650px) and (orientation:portrait){.resident-screen .portrait,.shop-card .shop-art{height:80px;min-height:55px}.resident-screen,.shop-card{gap:10px;padding:14px}.resident-info h3,.shop-info h3{margin:5px 0;font-size:23px}.resident-actions{margin-top:12px}.pet-stats{gap:8px}.journal{padding:14px;gap:5px}.journal h3{font-size:21px}.journal p{font-size:11px;line-height:1.5}.collection span{padding:7px}.shop-info p{margin:7px 0;font-size:12px}.personality{margin:5px 0;font-size:11px}}
@media(orientation:landscape) and (max-height:600px){main{grid-template-rows:48px minmax(0,1fr) 56px;padding:8px 14px;gap:6px}header h1{font-size:25px}.wallet{padding:5px 12px}nav{padding:4px;max-width:none}nav button{min-height:44px}.aquarium-screen{grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:46px minmax(0,1fr) 35px;gap:6px}.tank-panel{grid-column:1;grid-row:1/4;grid-template-rows:30px minmax(0,1fr) 30px}.tank{height:auto}.tank .shrimp{left:calc(10% + var(--i)*14%);bottom:14px}.tank .creature{top:calc(15% + var(--i)*8%)}.actions{grid-column:2;grid-row:1}.goal{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;padding:10px}#message{grid-column:2;grid-row:3;font-size:10px}.plant{scale:.75}#content-region{grid-template-rows:25px minmax(0,1fr) 44px;gap:5px}#content-title{font-size:21px}.resident-screen,.shop-card{flex-direction:row;padding:12px;gap:20px}.resident-screen .portrait,.shop-card .shop-art{width:32%;height:100%;min-height:0;flex-shrink:0}.resident-info,.shop-info{flex:1;min-width:0}.resident-info h3,.shop-info h3{font-size:21px;margin:4px 0}.resident-info .personality{margin:4px 0;font-size:10px}.pet-stats{display:flex;gap:12px}.pet-stats label{flex:1;font-size:11px}.pet-stats progress{margin-top:4px}.resident-actions{margin-top:10px}.shop-info p{margin:6px 0;font-size:11px;line-height:1.5}.shop-info .eyebrow{font-size:8px}.shop-info .fine-print{font-size:9px!important;margin-bottom:0}.journal{padding:12px;gap:5px}.journal h3{font-size:20px}.journal p{font-size:11px;line-height:1.4}.collection{grid-template-columns:1fr 1fr;gap:4px}.collection span{padding:5px;font-size:10px}.care-guide p{font-size:10px}.pager button{min-height:44px}.event-notice{bottom:70px;width:400px;padding:8px 12px;font-size:11px}}
@media(orientation:landscape) and (max-height:600px){#content-region{grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:44px minmax(0,1fr);gap:5px 12px}#content-title{grid-column:1;grid-row:1}#content{grid-column:1/3;grid-row:2}.pager{grid-column:2;grid-row:1;gap:8px}.pager button{min-width:85px;font-size:11px;padding:7px}.journal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:24px 1fr 1fr;gap:4px 12px;padding:8px 12px;align-items:center}.journal h3{grid-column:1/3;font-size:19px}.journal p{font-size:10px;line-height:1.3}.journal:has(.collection){grid-template-columns:220px minmax(0,1fr);grid-template-rows:34px 1fr;gap:6px 14px}.journal:has(.collection) h3{grid-column:1;grid-row:1}.journal:has(.collection)>p{grid-column:1;grid-row:2}.journal .collection{grid-column:2;grid-row:1/3;gap:4px}.collection span{font-size:10px;padding:5px}.motion-setting{font-size:11px}.care-guide p{font-size:10px;line-height:1.3}.resident-screen,.shop-card{gap:14px;padding:8px 12px}.resident-info h3,.shop-info h3{font-size:20px}.resident-info .personality{font-size:10px}.resident-actions{margin-top:7px}.resident-actions button,.shop-info button{min-height:44px;padding:7px;font-size:11px}.shop-info p{font-size:10px;line-height:1.3;margin:4px 0}.shop-info .buy-reason{font-size:10px!important;line-height:1.3!important}.shop-card .shop-art{width:25%}.shop-info .eyebrow{font-size:8px}.shop-info .fine-print{font-size:9px!important;line-height:1.2!important}}
@media(max-height:650px) and (orientation:portrait){.resident-screen .portrait{height:60px;min-height:40px;max-height:60px}.resident-screen .portrait .creature{scale:1}.resident-info h3{font-size:22px}.resident-actions{margin-top:10px}.resident-info .personality{margin:4px 0}.resident-screen{gap:8px}}
@media(orientation:landscape) and (max-height:600px){.resident-screen .portrait,.shop-card .shop-art{height:auto;align-self:stretch}.resident-screen .portrait .creature,.shop-card .shop-art .creature{scale:1}.resident-info h3,.shop-info h3{font-size:19px;line-height:1.1;margin:3px 0}.resident-info .personality{margin:3px 0}.pet-stats progress{height:5px}.shop-info p{font-size:10px;line-height:1.2;margin:3px 0}.shop-info .eyebrow{letter-spacing:1px}.resident-actions{margin-top:5px}.shop-info .buy-reason{line-height:1.2!important;margin:3px 0}.resident-screen,.shop-card{padding:6px 12px}}
@media(orientation:landscape) and (max-height:600px){main{grid-template-rows:44px minmax(0,1fr) 56px;gap:5px}}
:root{--shell-top:12px;--shell-bottom:10px}main{padding-top:max(var(--shell-top),env(safe-area-inset-top));padding-bottom:max(var(--shell-bottom),env(safe-area-inset-bottom))}@media(max-width:360px){:root{--shell-top:10px}}@media(orientation:landscape) and (max-height:600px){:root{--shell-top:8px;--shell-bottom:8px}}