.garden-page{max-width:1050px;padding-block:24px 48px}.garden-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:12px 0 24px}.garden-heading h1{font-size:clamp(35px,5vw,60px);margin:6px 0 12px}.garden-heading p{max-width:540px}.garden-heading .portrait{transform:scale(.4);transform-origin:top left}.garden-host{width:80px;height:126px;flex:none;overflow:hidden}.garden-shell{border:2px solid var(--ink);border-radius:24px;background:var(--white);overflow:hidden;box-shadow:var(--shadow)}.garden-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:18px;gap:6px;background:linear-gradient(var(--teal) 0 29%,#d8e8b8 29% 100%);border-block:2px solid var(--ink)}.garden-slot{border:1px dashed rgba(21,60,72,.3);border-radius:16px;min-width:0;min-height:76px;height:86px;background:rgba(255,254,249,.18);display:flex;align-items:center;justify-content:center;position:relative;padding:0}.garden-slot:hover{background:rgba(255,254,249,.65)}.garden-slot[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:0;background:var(--yellow)}.garden-picture{display:block;position:relative;width:52px;height:72px;flex:none;overflow:hidden;text-align:center;line-height:70px;font-size:65px;color:var(--ink)}.garden-picture .portrait{position:absolute;left:1px;top:0;transform:scale(.24);transform-origin:top left}.garden-picture.junie .portrait{left:5px}.garden-picture.flower{color:#9c3e66}.garden-picture.leaf{color:var(--forest);font-size:72px;transform:rotate(-20deg)}.garden-picture.stone{color:var(--muted);font-size:50px;transform:scaleY(.65)}.garden-tools{padding:22px 24px}.garden-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0 0}.garden-pick{display:flex;align-items:center;flex-direction:column;justify-content:center;border:2px solid var(--ink);border-radius:14px;background:var(--paper);padding:7px 2px 10px;font-size:14px;font-weight:700;min-width:0}.garden-pick[aria-pressed=true]{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.garden-pick .garden-picture{height:63px}.garden-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.garden-actions .button{flex:none}.garden-actions a{min-height:48px;display:flex;align-items:center;text-underline-offset:4px;font-weight:700}.garden-move{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 16px}.garden-move p{font-weight:700;color:var(--ink)}.garden-status{min-height:28px;margin-top:14px;font-size:15px;color:var(--ink)}.garden-save{font-size:13px;margin-top:6px}.garden-help{margin-top:30px}.garden-help summary{cursor:pointer;min-height:48px;font-weight:700;display:flex;align-items:center}.garden-help p{margin-top:12px;max-width:700px}.garden-help a{text-underline-offset:4px}.garden-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:2px solid var(--ink);border-radius:20px;background:var(--teal);margin-bottom:36px}.garden-invite h2{font-size:32px;margin:5px 0 12px}.garden-invite p{color:var(--ink)}.garden-invite .button{flex:none}.garden-loading{padding:24px}.garden-loading p{margin-bottom:14px}@media(max-width:760px){.garden-heading{align-items:center;gap:12px}.garden-host{width:48px;height:85px}.garden-heading .portrait{transform:scale(.27)}.garden-heading h1{font-size:36px}.garden-heading p{font-size:15px}.garden-board{padding:10px;gap:4px}.garden-slot{min-height:62px;height:62px;border-radius:9px}.garden-slot .garden-picture{width:40px;height:53px;line-height:52px;font-size:47px}.garden-slot .garden-picture .portrait{transform:scale(.17);left:3px}.garden-slot .garden-picture.junie .portrait{left:6px}.garden-slot .garden-picture.leaf{font-size:54px}.garden-slot .garden-picture.stone{font-size:36px}.garden-tools{padding:16px 12px}.garden-palette{gap:6px}.garden-pick{font-size:10px;border-radius:10px;min-height:86px}.garden-pick .garden-picture{width:40px;height:50px;font-size:46px;line-height:47px}.garden-pick .garden-picture .portrait{transform:scale(.16);left:3px}.garden-pick .garden-picture.junie .portrait{left:6px}.garden-actions{gap:12px}.garden-actions .button{font-size:14px;min-height:48px;padding:10px 18px}.garden-actions a{font-size:14px}.garden-move{font-size:13px;gap:6px}.garden-move .text-button{font-size:13px}.garden-status{font-size:13px}.garden-invite{flex-direction:column;align-items:start;padding:22px}.garden-invite h2{font-size:29px}.garden-invite .button{width:100%}}