:root{--ink:#343b35;--muted:#85897e;--paper:#f5f2eb;--white:#fffdf8;--line:#e7e6dc;--sage:#627960;--sage-light:#e4ecdf;--orange:#c77854;--lavender:#e8e2f4;--shadow:0 12px 36px #474c3310;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9ece4;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,a,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #cf8963;outline-offset:4px}[hidden]{display:none!important}svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[data-icon]{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}button{transition:transform .15s,background .15s,box-shadow .15s}button:active:not(:disabled){transform:scale(.96)}.app-shell{width:100%;max-width:500px;min-height:100svh;margin:0 auto;background:var(--paper);position:relative;box-shadow:0 0 90px #32473410}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 15px;gap:8px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.9px;line-height:1}.brand-mark{background:var(--sage);color:#fff5e7;width:40px;height:43px;padding:9px;border-radius:14px 14px 17px 9px;transform:rotate(-5deg)}.brand-mark svg{stroke-width:1.6}.brand-ext{font-weight:400;color:var(--sage)}.brand small{display:block;font-size:9px;letter-spacing:1.1px;color:var(--muted);font-weight:500;margin-top:7px}.top-actions{display:flex;align-items:center;gap:6px}.mode-pill{background:#e6e8de;color:#6c7664;font-size:10px;padding:6px 8px;border-radius:8px;font-weight:700}.mode-pill.live{background:#ddebd9;color:#4b7048}.coins-pill{border-radius:25px;background:#fff8e6;border:1px solid #e9dfba;display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:13px;min-width:65px}.coins-pill [data-icon]{width:20px;height:20px;color:#bd8c3c}.icon-button{background:transparent;width:32px;height:34px;display:grid;place-items:center;padding:6px;color:#7f887b}.icon-button [data-icon]{width:20px;height:20px}main{padding:0 20px 110px}.view{display:none;animation:fade-in .28s}.view.active{display:block}.room-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 2px 18px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8a917f;font-weight:750}h1,h2,h3,p{margin:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:35px;line-height:1.06;letter-spacing:-1.4px;font-weight:400;margin-top:9px}h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:400;letter-spacing:-.7px}h3{font-size:16px}.life-badge{font-size:10px;display:flex;align-items:center;gap:5px;padding-bottom:4px;color:var(--sage);white-space:nowrap}.online-dot{width:6px;height:6px;border-radius:100%;background:#8eaa75;box-shadow:0 0 0 3px #8eaa7514}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:0 2px 20px}.stat-head{display:flex;align-items:center;gap:4px;font-size:10px;color:#8a8f82}.stat-head [data-icon]{width:14px;height:14px;color:var(--stat-color)}.stat-values{display:flex;gap:3px;align-items:baseline;margin:5px 0 7px}.stat-values b{font-size:18px;font-weight:650;letter-spacing:-.8px}.stat-values small{font-size:9px;color:#a3a89b}.stat-track{height:4px;border-radius:4px;background:#e5e6dc;overflow:hidden}.stat-track i{display:block;height:100%;border-radius:4px;background:var(--stat-color);transition:width .4s}.room{height:350px;position:relative;overflow:hidden;background:#e9e6d8;border-radius:23px;isolation:isolate;box-shadow:0 4px 25px #36382a08}.room-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 66%;z-index:-3}.room-shade{position:absolute;inset:0;background:linear-gradient(#f9f6eb13,#f9f6eb00 55%,#e5d4b632);z-index:-2;transition:background 1.5s}.room-label{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:5px;font-size:9px;color:#606953;background:#fffceeaa;border:1px solid #fff8e9bd;padding:5px 9px;border-radius:20px;backdrop-filter:blur(6px)}.room-label [data-icon]{width:12px;height:12px}.speech{position:absolute;top:48px;left:17px;background:#fffdf3f0;box-shadow:0 4px 12px #6f65410b;padding:12px 15px;border-radius:14px 14px 14px 3px;font-size:12px;line-height:1.5;max-width:230px;z-index:4;transition:opacity .25s;pointer-events:none}.speech:after{content:'';position:absolute;bottom:-8px;left:37px;border-top:9px solid #fffdf3f0;border-right:10px solid transparent}.cat{position:absolute;left:50%;bottom:31px;width:232px;height:241px;transform:translateX(-50%);background:none;padding:0;z-index:3;touch-action:none;transform-origin:50% 85%;animation:breathe 3.6s ease-in-out infinite;cursor:grab}.cat:active{transform:translateX(-50%) scale(.985)!important;cursor:grabbing}.cat img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 3px #3c3c3220);pointer-events:none;user-select:none;-webkit-user-drag:none}.cat-shadow{position:absolute;bottom:28px;left:50%;width:155px;height:17px;transform:translateX(-50%);background:#353b3326;border-radius:100%;filter:blur(8px);z-index:1}.cat.happy{animation:wiggle .5s ease-in-out 2}.cat.jump{animation:cat-hop .65s ease}.room.sleeping .cat{animation:cat-sleep 3s ease-in-out infinite}.room.sleeping .room-shade{background:#232d4c55}.sleep-letters{position:absolute;top:25px;right:20px;font-family:Georgia,serif;font-size:28px;color:#e6eaf7;letter-spacing:7px;opacity:0;pointer-events:none;text-shadow:0 1px 4px #25304e}.room.sleeping .sleep-letters{opacity:1;animation:zzz 2s infinite}.room-bowl{position:absolute;right:23px;bottom:25px;width:69px;height:54px;background:none;color:#c78c5a;z-index:4;padding:0;filter:drop-shadow(0 4px 3px #52432920)}.room-bowl [data-icon]{width:100%;height:100%;stroke-width:1}.room-bowl.food-ready{filter:drop-shadow(0 0 10px #ffdb70);transform:scale(1.15)}.room-bowl .bowl-food{position:absolute;top:18px;left:24px;width:22px;height:9px;border-radius:100%;background:#8a603f;opacity:0}.room-bowl.fed .bowl-food{opacity:1}.room-bed{position:absolute;bottom:9px;left:36px;width:135px;height:62px;color:#718a73;z-index:0;transform:rotate(-5deg);filter:drop-shadow(0 6px 4px #4b554421)}.room-bed [data-icon]{width:100%;height:100%;stroke-width:1}.room-yarn{position:absolute;left:24px;bottom:29px;width:42px;height:42px;padding:0;background:none;color:#a78cb7;z-index:4;transform:rotate(-15deg)}.room-yarn [data-icon]{width:100%;height:100%;stroke-width:1.2}.pet-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:9px;color:#606a52;background:#fffdf18a;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;white-space:nowrap;z-index:5;pointer-events:none}.pet-hint [data-icon]{width:12px;height:12px}.particle-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.particle{position:absolute;animation:float-heart .95s ease-out forwards;font-size:22px;pointer-events:none}.care-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 18px}.care-button{background:var(--white);border:1px solid var(--line);border-radius:17px;display:flex;align-items:center;flex-direction:column;padding:12px 3px 10px;box-shadow:0 2px 4px #3c443505;gap:5px}.care-button>[data-icon]{width:26px;height:26px;margin-bottom:2px}.care-button b{font-size:11px;font-weight:650}.care-button small{font-size:8px;color:#a0a292;white-space:nowrap}.care-button.food [data-icon]{color:#bd835f}.care-button.play [data-icon]{color:#ab91b8}.care-button.sleep [data-icon]{color:#8799b7}.care-button.pet [data-icon]{color:#c99395}.care-button:hover{background:#fff;box-shadow:0 4px 10px #4245300a}.food{touch-action:none}.adventure-nudge{width:100%;display:flex;align-items:center;gap:12px;background:#e8eddf;border-radius:16px;text-align:left;padding:14px;color:#627158}.adventure-nudge .nudge-icon{background:#f6f8ef;padding:7px;width:39px;height:39px;border-radius:13px}.adventure-nudge>span:nth-child(2){flex:1}.adventure-nudge b{display:block;font-size:12px;font-weight:650}.adventure-nudge small{display:block;font-size:10px;color:#8c9781;margin-top:5px}.adventure-nudge>span:last-child{width:17px;height:17px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;background:#fffdf8f2;border-top:1px solid #e4e6db;backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(4,1fr);padding:11px 10px calc(13px + var(--safe-bottom));z-index:20}.bottom-nav button{position:relative;background:none;color:#a4a99b;display:flex;align-items:center;flex-direction:column;gap:5px;padding:2px 8px}.bottom-nav button>[data-icon]{width:23px;height:23px}.bottom-nav b{font-size:9px;font-weight:600}.bottom-nav .selected{color:var(--sage)}.bottom-nav .selected:before{content:'';position:absolute;top:-12px;width:25px;height:3px;background:var(--sage);border-radius:0 0 3px 3px}.bottom-nav i{position:absolute;top:-2px;right:35%;width:6px;height:6px;border-radius:100%;background:var(--orange);border:1px solid white}.page-heading{padding:26px 2px 27px}.page-heading h1{font-size:38px;margin:10px 0 13px}.page-heading>p{color:#909887;font-size:12px;line-height:1.7}.game-card{display:flex;align-items:center;gap:18px;padding:23px 18px;border-radius:23px;text-align:left;min-height:185px;width:100%;margin-bottom:16px;border:1px solid #fff9}.laser-card{background:#e5ebdc}.box-card{background:#eee4d6}.game-art{position:relative;width:107px;height:115px;flex-shrink:0;display:grid;place-items:center}.laser-line{width:15px;height:15px;background:#dd785f;border-radius:100%;position:absolute;top:18px;right:12px;box-shadow:0 0 0 9px #d77c4b0b,0 0 0 20px #d77c4b09}.laser-paw{color:#6e8667;width:80px;height:80px;transform:rotate(-18deg);position:absolute;bottom:0;left:0}.laser-paw svg{stroke-width:1}.game-copy small{font-size:8px;letter-spacing:1px;color:#8e9984}.game-copy h2{font-size:23px;line-height:1.2;margin:9px 0}.game-copy p{font-size:11px;line-height:1.6;color:#93977f}.text-link{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#5e7254;margin-top:16px}.text-link [data-icon]{width:15px;height:15px}.box-art{color:#b99470}.box-art>[data-icon]{width:100px;height:100px}.box-art i{position:absolute;right:0;top:0;font-size:22px;color:#aa8561;font-family:Georgia,serif}.muted-note{text-align:center;font-size:10px;color:#9ea58f;line-height:1.8;padding:12px}.expedition-art{height:230px;position:relative;border-radius:25px;background:#e2e9d9;overflow:hidden;isolation:isolate;margin-bottom:23px}.expedition-art img{position:absolute;bottom:0;left:17%;height:220px;z-index:3}.expedition-ring{position:absolute;width:200px;height:200px;top:25px;right:5px;border:1px dashed #a1b38d;border-radius:100%;transform:rotate(20deg)}.map-dots{position:absolute;bottom:20px;left:15px;width:330px;height:80px;border-top:2px dashed #a1b38d;border-radius:100%;transform:rotate(-20deg)}.destination{position:absolute;top:30px;right:48px;width:38px;height:38px;color:#a2a475}.compass-stamp{position:absolute;bottom:20px;right:25px;width:49px;height:49px;color:#8a9e75;transform:rotate(20deg)}.expedition-info{text-align:center}.expedition-info h2{font-size:25px;margin-bottom:9px}.expedition-info p{font-size:12px;color:#89917e;line-height:1.7;margin-bottom:17px}.primary{background:var(--sage);color:#fffdf5;border-radius:13px;padding:14px 20px;font-size:13px;font-weight:600;width:100%;box-shadow:0 4px 7px #6174510e}.primary:hover{background:#546c52}.secondary{background:#e9eddf;color:var(--sage);border-radius:12px;padding:13px 18px;font-size:12px;font-weight:600;width:100%}.plain-button{background:none;color:#9d9786;padding:14px;font-size:11px;text-decoration:underline;text-underline-offset:3px}.timer{font-family:Georgia,serif;font-variant-numeric:tabular-nums;font-size:45px;font-weight:400;letter-spacing:1px;margin:13px 0;color:#627859}.timer small{font-size:12px;font-family:'Segoe UI',sans-serif;display:block;letter-spacing:.5px;margin-top:6px;color:#97a28a}.trip-progress{height:5px;border-radius:5px;background:#e0e5d8;margin:16px 0 12px;overflow:hidden}.trip-progress>i{height:100%;display:block;background:#8ea578;transition:width 1s;border-radius:5px}.trip-price{display:flex;justify-content:center;gap:15px;color:#98a18d;font-size:10px;margin:17px 0}.trip-price [data-icon]{height:15px;width:15px;margin-right:3px}.reward-preview{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.reward-preview>span{font-size:8px;letter-spacing:1.4px;color:#9fa48f}.reward-preview>div{display:flex;justify-content:space-between;gap:6px;margin-top:16px;font-size:10px;color:#8e9881}.reward-preview>div>span{display:flex;align-items:center;gap:5px}.reward-preview [data-icon]{width:20px;height:20px;color:#ad956b}.shop-tabs{display:flex;background:#e9eade;border-radius:12px;padding:4px;margin-bottom:21px}.shop-tabs button{flex:1;background:none;font-size:12px;padding:10px;border-radius:9px;color:#99a08a}.shop-tabs button.selected{background:var(--white);box-shadow:0 2px 6px #4a553108;color:#5e7051}.shop-tabs span{font-size:9px;background:#e9eddf;border-radius:9px;padding:2px 5px;margin-left:5px}.product{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:85px 1fr;gap:14px;margin-bottom:12px}.product-art{background:#e8eddf;border-radius:17px;width:85px;height:95px;display:grid;place-items:center;color:#72896b}.product-art [data-icon]{width:65px;height:65px}.product:nth-child(2) .product-art{background:#f3e7d9;color:#c49b70}.product:nth-child(3) .product-art{background:#eee7f4;color:#a78aba}.product h3{font-family:Georgia,serif;font-size:19px;font-weight:400;margin:1px 0 7px}.product p{font-size:10px;line-height:1.7;color:#98a08e;min-height:32px}.product-bottom{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:650;color:#a48a4e}.product-price [data-icon]{width:16px;height:16px}.buy-button{background:#e7eddf;color:#607451;border:1px solid #dce5d1;font-size:10px;border-radius:9px;padding:8px 12px;font-weight:650}.buy-button.owned{background:none;border-color:transparent;color:#87a06e}.buy-button.low{background:#f0eee6;border-color:#e6e2d6;color:#aaa18c}.inventory-empty{text-align:center;padding:35px 15px}.inventory-empty [data-icon]{width:65px;height:65px;color:#bdc3af;margin-bottom:15px}.inventory-empty h2{font-size:25px;margin-bottom:12px}.inventory-empty p{font-size:12px;color:#9ca38f;line-height:1.8}.sock-inventory{background:#eee7f3;border-radius:19px;display:flex;gap:15px;padding:19px;align-items:center;margin-bottom:15px}.sock-inventory>[data-icon]{height:45px;width:45px;color:#aa92b8}.sock-inventory div{flex:1}.sock-inventory h3{font-size:13px;margin-bottom:6px}.sock-inventory p{font-size:10px;color:#a194ac}.owned-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 5px}.owned-row>[data-icon]{width:36px;height:36px;color:#849674}.owned-row div{flex:1}.owned-row h3{font-size:13px}.owned-row p{font-size:10px;color:#98a08b;margin-top:5px}.owned-tick{color:#7e986a}.toast{position:fixed;bottom:calc(93px + var(--safe-bottom));left:50%;transform:translate(-50%,15px);width:calc(100% - 48px);max-width:450px;background:#3d493cf2;color:#fffaf0;border:1px solid #647160;padding:13px 17px;font-size:12px;line-height:1.6;border-radius:14px;box-shadow:0 7px 20px #39433225;opacity:0;pointer-events:none;z-index:60;transition:.25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.drag-food{position:fixed;z-index:80;width:65px;height:65px;pointer-events:none;transform:translate(-50%,-50%) rotate(-20deg);color:#cf9163;filter:drop-shadow(0 6px 5px #63503240)}.drag-food [data-icon]{width:100%;height:100%}.modal-backdrop{position:fixed;inset:0;background:#25312366;backdrop-filter:blur(7px);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:20px 0 0;overflow:auto}.modal{position:relative;background:var(--paper);width:100%;max-width:500px;max-height:90svh;border-radius:26px 26px 0 0;padding:30px 24px calc(27px + var(--safe-bottom));overflow:auto;box-shadow:0 -10px 50px #2d352b15;animation:modal-up .25s}.modal-close{position:absolute;right:15px;top:15px;background:#e9eade;border-radius:100%;z-index:2}.modal h2{font-size:29px;padding-right:20px;margin-bottom:13px}.modal p{font-size:12px;line-height:1.8;color:#909983;margin-bottom:18px}.modal-illustration{height:110px;text-align:center;display:grid;place-items:center;margin:7px 0 22px}.modal-illustration>[data-icon]{width:100px;height:100px;color:#94a080}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions>*{flex:1}.mode-description{padding:15px;background:#e7ecdf;border-radius:14px;margin-bottom:20px;font-size:12px;color:#7d8d70;line-height:1.8}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-row small{display:block;font-size:10px;color:#a0a58e;margin-top:5px}.toggle{width:43px;height:26px;border-radius:20px;background:#dce2d3;position:relative;padding:0}.toggle:after{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fffdf5;border-radius:100%;box-shadow:0 1px 3px #58654017;transition:left .2s}.toggle.on{background:var(--sage)}.toggle.on:after{left:20px}.settings-footer{font-size:10px!important;text-align:center;margin-top:22px!important;margin-bottom:0!important;color:#a5aa98!important}.dead-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eff0e4df;z-index:8;padding:25px;text-align:center;backdrop-filter:blur(7px)}.dead-overlay>[data-icon]{height:42px;width:42px;color:#8b9a86;margin-bottom:17px}.dead-overlay h2{font-size:25px}.dead-overlay p{font-size:12px;color:#909983;margin:13px 0 20px}.loading{position:fixed;inset:0;background:var(--paper);z-index:100;display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;transition:opacity .3s}.loading-paw{width:50px;height:50px;color:var(--sage);animation:pulse 1s infinite}.loading b{font-size:12px;font-weight:500;color:#8a957d}.laser-arena{height:310px;background:#e4ebda;border:1px solid #d9e1d0;border-radius:20px;position:relative;overflow:hidden;touch-action:none;margin:17px 0}.laser-arena:before{content:'';position:absolute;inset:15px;border:1px dashed #c3cfb7;border-radius:15px;pointer-events:none}.laser-dot{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);background:none;border-radius:100%;padding:0;display:grid;place-items:center;touch-action:none}.laser-dot:before{content:'';width:16px;height:16px;background:#e77c64;border-radius:100%;box-shadow:0 0 0 8px #e77c6410,0 0 18px #e77c6440}.game-score{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#849075}.game-score strong{font-family:Georgia,serif;font-size:25px;color:var(--sage);font-weight:400}.arena-cat{position:absolute;width:110px;height:110px;left:50%;bottom:-19px;transform:translateX(-50%);opacity:.4;pointer-events:none}.box-scene{position:relative;height:175px;background:#eee5d6;border-radius:20px;margin:17px 0;display:flex;justify-content:center;align-items:center;gap:10px;overflow:hidden}.box-scene>[data-icon]{height:100px;width:100px;color:#b9936e;transform:rotate(5deg)}.box-scene img{height:145px;width:145px;object-fit:contain;align-self:flex-end}.story-choices{display:grid;gap:8px}.story-choice{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-align:left;font-size:12px;display:flex;align-items:center;gap:9px}.story-choice:hover{border-color:#bdc7ae;background:#fff}.story-step{font-size:9px;letter-spacing:1.4px;color:#aaa68e;margin-bottom:9px}.story-outcome{text-align:center;padding:18px 0}.story-outcome [data-icon]{width:55px;height:55px;color:#99aa85;margin-bottom:14px}.story-outcome h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:14px}.result-pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.result-pills span{font-size:10px;padding:7px 10px;border-radius:20px;background:#e4ebdb;color:#718661}.connection-error{padding:20px;text-align:center}.connection-error [data-icon]{width:55px;height:55px;color:#a78d6f;margin:15px 0}.connection-error h2{font-size:26px;padding:0}.connection-error p{font-size:12px;color:#929b87;line-height:1.8;margin:15px 0}.busy .care-button:not(.pet){opacity:.55;pointer-events:none}.busy .buy-button,.busy #expeditionInfo button{pointer-events:none;opacity:.6}
@keyframes breathe{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.015,1.024)}}@keyframes wiggle{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(-3deg)}75%{transform:translateX(-50%) rotate(3deg)}}@keyframes cat-hop{0%,100%{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(-25px) rotate(-4deg)}}@keyframes cat-sleep{0%,100%{transform:translateX(-50%) rotate(5deg) scale(.96)}50%{transform:translateX(-50%) rotate(5deg) scale(.98,1)}}@keyframes zzz{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(-25px);opacity:0}}@keyframes float-heart{0%{transform:translateY(0) scale(.7);opacity:0}20%{opacity:1}100%{transform:translateY(-90px) translateX(var(--sway,8px)) scale(1.15);opacity:0}}@keyframes fade-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-up{from{transform:translateY(35px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes pulse{50%{transform:scale(1.12);opacity:.6}}
.topbar{position:sticky;top:0;background:var(--paper);z-index:12}
@media(min-width:700px){body{padding:28px 0;background:radial-gradient(ellipse at 20% 20%,#f4e9d8 0,transparent 45%),radial-gradient(ellipse at 90% 70%,#dbe3d2 0,transparent 45%),#e8ece3}.app-shell{border-radius:30px;overflow:clip;min-height:calc(100svh - 56px);border:1px solid #fff8}.bottom-nav{border-radius:0 0 29px 29px;bottom:0}.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:25px;max-width:440px;padding-bottom:28px}.room{height:380px}.cat{width:251px;height:260px}.topbar{padding-top:24px}}
@media(max-width:370px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:16px;padding-right:16px}.brand{font-size:20px}.brand-mark{width:34px;height:37px;padding:8px}.top-actions{gap:3px}.coins-pill{min-width:55px;padding:6px 8px}.mode-pill{font-size:9px;padding:5px}.room-heading h1{font-size:32px}.stats{gap:9px}.stat-head{font-size:9px}.care-button small{font-size:7px}.care-button b{font-size:10px}.game-card{gap:8px;padding:18px 12px}.game-art{width:90px}.game-copy h2{font-size:21px}.product{grid-template-columns:73px 1fr;gap:11px;padding:14px}.product-art{width:73px;height:90px}.room{height:330px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}