/* Shared fullscreen controls; the play surface itself stays mounted. */
.play-fullscreen-toggle{position:absolute;z-index:40;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:11px;border:1px solid #65705230;border-radius:50%;color:#53634a;background:#fffbeecc;box-shadow:0 2px 8px #34442715;cursor:pointer;touch-action:manipulation}
.play-fullscreen-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.play-fullscreen-toggle:focus-visible{outline:2px solid #648b7b;outline-offset:3px}
body.play-fullscreen-open{overflow:hidden;overscroll-behavior:none}
[data-play-fullscreen].is-play-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;z-index:2147483640!important;overflow:hidden!important;background:#faf7ee}
[data-play-fullscreen]:fullscreen{width:100%!important;height:100%!important}
#paint.is-play-fullscreen{display:block}
#paint.is-play-fullscreen .paper{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;aspect-ratio:auto;background:#faf7ee;border:0;border-radius:0;box-shadow:none;transform:none;filter:none}
#paint.is-play-fullscreen .paper::before,#paint.is-play-fullscreen .paper::after{display:none}
#paint.is-play-fullscreen .paper>#paint-canvas,#paint.is-play-fullscreen .paper>.turning-sheet{position:absolute;inset:0;width:100%;height:100%;clip-path:none;border:0;border-radius:0;box-shadow:none}
#paint.is-play-fullscreen .paint-tray{position:absolute;inset:auto auto max(14px,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:10px 16px;border:1px solid #68774a20;border-radius:28px;background:#faf7eee0;box-shadow:0 3px 12px #53604214;z-index:6}
#paint.is-play-fullscreen .swatches,#paint.is-play-fullscreen .tools{flex-direction:row;gap:10px}
#paint .paint-tray>.paper-reset{position:static;flex:0 0 46px;width:46px;height:46px;padding:5px;translate:0 0;align-self:center}
#paint .paint-tray>.paper-reset img{display:block;width:36px;height:36px}
#paint:has(.page-turning) .paint-tray>.paper-reset{opacity:.45}
#garden.is-play-fullscreen{aspect-ratio:auto;mask-image:none;-webkit-mask-image:none;touch-action:none}
#garden.is-play-fullscreen::before{background-size:cover;mask-image:none;-webkit-mask-image:none}
#garden.is-play-fullscreen>.garden-reset{background:#fffbeecc;box-shadow:0 2px 8px #34442715;border:1px solid #65705230}
.is-play-fullscreen .heading{display:none}
@media(max-width:600px){#paint.is-play-fullscreen .paint-tray{gap:10px;padding:10px 14px}#paint.is-play-fullscreen .swatches{gap:13px}}
@media(max-height:500px) and (orientation:landscape){#paint.is-play-fullscreen .paint-tray{bottom:max(8px,env(safe-area-inset-bottom));padding:5px 12px}#paint.is-play-fullscreen .tools button{width:36px;height:36px;padding:3px}#paint.is-play-fullscreen .swatches button{width:30px;height:30px}}

/* Keep reset discoverable, including before the first flower and after clearing. */
#garden>.garden-reset:disabled{opacity:.5;cursor:default}
@media(max-width:600px){#paint .paint-tray>.paper-reset{flex-basis:40px;width:40px;height:40px;padding:4px}#paint .paint-tray>.paper-reset img{width:32px;height:32px}#paint .paint-tray{gap:10px;flex-wrap:nowrap}#paint .paint-tray .swatches{gap:clamp(6px,2vw,10px)}#paint .paint-tray .swatches button{width:clamp(28px,9vw,42px);height:clamp(28px,9vw,42px)}}

/* Native fullscreen belongs to the document; the active game fills its viewport. */
html:fullscreen,html:-webkit-full-screen{margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}