.garden-marker{position:fixed;z-index:12;transform:translate(-50%,-100%);display:flex;align-items:center;gap:9px;padding:9px 14px;background:#213c34e8;border:1px solid #dfdcaa83;border-radius:18px;color:#fff8d8;box-shadow:0 4px 18px #19352938;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer;text-align:left;touch-action:manipulation}
.garden-marker>span:first-child{font-size:27px;color:#dfd998}.garden-marker small{display:block;font-size:12px;color:#e0e5cf;margin-top:2px}.garden-marker[hidden]{display:none}
.zen-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;padding:0;color:#fff6dd;background:linear-gradient(180deg,#16332980,transparent 28%,transparent 48%,#0f272ca6);overflow:auto;box-shadow:none}
.zen-dialog::backdrop{background:transparent;backdrop-filter:none}.zen-dialog:not([open]){display:none}.zen-dialog[open]{display:block}
.zen-heading{position:absolute;left:max(28px,env(safe-area-inset-left));top:max(26px,env(safe-area-inset-top));max-width:calc(100% - 100px);text-shadow:0 2px 12px #193627}
.zen-heading .eyebrow{font-size:12px;color:#edf1d2;letter-spacing:.16em}.zen-heading h2{margin:7px 0;font-size:clamp(24px,3vw,36px);font-weight:650;line-height:1.2}.zen-heading p{font-size:16px;line-height:1.5;margin:0;color:#edf1e0}
.zen-close{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid #eff4d34d;border-radius:50%;background:#203f34a6;color:#fff5dc;font-size:28px;cursor:pointer}
.zen-sit{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));text-align:center;padding:22px 24px 16px;background:#17382fde;border:1px solid #e8e6bd55;border-radius:24px;box-shadow:0 10px 35px #071e222b;backdrop-filter:blur(8px)}
.zen-time{display:flex;align-items:center;justify-content:center;gap:20px}.zen-time>div{text-align:left}.zen-time .eyebrow{display:block;font-size:12px;letter-spacing:.12em;color:#d6e4cd}.zen-time strong{display:block;font-size:38px;line-height:1.25;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}
.zen-breath{display:grid;place-items:center;width:56px;height:56px;border:1px solid #c6deac66;border-radius:50%;background:#8eb0940e}.zen-breath i{width:32px;height:32px;border:1px solid #dbe7bbaa;border-radius:50%;box-shadow:0 0 18px #d5e4bb25;background:#c7dda31c}
.is-breathing .zen-breath i{animation:zen-breath 8s ease-in-out infinite}.zen-sit>p{font-size:16px;line-height:1.4;margin:13px 0}.zen-allowance{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#dce6c7}.zen-allowance>span:first-child{color:#e5d9af;letter-spacing:3px;white-space:nowrap}.zen-buttons{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:17px}.zen-buttons button{min-height:44px;font-size:15px;touch-action:manipulation}.zen-buttons .primary{padding:11px 21px;background:#e5d8a2;color:#253e2d;border-color:#f1e7b8}.zen-buttons .text-button{color:#e2e8d5;padding:9px 4px}.zen-sit p.zen-note{font-size:12px;color:#bccdbb;margin:10px 0 0;line-height:1.5}
.in-garden #gameUI,.in-garden #miniMap,.in-garden #kitButton,.in-garden #heroThought,.in-garden #npcLabel,.in-garden #joystick,.in-garden #travelHud,.in-garden #marker{visibility:hidden!important;pointer-events:none!important}
.zen-dialog button:focus-visible,.garden-marker:focus-visible{outline:3px solid #fff2aa;outline-offset:4px}
@keyframes zen-breath{0%,100%{transform:scale(.7);opacity:.65}50%{transform:scale(1.35);opacity:1}}
@media(max-width:600px){.zen-heading{left:20px;top:max(22px,env(safe-area-inset-top));max-width:calc(100% - 78px)}.zen-heading p{font-size:14px}.zen-heading .eyebrow{font-size:12px;letter-spacing:.09em}.zen-sit{padding:16px 16px 13px;bottom:max(16px,env(safe-area-inset-bottom))}.zen-time strong{font-size:32px}.zen-sit>p{font-size:14px;margin:10px 0}.zen-allowance{font-size:13px}.zen-buttons{gap:12px;margin-top:12px}.zen-close{right:15px}.garden-marker{font-size:13px}}
@media(max-height:590px) and (min-width:700px){.zen-heading p{display:none}.zen-heading h2{font-size:22px}.zen-sit{left:auto;right:18px;transform:none;width:320px;bottom:16px;padding:14px}.zen-sit .zen-note{display:none}.zen-time strong{font-size:28px}.zen-heading{max-width:calc(100% - 380px)}}
@media(prefers-reduced-motion:reduce){.is-breathing .zen-breath i{animation:none}}