/* Shared glass toolbar; garden destinations remain separate and labelled. */
.top-actions .garden-nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:7px;border-radius:11px;border:1px solid #e1d5ae8c;background:linear-gradient(150deg,#718895,#3b5268);box-shadow:inset 0 1px 1px #fff7,0 2px 4px #0b172533;color:#ffedc4;touch-action:manipulation}
.garden-nav-btn svg{width:23px;height:23px;filter:drop-shadow(0 1px 1px #172a3b80);pointer-events:none}
body:not(.garden-mode) .garden-nav-btn{display:none!important}
.garden-mode .top-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:6px;width:max-content;max-width:min(570px,calc(100vw - 24px));padding:8px!important;overflow:visible}
.garden-mode .top-actions button{height:38px!important;min-height:38px!important}
.garden-mode .top-actions #speed,.garden-mode .top-actions #pause{display:none!important}
.nav-tooltip{position:absolute;right:0;top:calc(100% + 9px);z-index:2;background:#20384aeb;border:1px solid #e5d6b36b;border-radius:7px;padding:5px 9px;white-space:nowrap;opacity:0;pointer-events:none;font-size:11px;color:#fff1d8;transform:translateY(-3px);transition:.15s}
.garden-nav-btn:hover .nav-tooltip,.garden-nav-btn:focus-visible .nav-tooltip{opacity:1;transform:none}
.has-notification:after,.notification-dot{content:'';position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:#e85e65;box-shadow:0 0 0 2px #fff0d4,0 1px 6px #9a323c88}
.online-friend button{position:relative}.online-friend .notification-dot{top:-2px;right:-2px}
.visit-return{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:20;display:flex;align-items:center;gap:12px;padding:9px 15px;background:linear-gradient(130deg,#ecf4e8dc,#bfd2d1c9);border:1px solid #fffa;border-radius:15px;box-shadow:0 4px 16px #20334233,inset 0 1px #fff;backdrop-filter:blur(18px);color:#37525b;text-align:left}
.visit-return>span{font-size:24px}.visit-return div{display:grid;gap:4px}.visit-return small{font-size:11px;color:#5a7074}
.visiting-garden #garden-dock,.visiting-garden .garden-controls,.visiting-garden .top-actions,.visiting-garden .moon-lamp-touch{display:none!important}
.chat-page{display:flex;flex-direction:column;min-height:0}.online-chat{height:clamp(100px,43dvh,340px);min-height:80px;overflow:auto;overscroll-behavior:contain;padding:14px;background:linear-gradient(#f2eddf,#e6e9df);border:1px solid #c8c9b3;border-radius:16px;scrollbar-gutter:stable}
.online-message{max-width:82%;width:fit-content;margin:0 auto 10px 0;padding:10px 14px;border-radius:15px 15px 15px 4px;background:#fffdf4;box-shadow:0 2px 4px #6b765317;white-space:pre-wrap;overflow-wrap:anywhere;color:#405454}
.online-message.mine{margin-left:auto;margin-right:0;border-radius:15px 15px 4px 15px;background:#d5e5cf}.online-message.pending{opacity:.6}.online-message.failed{border:1px solid #bc6564;cursor:pointer;color:#8c4147}.chat-compose{display:flex!important;gap:9px;margin:12px 0!important}.chat-compose label{flex:1;margin:0}.chat-compose input{width:100%}.chat-page h2{margin-top:0}.chat-page>button{align-self:flex-start}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#modal.ceremony-dialog{padding:14px!important;max-height:calc(100dvh - 20px)!important;overflow:hidden!important}
#modal.ceremony-dialog #modal-content{height:min(560px,calc(100dvh - 50px));overflow:hidden!important;min-height:0}
.draw-ceremony{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(60px,1fr) auto auto;gap:8px;overflow:hidden}
.draw-ceremony header{z-index:5;gap:12px;min-height:34px;flex-shrink:0}.draw-ceremony header .eyebrow{margin-right:auto}.ceremony-exit{display:block!important;padding:7px 12px;min-height:34px;white-space:nowrap;font-size:12px;background:#f8eaca;color:#405665}
.draw-ceremony .ceremony-stage{height:100%!important;min-height:0!important;overflow:hidden;position:relative}
.draw-ceremony footer{display:flex!important;position:relative!important;align-items:center;justify-content:center;gap:10px;z-index:5;flex-shrink:0;padding:4px 0!important;margin:0!important}
.draw-ceremony footer button{min-height:36px}.draw-ceremony .reveal-copy h2{margin:4px 0!important}.draw-ceremony .reveal-copy p{margin:4px 0}.reveal-cat>img{max-height:100%;object-fit:contain}.ceremony-stage .reveal-cat{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ceremony-stage .reveal-cat>img{height:calc(100% - 26px);width:auto;max-width:220px;min-height:0}
.toy-switch span{font-family:Georgia,serif!important;font-size:17px!important}.toy-switch:focus-visible{outline:3px solid #ffe8a9;outline-offset:3px}
@media(max-width:900px){.garden-mode .top-actions{max-width:322px}.garden-mode .top-actions #back-battle{min-width:120px;order:3}.garden-mode .top-actions #album-btn{order:1}.garden-mode .top-actions #sound,.garden-mode .top-actions #settings-btn{order:2}}
@media(max-height:380px){.garden-mode .top-actions{gap:4px;padding:5px!important;max-width:310px}.garden-mode .top-actions button{height:34px!important;min-height:34px!important}.garden-nav-btn{width:34px!important;min-width:34px!important;padding:5px!important}.draw-ceremony header .eyebrow{display:none}.draw-ceremony header>span{margin-right:auto}.draw-ceremony{gap:4px}.draw-ceremony .reveal-copy h2{font-size:17px!important}.draw-ceremony .reveal-copy p{font-size:11px}.draw-ceremony footer button{font-size:11px;min-height:32px;padding:5px 9px}.chat-page h2{font-size:19px;margin:0 0 8px}.chat-compose{margin:8px 0!important}}

.garden-nav-btn svg,.garden-nav-btn svg *{fill:none!important;stroke:currentColor}.garden-mode .top-actions button{max-height:none!important}

.ceremony-stage .reveal-cat{position:absolute;inset:0;width:100%;height:100%}.ceremony-stage .reveal-cat>img{position:absolute;inset:0 0 27px;width:100%;height:calc(100% - 27px)!important;max-height:calc(100% - 27px);max-width:none;margin:auto;object-fit:contain}.ceremony-stage .reveal-ribbon{bottom:1px}