@font-face{font-family:Nunito;src:url(../fonts/nunito-latin.woff2) format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}@font-face{font-family:Fraunces;src:url(../fonts/fraunces-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper: #fbf5e6;--paper-2: #f2e8cf;--ink: #3d3328;--ink-soft: #6d5f4c;--leaf: #5d8a52;--leaf-dark: #436b3b;--sun: #e4c08c;--berry: #c9553f;--sky: #7fb7c9;--shadow: 0 3px 0 rgba(61, 51, 40, .18), 0 6px 18px rgba(61, 51, 40, .18);--radius: 16px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);color-scheme:light}.pictogram{display:inline-block;width:1.35em;height:1.35em;vertical-align:-.3em;object-fit:contain;pointer-events:none}.icon-btn>.pictogram,.skip-btn>.pictogram{width:32px;height:32px}.rbtn .emoji .pictogram{width:38px;height:38px}.rbtn .verb .pictogram{width:26px;height:26px}.rbtn .cost .pictogram{width:14px;height:14px}.rbtn .block .pictogram{width:24px;height:24px}.chip .pictogram{width:21px;height:21px}.day .pictogram,.battery-text .pictogram{width:20px;height:20px}.app-loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#637559;background:#f7f0da;font-size:14px;letter-spacing:.03em}.app-loading img{object-fit:contain;animation:bob 2s ease-in-out infinite}.loading-track{width:160px;height:5px;overflow:hidden;border-radius:5px;background:#e2dfc6}.loading-fill{width:100%;height:100%;background:#9bb58b;transform:scaleX(0);transform-origin:left;transition:transform .2s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#6f8a5c;font-family:Nunito,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;color:var(--ink);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:0;width:100vw;height:100dvh}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}button:focus{outline:none}button:focus-visible{outline:3px solid #f2c45a;outline-offset:2px}.hud{position:absolute;inset:0;transition:opacity .3s}.hud.hidden{opacity:0;visibility:hidden}.panel{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;gap:8px;align-items:flex-start;pointer-events:none}.status{padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-width:112px}.battery{position:relative;height:22px;border-radius:11px;background:#e3d6b8;overflow:hidden}.battery-fill{position:absolute;inset:0 auto 0 0;background:#8cc66f;transition:width .25s,background .4s}.battery-fill[data-level=mid]{background:#e8be4a}.battery-fill[data-level=low]{background:#e0714f}.battery-text{position:relative;display:block;text-align:center;font-size:14px;line-height:22px;font-weight:900}.day{font-size:13px;color:var(--ink-soft);text-align:center}.zone{flex:1;max-width:200px;margin:0 auto;padding:6px 12px;display:flex;align-items:center;gap:8px}.zone[hidden]{display:none}.zone-icon{width:30px;height:30px;object-fit:contain}.zone-bar{flex:1;height:10px;border-radius:4px;background:#e3d6b8;overflow:hidden}.zone-fill{height:100%;transition:width .4s,background .4s}.zone.no-bar{flex:0 0 auto}.zone.no-bar .zone-bar{display:none}.zone-fill[data-level=low]{background:#d9a066}.zone-fill[data-level=mid]{background:#c9c25a}.zone-fill[data-level=good]{background:#7fbf6a}.buttons{display:flex;gap:8px;pointer-events:auto}.icon-btn{position:relative;width:48px;height:48px;border:0;border-radius:14px;background:var(--paper);box-shadow:var(--shadow);font-size:22px;display:grid;place-items:center}.icon-btn:active{transform:translateY(2px)}.badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--berry);color:#fff;font-size:12px;line-height:20px;font-weight:900}.inventory{position:absolute;top:calc(84px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.chip{border:0;display:inline-flex;align-items:center;gap:2px;padding:4px 9px;border-radius:999px;background:#fbf5e6eb;box-shadow:0 2px #3d332826;font-size:13px;font-weight:800;white-space:nowrap}button.chip{pointer-events:auto;min-height:32px}.chip.full{background:#f7d7c4}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#28221a73;opacity:0;transition:opacity .18s;touch-action:auto}.overlay.in{opacity:1}.overlay.out{opacity:0}.overlay .card{width:min(100%,440px);max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--paper);border-radius:22px;padding:22px 20px;box-shadow:var(--shadow);text-align:center;transform:translateY(10px) scale(.98);transition:transform .2s ease-out;user-select:text}.overlay.in .card{transform:none}.overlay h1{margin:6px 0 4px;font-size:40px;font-weight:900;color:var(--leaf-dark)}.overlay h2{margin:4px 0;font-size:24px;font-weight:900}.overlay h3{margin:16px 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-align:left}.overlay p{line-height:1.45;margin:8px 0}.overlay .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}.overlay button:not(.icon-btn):not(.entry){min-height:48px;padding:10px 20px;border:0;border-radius:14px;background:var(--paper-2);box-shadow:0 3px #3d33282e;font-weight:900;font-size:16px}.overlay button.primary:not(.icon-btn){background:var(--leaf);color:#fff;box-shadow:0 3px 0 var(--leaf-dark);margin-top:8px}.overlay button:active{transform:translateY(2px)}@keyframes bob{50%{transform:translateY(-5px) rotate(-2deg)}}.how{font-size:13px;color:var(--ink-soft)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--leaf-dark);font-weight:900}.hero{width:110px;height:110px;object-fit:contain;margin:6px auto 0;display:block}.hero.unknown,.entry.unknown img{filter:brightness(0) opacity(.25)}.sci{font-style:italic;font-weight:600;color:var(--ink-soft)}.helped{background:#e4f2d6;border-radius:12px;padding:10px 12px;font-size:14px}.guide .card{width:min(100%,560px);text-align:left;padding-top:14px}.guide-head{display:flex;align-items:center;gap:10px;position:sticky;top:-14px;background:var(--paper);padding:4px 0 8px;z-index:1}.guide-head h2{flex:1}.count{font-size:13px;color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.entry{border:0;border-radius:14px;background:var(--paper-2);padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;min-height:92px}.entry img{width:54px;height:54px;object-fit:contain}.detail{text-align:center}.detail ul{text-align:left;padding-left:20px;line-height:1.45}.detail li{margin:6px 0}.overlay .back{float:left;min-height:40px!important;padding:6px 14px!important}.morning .lines{text-align:left;padding-left:20px;line-height:1.45}.postcard{position:relative;margin:10px 0;padding:12px 14px 10px;border-radius:10px;background:#fffdf6;border:2px dashed #d9c8a2;text-align:left;transform:rotate(-.6deg)}.postcard:nth-child(2n){transform:rotate(.6deg)}.postcard p{margin:4px 0 0;font-size:14px;font-weight:600}.stamp{position:absolute;right:10px;top:8px;font-size:20px}.win{margin:10px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,#ffe4a8,#e4f2d6);font-weight:800}.stats{list-style:none;padding:0;text-align:left;line-height:1.9}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.chip img{width:20px;height:20px;object-fit:contain}.chip.seedling{background:#e4f2d6}.float-layer{position:absolute;inset:0;pointer-events:none}.radial{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:5}.rbtn{position:absolute;left:0;top:0;width:58px;height:58px;border-radius:50%;border:3px solid var(--paper);background:var(--sun);box-shadow:0 4px #a8742a,0 8px 16px #3d332847;pointer-events:auto;display:grid;place-items:center;padding:0;opacity:0;scale:.4;transition:opacity .16s,scale .18s cubic-bezier(.3,1.6,.6,1);touch-action:none}.radial.in .rbtn{opacity:1;scale:1}.rbtn:active{scale:.92}.rbtn .emoji{font-size:26px;line-height:1}.rbtn .tex{width:36px;height:36px;object-fit:contain}.rbtn .verb{position:absolute;right:-4px;bottom:-2px;font-size:18px;filter:drop-shadow(0 1px 0 #fff)}.rbtn .cost{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);padding:0 5px;border-radius:8px;background:var(--paper);font-size:10px;font-weight:900;white-space:nowrap}.rbtn .kbd{position:absolute;left:-2px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--paper);font-size:10px;line-height:16px;display:none}@media(hover:hover)and (pointer:fine){.rbtn .kbd{display:block}.rbtn:hover{filter:brightness(1.08)}}.rbtn.off{background:#d8ccb2;box-shadow:0 4px #a39577,0 8px 16px #3d33282e}.rbtn.off .emoji,.rbtn.off .tex{opacity:.45}.rbtn .block{position:absolute;right:-6px;top:-6px;width:24px;height:24px;border-radius:50%;background:var(--paper);font-size:14px;line-height:24px;box-shadow:0 2px 4px #3d332833}.rbtn .block.tex-block{object-fit:contain;padding:2px}.rbtn.shake{animation:shake .3s}@keyframes shake{25%{margin-left:-4px}75%{margin-left:4px}}.skip-btn{position:fixed;right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));z-index:20;width:52px;height:52px;border:0;border-radius:50%;background:#fbf5e6d9;box-shadow:var(--shadow);font-size:22px}.overlay button.big-icon{min-width:72px;font-size:26px!important;line-height:1}.overlay button.armed{background:#f7c9b8!important;animation:shake .3s}.overlay button.armed:after{content:" ❗"}.pict{font-size:30px}.sunrise{font-size:34px;display:flex;justify-content:center;align-items:center;gap:8px}.tiles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.tile{position:relative;width:74px;padding:6px 4px;border-radius:14px;background:var(--paper-2);display:flex;flex-direction:column;align-items:center;font-size:15px;font-weight:900}.tile img{width:46px;height:40px;object-fit:contain}.tile.star{background:#ffe9a8}.tile.warn{background:#fbe2cf}.postcards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0}.postcard-pic{position:relative;width:112px;height:78px;border-radius:8px;background:#fffdf6;border:2px dashed #d9c8a2;display:grid;place-items:center;transform:rotate(-2deg)}.postcard-pic:nth-child(2n){transform:rotate(2deg)}.postcard-pic .pc-animal{width:56px;height:44px;object-fit:contain}.postcard-pic .pc-mark{position:absolute;right:6px;bottom:4px;font-size:16px}.postcard-pic .pc-day{position:absolute;left:6px;top:4px;font-size:11px}.mini-health{display:flex;gap:10px;justify-content:center;margin:8px 0}.mini-health span{display:flex;align-items:center;gap:4px;width:92px;height:26px;position:relative}.mini-health img{width:24px;height:24px;object-fit:contain}.mini-health i{display:block;height:8px;border-radius:4px;background:#7fbf6a}.monitor .card{background:#efe6d6;padding:12px;width:min(100%,520px)}.screen{background:#1f3a34;border-radius:14px;padding:10px 12px;color:#c8ffe2;text-align:left}.mon-head{display:flex;align-items:center;gap:12px;font-size:22px;margin-bottom:6px}.mon-head span{flex:1;font-size:16px}.mon-row{display:grid;grid-template-columns:48px 44px 1fr auto 48px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(200,255,226,.2)}.mon-row.away{opacity:.85}.mon-animal{width:46px;height:36px;object-fit:contain}.mon-animal.unknown{filter:brightness(0) invert(.85) opacity(.4)}.mon-pop{font-size:22px}.mon-pop small{font-size:12px}.spark{width:100%;height:26px}.spark .line{fill:none;stroke:#7fe3b0;stroke-width:2;stroke-linejoin:round}.spark .area{fill:#7fe3b026;stroke:none}.needs{display:flex;gap:3px}.need{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative}.need img{width:24px;height:22px;object-fit:contain}.need:after{content:"❗";position:absolute;right:-5px;top:-6px;font-size:11px}.needs.ok{font-size:20px}.mon-seen{font-size:13px;white-space:nowrap}.mon-zones{display:flex;gap:8px;margin:10px 0 4px}.mon-zone{flex:1;display:flex;align-items:center;gap:4px}.mon-zone img{width:24px;height:24px;object-fit:contain}.mon-zone .bar{flex:1;height:8px;border-radius:4px;background:#c8ffe226;overflow:hidden}.mon-zone .bar i{display:block;height:100%;background:#7fe3b0}.mon-zone b{font-size:12px}.mon-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;font-size:15px;margin-top:6px}.mon-stats span{display:inline-flex;align-items:center;gap:3px}.mon-stats img{width:22px;height:22px;object-fit:contain}.board .card{background:#b98a5e;padding:10px;width:min(100%,520px)}.cork{position:relative;background:#d8a76e;border-radius:10px;padding:18px 12px 12px;min-height:220px}.close-corner{position:absolute;right:8px;top:8px}.photos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.polaroid{width:92px;padding:6px 6px 4px;background:#fff;box-shadow:0 3px 8px #3d332840;transform:rotate(-3deg);display:flex;flex-direction:column;align-items:center}.polaroid:nth-child(2n){transform:rotate(3deg)}.polaroid img{width:78px;height:62px;object-fit:contain;background:#d7eee6}.polaroid span{font-size:12px}.overlay button.toggle.muted{opacity:.45;text-decoration:line-through}.overlay.title{padding:0;background:#f3ead3;isolation:isolate}.title .card{position:relative;width:100%;height:100%;max-height:none;overflow:hidden;padding:0;border-radius:0;box-shadow:none;background:#f3ead3;text-align:left;user-select:none}.title-landscape,.title-wash{position:absolute;inset:0;width:100%;height:100%}.title-landscape{object-fit:cover;object-position:62% 54%}.title-wash{background:linear-gradient(90deg,rgba(250,245,221,.96) 0%,rgba(250,245,221,.88) 24%,rgba(250,245,221,.25) 49%,transparent 66%)}.title-header{position:absolute;z-index:2;left:max(5.5vw,calc(24px + var(--safe-l)));right:max(4vw,calc(24px + var(--safe-r)));top:max(32px,calc(18px + var(--safe-t)));display:flex;align-items:center;justify-content:space-between}.title-brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#536c4e}.title-brand>.pictogram{width:32px;height:32px}.title-controls .icon-btn{background:#fffae4d1;border:1px solid #fff9dd;border-radius:50%;box-shadow:0 2px 8px #5f70441a}.title-copy{position:absolute;z-index:2;left:max(8.5vw,calc(28px + var(--safe-l)));top:50%;width:min(40vw,500px);transform:translateY(-47%)}.title .title-kicker{margin:0 0 24px;color:#7e8868;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.title h1{font-family:Fraunces,Georgia,serif;font-size:clamp(90px,9.6vw,148px);line-height:.83;font-weight:650;letter-spacing:-.065em;color:#466749;margin:0 0 30px -7px;text-shadow:0 2px 0 #fff8df}.title h1>span{display:block}.title h1 .title-leaf{display:inline-block;margin-left:16px;vertical-align:middle;transform:rotate(8deg)}.title-leaf .pictogram{width:.53em;height:.53em;vertical-align:0}.title .title-description{font-size:clamp(16px,1.55vw,23px);line-height:1.55;color:#6d795d;font-weight:600;margin:0 0 28px;letter-spacing:.01em}.title-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.title .title-start.primary{display:flex;align-items:center;gap:12px;min-width:234px;padding:15px 24px 15px 19px;border-radius:999px;background:#5e8059;color:#fff6de;box-shadow:0 4px #42633e,0 8px 20px #5b6b4433;font-size:17px;font-weight:800;letter-spacing:.025em;margin:0;transition:background .2s,translate .2s}.title-start>.pictogram{width:28px;height:28px}.title .title-start:hover{background:#51754d;translate:0 -2px}.title .title-start:active{translate:0 2px;transform:none}.title-arrow{margin-left:auto;width:20px;height:20px;color:#d0dcab}.title button.title-new{display:flex;align-items:center;gap:5px;min-height:30px;padding:3px 10px;background:transparent;box-shadow:none;font-size:13px;font-weight:700;color:#768265}.title-new .pictogram{width:22px;height:22px}.title .title-save{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#657358;margin:1px 0 0 4px}.title-save .pictogram{width:17px;height:17px}.title-footer{position:absolute;left:max(5.5vw,calc(24px + var(--safe-l)));right:max(4vw,calc(24px + var(--safe-r)));bottom:max(26px,calc(14px + var(--safe-b)));z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:800;color:#586a4f;letter-spacing:.03em}.title-habitat{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:30px;background:#fff4d9d9}.title-habitat .pictogram{width:22px;height:22px}.title-motes{position:absolute;inset:0;z-index:1;pointer-events:none}.title-motes i{position:absolute;left:55%;top:60%;width:4px;height:4px;background:#fff4c7;box-shadow:0 0 8px #fff4c7;border-radius:50%;opacity:0;animation:drift 8s ease-in-out infinite}.title-motes i:nth-child(2){left:75%;top:80%;animation-delay:-2s}.title-motes i:nth-child(3){left:85%;top:50%;animation-delay:-4s}.title-motes i:nth-child(4){left:45%;top:70%;animation-delay:-6s}.title-motes i:nth-child(5){left:65%;top:45%;animation-delay:-3s}@keyframes drift{15%{opacity:.8}85%{opacity:.8}to{opacity:0;transform:translate(35px,-100px)}}.panel,.icon-btn{border:1px solid #fff5d9;background:#fbf5e6f2}.rbtn{border-color:#fff3d9;background:#e2c79d;box-shadow:0 3px #b29973,0 7px 16px #64583b33}.overlay:not(.title) .card{border:2px solid #fff5df;box-shadow:0 4px #88745444,0 18px 60px #3d332833}.guide .entry{background:#f0e9d4}.discovery .hero{width:142px;height:142px}@media(max-width:640px)and (orientation:portrait){.title-landscape{object-position:69% 70%}.title-wash{background:linear-gradient(180deg,#fcf5dff7,#fcf5dfe8 22%,#fcf5df45 44%,transparent 63%,#eee2c7a6)}.title-header{left:22px;right:22px;top:max(18px,calc(10px + var(--safe-t)))}.title-brand{font-size:9px;letter-spacing:.1em;gap:4px}.title-brand>.pictogram{width:25px;height:25px}.title-controls .icon-btn{width:40px;height:40px}.title-copy{top:max(92px,calc(75px + var(--safe-t)));left:26px;width:calc(100% - 52px);transform:none}.title .title-kicker{font-size:9px;margin-bottom:13px}.title h1{font-size:clamp(60px,20vw,108px);margin:0 0 15px -3px;line-height:.95;white-space:nowrap}.title h1>span{display:inline}.title h1>span:before{content:" "}.title h1 .title-leaf{display:none}.title .title-description{font-size:15px;margin-bottom:19px;line-height:1.5}.title .title-description br{display:none}.title .title-description br:after{content:" "}.title-actions{gap:10px}.title .title-start.primary{min-width:192px;min-height:52px;padding:11px 18px 11px 13px;font-size:15px}.title .title-save{font-size:9px;color:#52644b}.title-footer{left:20px;right:20px;font-size:10px;bottom:max(18px,calc(12px + var(--safe-b)))}.title-habitat{display:none}}@media(max-height:650px)and (orientation:portrait){.title-copy{top:max(78px,calc(60px + var(--safe-t)))}.title-landscape{top:5%;height:120%}.title .title-save{background:#fff7e0d9;padding:3px 6px;border-radius:8px}}@media(max-height:590px)and (orientation:landscape){.title-header{top:max(12px,var(--safe-t));left:30px;right:24px}.title-brand{font-size:9px}.title-controls .icon-btn{width:38px;height:38px}.title-copy{left:max(7vw,calc(24px + var(--safe-l)));width:45vw;transform:translateY(-43%)}.title .title-kicker{margin-bottom:12px;font-size:9px}.title h1{font-size:clamp(60px,15vh,85px);margin-bottom:14px}.title h1>span{display:inline}.title h1>span:before{content:" "}.title h1 .title-leaf{display:none}.title .title-description{font-size:14px;margin-bottom:14px;line-height:1.3}.title .title-start.primary{min-width:200px;min-height:48px;padding:9px 16px;font-size:14px}.title-actions{gap:7px}.title .title-save{font-size:9px}.title-footer{bottom:12px;font-size:9px}}.topbar{gap:6px;align-items:stretch}.status{min-width:100px;padding:6px 8px;gap:3px}.battery-text{font-size:13px;white-space:nowrap}.battery-text small{font-size:9px;margin-left:3px}.day{font-size:11px}.buttons{gap:5px;align-items:flex-start}.hud .buttons .icon-btn{width:46px;height:59px;padding:5px 0;display:flex;flex-direction:column;gap:0;border-radius:15px}.hud .buttons .icon-btn>.pictogram{width:29px;height:29px}.hud .buttons small{font-size:10px;line-height:16px}.zone{max-width:210px;min-width:92px;padding:6px;gap:3px;flex-wrap:wrap;align-content:center}.zone-caption{flex:1;display:flex;flex-direction:column;min-width:50px}.zone-name{font-size:10px;line-height:1.2}.zone-health{font-size:9px;color:#7a8362;line-height:1.2}.zone-icon{width:27px;height:27px}.zone-bar{flex:0 0 100%;height:5px}.zone.no-bar{flex:1}.inventory{top:calc(82px + var(--safe-t));max-height:65px;overflow:auto}.chip{font-size:11px;padding:3px 7px}.journey-hint{position:absolute;top:calc(126px + var(--safe-t));left:12px;max-width:min(310px,calc(100% - 24px));padding:8px 12px;border-radius:12px;background:#fff8e6e8;box-shadow:0 2px 8px #77674712;font-size:11px;font-weight:700;color:#617151;pointer-events:none}.hud:has(.action-dock:not([hidden])) .journey-hint{display:none}.world-message{position:absolute;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%);max-width:min(500px,calc(100% - 32px));width:max-content;padding:12px 18px;border:1px solid #fff9e4;border-radius:18px;background:#f9f4e2f5;box-shadow:0 4px 18px #4f593026;color:#596d49;text-align:center;font-size:13px;line-height:1.5;z-index:8}.hud:has(.action-dock:not([hidden])) .world-message{bottom:calc(260px + var(--safe-b))}.work-progress{position:absolute;left:50%;bottom:calc(263px + var(--safe-b));transform:translate(-50%);width:min(310px,calc(100% - 24px));background:#fff9e8;padding:12px 16px;border-radius:16px;box-shadow:var(--shadow);z-index:9;font-size:13px}.work-progress>div{background:#e4dcc2;height:5px;margin-top:8px;border-radius:5px;overflow:hidden}.work-progress i{display:block;height:100%;width:100%;background:#93ac7b;transform-origin:left;animation:working var(--work-duration) linear both}@keyframes working{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.action-dock{position:absolute;top:auto;left:max(12px,var(--safe-l));right:max(12px,var(--safe-r));bottom:calc(14px + var(--safe-b));width:auto;height:auto;max-width:590px;margin:0 auto;transform:none;pointer-events:none}.action-panel{pointer-events:auto;border:1px solid #fff8df;background:#fbf5e5f7;box-shadow:0 6px 30px #59613d2b;border-radius:23px;padding:13px;backdrop-filter:blur(12px)}.action-panel header{display:flex;align-items:flex-start;gap:10px;padding:0 3px 10px}.action-panel h2{font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.1;font-weight:650;color:#506548;margin:0 0 4px}.action-panel header p{margin:0;color:#7a795e;font-size:11px;line-height:1.4;font-weight:600;max-width:460px}.action-close{border:0;background:#ede6cf;border-radius:50%;min-width:36px;height:36px;padding:5px;margin-left:auto}.action-close .pictogram{width:25px;height:25px}.action-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px}.action-dock .rbtn{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:95px;border:1px solid #e5dfc7;border-radius:14px;background:#f0e7ce;box-shadow:0 2px #d3c7a8;display:flex;flex-direction:column;gap:4px;padding:7px;opacity:1;scale:1;transform:none;transition:background .15s}.action-dock .rbtn:hover{background:#e6e5c9;filter:none}.action-dock .rbtn.off{background:#ebe8d9;box-shadow:0 2px #d4cdb6}.action-art{position:relative;display:grid;place-items:center;height:34px}.action-dock .rbtn .emoji .pictogram,.action-dock .rbtn .tex{width:36px;height:36px}.action-dock .rbtn .verb{right:-12px;bottom:-2px}.action-dock .rbtn .verb .pictogram{width:20px;height:20px}.action-label{font-size:12px;line-height:1.15;font-weight:900}.action-cost{color:#81795e;font-size:10px;line-height:1.3;font-weight:600}.action-cost .pictogram{width:14px;height:14px}.action-dock .rbtn .kbd{left:5px;top:5px;background:#fff7e0;color:#887e5f;width:15px;height:15px;font-size:9px}.action-hint{margin:6px 2px 0;font-size:11px;color:#9b795d}.action-hint:empty{display:none}.action-dock[hidden],.world-message[hidden],.work-progress[hidden],.journey-hint[hidden]{display:none}.vine-care .card{width:min(100%,1000px);padding:22px;text-align:left;border-radius:26px;background:#fbf5e6}.care-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:0 0 16px}.care-header h2{font-family:Fraunces,Georgia,serif;font-size:34px;font-weight:600;letter-spacing:-.03em;color:#506a48;margin-top:6px}.care-header p{font-size:13px;color:#81785f}.overlay.vine-care button.care-pause{display:flex;align-items:center;gap:3px;background:transparent;box-shadow:none;font-size:11px;min-height:44px;padding:4px 7px;white-space:nowrap}.care-pause .pictogram{width:21px;height:21px}.care-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.care-stage{aspect-ratio:1;min-width:0;max-height:calc(100dvh - 185px)}.care-canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;border-radius:25px}.care-stroke{pointer-events:none}.care-target{cursor:grab;outline:none}.care-target:focus-visible>circle{stroke:#6c8c50;stroke-width:5px}.care-notebook{padding:12px 0 4px;display:flex;flex-direction:column}.care-steps{display:flex;gap:7px;margin:0 0 22px;font-size:11px;color:#a2997f}.care-steps span{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.care-steps b{width:30px;height:30px;background:#ede7d0;border-radius:50%;display:grid;place-items:center;font-size:13px}.care-steps .current,.care-steps .complete{color:#5d794b}.care-steps .current b{background:#dee6bf;outline:2px solid #a8b78a;outline-offset:2px}.care-steps .complete b{background:#a5bb8d;color:#fff8df}.care-instruction h3{text-transform:none;font-family:Fraunces,Georgia,serif;font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:550;margin:0 0 12px;color:#586e4b}.care-instruction p{font-size:14px;line-height:1.6;color:#7b775f;font-weight:600;margin-bottom:16px}.care-instruction>strong{font-size:12px;color:#7a8d5e}.care-tip{display:flex;gap:8px;font-size:12px;line-height:1.5;color:#7c8a65;background:#edf0db;border-radius:13px;padding:12px;margin-top:20px}.care-tip .pictogram{width:30px;height:30px;flex-shrink:0}.care-feedback{min-height:32px;font-size:12px;color:#a08353;line-height:1.5;margin:12px 0}.care-feedback:empty{display:none}.care-cost,.care-keyboard{font-size:11px;line-height:1.8;color:#8b846b}.care-finish{margin-top:14px;width:100%}.care-finish:disabled{opacity:.4;cursor:default}.care-keyboard{margin-top:10px}.care-butterfly{animation:flutter 1.8s ease-in-out infinite;transform-origin:360px 140px}@keyframes flutter{50%{transform:translate(10px,-8px) rotate(7deg)}}.home-nav{position:fixed;bottom:calc(16px + var(--safe-b));left:50%;transform:translate(-50%);display:flex;gap:6px;background:#fbf4e0ef;border:1px solid #fff8dd;border-radius:19px;padding:7px;z-index:3;box-shadow:0 3px 15px #4c50332b}.home-nav button{border:none;padding:5px 12px;border-radius:13px;background:#eae6cc;display:flex;align-items:center;flex-direction:column;gap:1px;min-width:63px;min-height:53px;font-size:11px}.home-nav img{width:30px;height:27px;object-fit:contain}.home-nav button:hover{background:#dce4c4}body:has(.overlay.in) .home-nav,body:has(.action-dock:not([hidden])) .home-nav{visibility:hidden}.nursery .card{width:min(100%,780px);text-align:left}.nursery-head,.monitor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.nursery-head h2,.monitor-heading h2{font-family:Fraunces,Georgia,serif;font-weight:550;font-size:30px}.nursery-intro{font-size:13px;color:#7c7d62}.jar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:20px}.jar-card{padding:13px;border:1px solid #e4dcc0;border-radius:17px;background:#f0ead4;display:flex;flex-direction:column;align-items:center;text-align:center}.jar-card>img{width:88px;height:112px;object-fit:contain}.jar-card h3{font-size:14px;text-transform:none;text-align:center;margin:8px 0 3px;color:#657b50}.jar-card p{font-size:11px;color:#868169}.nursery .jar-card button{font-size:12px;padding:7px 10px;min-height:43px;width:100%;margin-top:6px}.jar-card button:disabled{opacity:.4;cursor:default}.jar-card .jar-state{border-radius:20px;padding:3px 9px;background:#dee7cb;color:#6b7e56;font-size:10px}.jar-card .jar-state.thirsty{background:#ecdbb9;color:#997a51}.jar-empty{color:#8c866b;font-size:11px;line-height:1.5}.monitor .card{width:min(100%,760px);padding:14px}.monitor .screen{padding:20px}.monitor-heading{margin-bottom:10px}.monitor-heading .eyebrow{color:#a9c5a1}.monitor-heading p{font-size:12px;color:#b3cdb3;font-weight:600}.monitor-heading .icon-btn{width:42px;height:42px;flex-shrink:0}.monitor .mon-row{grid-template-columns:73px minmax(0,1fr);gap:14px;align-items:flex-start;padding:16px 0}.monitor .mon-animal{width:70px;height:62px}.mon-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 13px}.mon-identity h3{font-size:15px;color:#e4efcd;margin:0;text-transform:none;letter-spacing:0}.mon-identity>span{font-size:11px;color:#a4c2ab}.monitor .mon-pop{font-size:13px}.mon-details .needs{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.mon-details .need,.detail .need{width:auto;height:auto;border-radius:9px;padding:5px 8px;gap:5px;display:flex;background:#d4dfc01c;color:#c5d5b8;font-size:11px;line-height:1.4}.mon-details .need:after,.detail .need:after{display:none}.detail .need{background:#e6ecd3;color:#66774f}.detail .needs{flex-direction:column;align-items:flex-start;margin:12px 0}.hud.inside-home .world-message{bottom:calc(100px + var(--safe-b))}.nursery-head{position:sticky;top:-22px;background:var(--paper);z-index:2;padding:7px 0}.monitor-heading{position:sticky;top:-14px;background:#1f3a34;z-index:2;padding-bottom:10px}.mon-details .need img{width:25px;height:25px}.mon-details .spark{height:22px;max-width:170px;margin-top:5px}.mon-details .needs.ok{font-size:12px;color:#c6dbad}.mon-zone{flex-wrap:wrap;gap:5px}.mon-zone>span:first-of-type{font-size:11px}.mon-zone .bar{flex:1 1 55%}.mon-zone b{font-size:11px}.mon-zone img{width:30px;height:30px}.mon-stats .stat-label{font-size:10px;color:#a8c1a9}.morning .sunrise{font-size:24px}.morning .morning-heading{font-family:Fraunces,Georgia,serif;font-size:27px;color:#6d8158}.morning .tile{width:100px}.morning .tile small{font-size:10px;line-height:1.4;color:#817f63}.menu .menu-label{display:block;font-size:10px;margin-top:5px}@media(max-width:680px){.care-pause span{display:none}.care-layout{grid-template-columns:1fr;gap:10px}.vine-care .card{padding:15px}.care-header{padding-bottom:10px}.care-header h2{font-size:27px}.care-header .eyebrow{font-size:9px}.care-header p{font-size:11px}.care-notebook{display:grid;grid-template-columns:1fr;padding:0}.care-steps{margin-bottom:12px;flex-direction:row}.care-steps span{flex-direction:row;justify-content:center}.care-steps b{width:23px;height:23px;font-size:11px}.care-instruction h3{font-size:21px;margin-bottom:6px}.care-instruction p{font-size:12px;margin:4px 0 6px}.care-tip{display:none}.care-feedback{min-height:0;margin:5px 0;font-size:11px}.care-cost{font-size:10px}.care-cost br{display:none}.care-keyboard{font-size:9px;line-height:1.3}.care-finish{margin-top:8px!important}.monitor .screen{padding:13px}.monitor-heading h2{font-size:25px}.monitor .mon-row{grid-template-columns:54px minmax(0,1fr);gap:9px}.monitor .mon-animal{width:52px;height:50px}.mon-identity h3{font-size:13px}.monitor .mon-zones{flex-direction:column;gap:12px}.nursery-head h2{font-size:27px}.jar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.jar-card{padding:9px}.jar-card>img{width:68px;height:89px}.jar-card .jar-state{font-size:9px;padding:3px 5px}.jar-card h3{font-size:12px}.overlay.nursery .jar-card button{font-size:11px;padding:6px}}@media(max-width:350px){.status{min-width:86px}.battery-text small{display:none}.hud .buttons .icon-btn{width:40px}.zone{min-width:65px}.zone-icon{display:none}.zone-caption{min-width:0}.zone-name{font-size:9px}.zone-health{font-size:8px}.journey-hint{font-size:10px}.home-nav button{padding:5px 8px}}@media(max-height:540px)and (orientation:landscape){.journey-hint{display:none}.action-dock{left:auto;right:12px;width:340px;bottom:10px}.action-panel header p{max-height:32px;overflow:auto}.action-dock .rbtn{min-height:82px}.action-art{height:25px}.action-dock .rbtn .emoji .pictogram,.action-dock .rbtn .tex{width:28px;height:28px}.vine-care .card{padding:14px}.care-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.care-stage{width:100%;max-height:calc(100dvh - 125px)}.care-notebook{padding-top:0}.care-instruction h3{font-size:20px}.care-instruction p{font-size:11px}.care-steps{margin-bottom:9px}.care-steps span{flex-direction:row;justify-content:center}.care-cost{font-size:10px;line-height:1.4}.care-finish{min-height:44px!important;padding:8px 12px!important;margin-top:8px!important}.care-tip,.care-keyboard{display:none}.care-header h2{font-size:25px}.care-header{padding-bottom:8px}.care-header p{margin:2px 0}.home-nav{left:16px;transform:none;bottom:12px}}img[src$="art/balloon.png"],.so-queue img[src$="art/balloon.png"]{object-fit:cover;object-position:50% 100%}.mg .card{width:min(100%,980px);padding:20px;text-align:left;border-radius:26px;background:#fbf5e6}.mg-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:12px}.mg-header h2{font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-.02em;color:#506a48;margin:4px 0 2px}.mg-subtitle{font-size:12px;color:#81785f;margin:0!important}.overlay.mg button.mg-leave{display:flex;align-items:center;gap:4px;background:#efe8d2;box-shadow:none;font-size:12px;min-height:42px;padding:4px 10px;white-space:nowrap}.mg-leave .pictogram{width:20px;height:20px}.mg-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.mg-stage{min-width:0}.mg-notebook{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#6f6a55}.mg-notebook h3{margin:0;text-transform:none;letter-spacing:0;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:550;color:#586e4b}.mg-notebook p{margin:4px 0;font-size:12px;line-height:1.5}.mg-tips{margin:0;padding:10px 12px 10px 28px;border-radius:13px;background:#edf0db;font-size:12px;line-height:1.55;color:#6d7b58}.mg-feedback{min-height:20px;font-size:12px;color:#9a7a4c;line-height:1.5}.mg-feedback:empty{display:none}.mg-stars{font-size:22px;color:#e3b241;letter-spacing:2px}.mg-stars .dim{color:#ddd3b8}.mg .primary{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.mg [hidden]{display:none!important}.fl-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2px;padding:6px;border-radius:18px;background:#6b5a43;aspect-ratio:1;max-height:calc(100dvh - 190px);margin:0 auto;touch-action:manipulation}.overlay.mg button.fl-cell{position:relative;min-height:0;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:6px;box-shadow:inset 0 0 0 30px rgba(84,110,54,calc(var(--fuel) * .35));background:var(--bg);overflow:hidden;display:grid;place-items:center;font-size:0}.overlay.mg button.fl-cell:active{transform:scale(.94)}.fl-cell.break{background:repeating-linear-gradient(115deg,#c9ae7c 0 4px,#b39463 4px 7px)!important}.fl-cell.burnt{filter:saturate(.5)}.fl-thing{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;pointer-events:none}.fl-cell.burning .fl-thing{filter:brightness(.55) sepia(.6)}.fl-flame{position:absolute;left:10%;bottom:0;width:80%;height:100%;object-fit:contain;transform-origin:50% 100%;animation:flicker .5s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px #ff9a3c);pointer-events:none;scale:var(--heat)}@keyframes flicker{to{transform:scaleY(.86) scaleX(1.06)}}.fl-fragile{position:absolute;right:1px;top:1px;pointer-events:none}.fl-fragile .pictogram{width:14px;height:14px}.fl-advice{padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.5}.fl-advice.good{background:#e5edd2;color:#5d7447}.fl-advice.bad{background:#f6dfcf;color:#94573d}.fl-how{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px}.fl-how li{display:flex;gap:8px;align-items:center}.fl-how .pictogram{width:26px;height:26px;flex-shrink:0}.fl-status{display:flex;flex-wrap:wrap;gap:6px}.fl-status span{background:#f0e7ce;border-radius:99px;padding:3px 9px;font-size:12px}.fl-wind{display:flex;gap:8px;align-items:center;font-size:11px;color:#8a8167}.fl-arrow{display:inline-block;font-size:22px;color:#6f97a8}.fl-result{text-align:center;padding:10px;border-radius:14px;background:#fff5d8}.pt-frame{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:18px;background:#3d3a30;cursor:grab;touch-action:none;outline-offset:3px;max-height:calc(100dvh - 260px);margin:0 auto}.pt-scene{position:absolute;left:0;top:0;background-size:11% auto;will-change:transform,filter}.pt-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(#fff8e438,#fff8e438),radial-gradient(circle at 50% 40%,#fff8e400,#fff8e455);pointer-events:none}.pt-decor{position:absolute;width:18%;transform:translate(-50%,-80%);pointer-events:none;z-index:1}.pt-animal{position:absolute;pointer-events:none;transition:opacity .25s;z-index:2;filter:drop-shadow(0 4px 3px #4a3a2044)}.pt-animal.hidden{opacity:.12}.pt-reticle{position:absolute;inset:0;pointer-events:none}.pt-reticle i{position:absolute;width:26px;height:26px;border:3px solid #fffaf0cc}.pt-reticle i:nth-child(1){left:12px;top:12px;border-right:0;border-bottom:0;border-radius:8px 0 0}.pt-reticle i:nth-child(2){right:12px;top:12px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.pt-reticle i:nth-child(3){left:12px;bottom:12px;border-right:0;border-top:0;border-radius:0 0 0 8px}.pt-reticle i:nth-child(4){right:12px;bottom:12px;border-left:0;border-top:0;border-radius:0 0 8px}.pt-reticle b{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px dashed #fffaf0aa;border-radius:50%}.pt-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.pt-frame.flash .pt-flash{animation:flash .35s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}.pt-pose{position:absolute;left:50%;top:10px;transform:translate(-50%);padding:3px 10px;border-radius:99px;background:#fff5d8e6;color:#7a6a3c;font-size:12px}.pt-pose:empty{display:none}.pt-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:10px}.pt-focus{font-size:11px;color:#8a8167}.pt-focus div{height:8px;border-radius:8px;background:#e4dcc2;overflow:hidden;margin-top:3px}.pt-focus i{display:block;height:100%;background:#c9b98a}.pt-focus i.sharp{background:#7ea366}.overlay.mg button.pt-shutter{width:72px;height:72px;min-height:72px;border-radius:50%;padding:0;background:#fffaf0;border:5px solid #d9cdb3;box-shadow:0 4px #b8a983}.pt-shutter .pictogram{width:38px;height:38px}.pt-film{display:flex;gap:6px;justify-content:flex-end}.pt-film i{width:14px;height:14px;border-radius:50%;background:#e3b241}.pt-film i.used{background:#e4dcc2}.pt-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pt-print{margin:0;padding:5px 5px 2px;background:#fff;border-radius:4px;box-shadow:0 2px 6px #6b5a4322;overflow:hidden;text-align:center}.pt-print img{width:100%;aspect-ratio:1;object-fit:contain;background:#efe6cf}.pt-print .mg-stars{font-size:13px}.rz-canvas{display:block;width:100%;aspect-ratio:1;max-height:calc(100dvh - 190px);margin:0 auto;border-radius:22px;touch-action:none;outline-offset:3px}.rz-progress{font-size:14px;display:flex;align-items:center;gap:6px}.rz-progress .pictogram{width:26px;height:26px}.rz-timer{height:8px;border-radius:8px;background:#e4dcc2;overflow:hidden}.rz-timer i{display:block;height:100%;width:100%;background:#c9a35c}.rz-result{text-align:center;padding:10px;border-radius:14px;background:#fff5d8}.bs-canvas{display:block;height:min(70dvh,620px);max-width:100%;aspect-ratio:180 / 320;margin:0 auto;border-radius:20px;touch-action:none;cursor:ns-resize}.bs-guest{cursor:pointer}.bs-guest.seen{opacity:.55}.bs-depth{display:grid;gap:4px;font-size:12px}.bs-depth input{width:100%;accent-color:#7ea366}.bs-found h3{font-size:16px!important;display:flex;align-items:center;gap:6px}.bs-chip{display:inline-flex;align-items:center;gap:4px;margin:3px 4px 0 0;padding:3px 8px 3px 3px;border-radius:99px;background:#edf0db;font-size:11px}.bs-chip img{width:22px;height:22px;object-fit:contain}.so-belt{position:relative;height:110px;border-radius:18px;background:#e8dfc6;overflow:hidden}.so-track{position:absolute;left:4%;right:4%;bottom:18px;height:16px;border-radius:8px;background:repeating-linear-gradient(90deg,#9a8f7a 0 10px,#8a7f6a 10px 20px)}.so-item{position:absolute;bottom:30px;width:70px;height:70px;object-fit:contain;transform:translate(-50%);cursor:grab;touch-action:none;filter:drop-shadow(0 3px 2px #6b5a4344)}.so-item.held{cursor:grabbing;z-index:2;scale:1.1}.so-queue{display:flex;gap:6px;margin:8px 0;min-height:34px}.so-queue img{width:30px;height:30px;object-fit:contain;opacity:.7}.so-bins{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.overlay.mg button.so-bin{min-height:92px;padding:8px 4px;border-radius:14px 14px 18px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;font-size:13px}.so-bin small{font-size:9px;font-weight:600;opacity:.8;line-height:1.2}.overlay.mg button.so-glass{background:#cfe6cf}.overlay.mg button.so-metal{background:#d5dbe0}.overlay.mg button.so-plastic{background:#f6e3a8}.overlay.mg button.so-rubber{background:#cdc6c0}.overlay.mg button.so-sealed{background:#e9c9c9}.so-score{font-size:14px;display:flex;align-items:center;gap:6px}.so-score .pictogram{width:24px;height:24px}.so-result{text-align:center;padding:10px;border-radius:14px;background:#fff5d8}.levelup .card{width:min(100%,420px);background:radial-gradient(circle at 50% 0%,#fff6d4,#fbf5e6 60%)}.levelup .lv-badge{width:92px;height:92px;margin:4px auto 0;display:grid;place-items:center;border-radius:50%;background:#f7e3a6;box-shadow:0 0 0 8px #fbefc8;font-family:Fraunces,Georgia,serif;font-size:40px;color:#8a6a2a}.levelup h2{font-family:Fraunces,Georgia,serif;font-weight:600;color:#586e4b}.lv-unlocks{display:grid;gap:8px;margin:12px 0;text-align:left}.lv-unlock{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#edf0db}.lv-unlock .pictogram{width:40px;height:40px}.lv-unlock b{display:block;color:#586e4b}.lv-unlock small{font-size:11px;color:#7c7d62;line-height:1.4}@media(max-width:680px){.mg .card{padding:13px}.mg-layout{grid-template-columns:1fr;gap:10px}.mg-header{padding-bottom:8px}.mg-header h2{font-size:23px}.mg-header .eyebrow{font-size:9px}.mg-subtitle{font-size:11px}.mg-leave span{display:none}.overlay.mg button.mg-leave{padding:4px 8px}.mg-tips{display:none}.fl-grid{max-height:none}.fl-how{grid-template-columns:1fr 1fr}.fl-advice{font-size:11px;padding:8px 10px}.pt-frame{max-height:none}.pt-strip{grid-template-columns:repeat(3,72px)}.bs-canvas{height:min(52dvh,520px)}.so-bins{grid-template-columns:repeat(5,1fr);gap:4px}.overlay.mg button.so-bin{min-height:76px;font-size:11px}.so-bin small{display:none}.rz-canvas{max-height:58dvh}}@media(max-height:540px)and (orientation:landscape){.mg .card{padding:12px}.mg-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.mg-header{padding-bottom:6px}.mg-header h2{font-size:20px;margin:0}.mg-subtitle,.mg-tips{display:none}.fl-grid,.rz-canvas{max-height:calc(100dvh - 130px);width:auto;height:calc(100dvh - 130px)}.pt-frame{max-height:calc(100dvh - 200px)}.bs-canvas{height:calc(100dvh - 130px)}}.status .day{display:flex;align-items:center;gap:3px;white-space:nowrap}.status .day .pictogram{width:18px;height:18px}.status .level{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;font-size:10px;line-height:1;color:#7a6a3c}.status .level .pictogram{width:13px;height:13px;vertical-align:-2px}.status .level small{display:none}.level-bar{height:5px;min-width:30px;border-radius:5px;background:#e9e0c4;overflow:hidden}.level-bar i{display:block;height:100%;background:linear-gradient(90deg,#e3b241,#f2cf7a);transition:width .4s}.chip.alert{background:#f8d2bd;color:#8a3f28;animation:alert-pulse 1.4s ease-in-out infinite}@keyframes alert-pulse{50%{background:#fbe4d6}}button.chip.today{border:0;color:inherit}button.chip.today.done{background:#dfe9c7}.today-list{position:absolute;top:var(--below-inventory, calc(126px + var(--safe-t)));left:calc(10px + var(--safe-l));width:min(330px,calc(100% - 20px));padding:12px 14px;border-radius:16px;background:#fbf5e6f5;box-shadow:var(--shadow);z-index:6;pointer-events:auto}.today-list[hidden]{display:none}.today-list h3{margin:0 0 6px;font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:600;color:#586e4b}.today-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.today-list li{display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;font-size:12px}.today-list li .pictogram{width:22px;height:22px;grid-row:span 2}.today-list li small{color:#8b846b;font-size:10px;font-weight:600}.today-list li.done span{text-decoration:line-through;color:#8b9a74}.hud:has(.today-list:not([hidden])) .journey-hint{display:none}.morning .forecast{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px 0 2px}.morning .forecast span{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:#eef2e2;font-size:12px;color:#5f6f4c}.morning .forecast .pictogram{width:22px;height:22px}.morning .season-banner{margin:8px auto;padding:10px 12px;border-radius:14px;background:#fff1cf;font-size:12px;color:#7a6a3c;max-width:360px}.morning .season-banner b{display:block;font-family:Fraunces,Georgia,serif;font-size:18px;color:#6d8158}.morning .goals{text-align:left;max-width:340px;margin:10px auto 4px;padding:10px 12px;border-radius:14px;background:#f2ecd6}.morning .goals h3{margin:0 0 4px;font-size:12px}.morning .goals li{font-size:12px;margin:3px 0}.morning .goals .pictogram{width:18px;height:18px}.morning .tile.fire{background:#fbe0c8}.morning .tile.edge{background:#ece3d0}.morning .level-line{font-size:12px;color:#7a6a3c;margin:6px 0}.mon-fire{margin-top:14px;padding-top:12px;border-top:1px dashed #4c6a5e}.mon-fire h3,.mon-edge h3{color:#e4efcd!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 6px!important}.mon-fire p,.mon-edge p{color:#a9c5a1;font-size:11px;margin:4px 0 8px}.fire-map{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1px;max-width:420px;aspect-ratio:var(--ratio);border-radius:10px;overflow:hidden;background:#1a302b}.fire-map i{display:block}.fire-map .recovering{background:#3f5f4a}.fire-map .young{background:#6f9a6a}.fire-map .ready{background:#d9b45a}.fire-map .overdue{background:#d9734f}.fire-map .burning{background:#ff5a2a}.fire-map .base{background:#9a8f74}.fire-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:10px;color:#c5d5b8}.fire-legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px;background:var(--c)}.mon-zone .fire-state{flex-basis:100%;font-size:10px;color:#c5d5b8}.mon-edge{margin-top:14px;padding-top:12px;border-top:1px dashed #4c6a5e}.mon-progress{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mon-progress span{padding:4px 9px;border-radius:99px;background:#d4dfc01c;color:#c5d5b8;font-size:11px}.mon-progress .pictogram{width:18px;height:18px}.cork .board-section{margin-top:10px}.cork .board-section h3{color:#6b4a2a;font-size:12px;margin:6px 0}.cork .portraits,.cork .guests{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cork .portrait{background:#fff;padding:6px 6px 3px;border-radius:3px;box-shadow:0 2px 6px #4a321b33;transform:rotate(var(--tilt));text-align:center}.cork .portrait img{width:64px;height:56px;object-fit:contain;background:#efe6cf}.cork .portrait .mg-stars{display:block;font-size:12px}.cork .guest{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border-radius:10px;background:#fff7e2;font-size:10px;color:#6b5a3c;width:74px}.cork .guest img{width:40px;height:32px;object-fit:contain}.cork .guest.unknown img{filter:brightness(0) opacity(.3)}.hud .inventory{top:var(--below-topbar, calc(84px + var(--safe-t)));max-height:none;overflow:visible}.hud .journey-hint{top:var(--below-inventory, calc(126px + var(--safe-t)))}.hud:has(.action-dock:not([hidden])) .world-message{bottom:auto;top:var(--below-inventory, calc(126px + var(--safe-t)))}