/* Layers: animals 0, centered form 1, darkness 2, controls/torch 3. */
body{background:#d5e8dc;color:#17463b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh;padding:70px 20px;overflow-x:hidden}
.login-playground{display:grid;place-items:center;width:100%}.login-container{position:relative;z-index:1;width:100%;max-width:440px;background:#f3faf6;backdrop-filter:none;border:1px solid #b8d5c4;box-shadow:0 20px 60px #184d3b20;padding:30px;border-radius:24px;color:#17463b}
.login-container .logo{width:65px;height:59px}.brand-name{color:#17463b}.headline{font-size:25px}.subtext,.hint{color:#4c6c61}label{color:#17463b}input{background:#f3faf6;color:#17463b;border-color:#b7cec4}input::placeholder{color:#5e766c}#login-submit{background:#146c54;color:#fff}.hint{background:transparent;border:0;padding:8px 0 0}.hint a{color:#146c54}button:focus-visible,a:focus-visible{outline:3px solid #26856b;outline-offset:4px}
.playground-story,.animal-garden{position:fixed;inset:0;pointer-events:none;overflow:hidden}.garden-sun{position:absolute;right:10%;top:8%;color:#bd731a;font-size:65px}.garden-cloud{position:absolute;left:12%;top:16%;color:#f7fcf9;font-size:74px}.garden-path{display:none}.garden-book{position:absolute;right:14%;bottom:16%;font-size:48px;color:#34644f}.garden-seed{position:absolute;bottom:7%;color:#327459;font-size:48px}.seed-one{left:10%}.seed-two{right:6%}
.garden-animal{position:absolute;left:0;top:0;display:block;font-size:74px;width:90px;height:100px;background:none;padding:0;border:0;line-height:100px;box-shadow:none;pointer-events:none}.animal-dog{color:#82502d;pointer-events:auto;animation:dog-roam 25s linear infinite}.animal-cat{color:#426b5b;animation:cat-roam 29s linear infinite}.animal-rabbit{color:#78658b;font-size:55px;animation:rabbit-roam 21s linear infinite}.garden-animal:hover{box-shadow:none;filter:none}.animal-bubble{position:absolute;bottom:92px;left:0;font-size:13px;line-height:1;background:#f3faf6;color:#17463b;padding:10px 12px;border-radius:12px;white-space:nowrap;opacity:0;transition:opacity .15s}.animal-dog.is-barking .animal-bubble{opacity:1}
@keyframes dog-roam{0%,100%{transform:translate(4vw,72vh)}25%{transform:translate(76vw,9vh)}50%{transform:translate(calc(100vw - 95px),68vh)}75%{transform:translate(15vw,28vh)}}
@keyframes cat-roam{0%,100%{transform:translate(78vw,24vh)}25%{transform:translate(5vw,9vh)}50%{transform:translate(15vw,calc(100vh - 115px))}75%{transform:translate(70vw,62vh)}}
@keyframes rabbit-roam{0%,100%{transform:translate(7vw,40vh)}20%{transform:translate(60vw,8vh)}40%{transform:translate(80vw,75vh)}60%{transform:translate(20vw,65vh)}80%{transform:translate(40vw,25vh)}}
#playground-darkness{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.corner-torch{position:fixed;left:16px;bottom:16px;z-index:3;color:#cfdfcc;font-size:32px;pointer-events:none;transform:rotate(var(--torch-angle,-40deg));transform-origin:center}.torch-beam{display:none}
.playground-tools{position:fixed;top:16px;right:16px;z-index:3;display:flex;gap:8px;max-width:calc(100vw - 24px)}.playground-tools button{width:auto;min-height:44px;padding:10px 14px;font-size:12px;color:#e5f2e8;background:#234d3a;border:1px solid #7a9b86;border-radius:12px;box-shadow:none}.playground-tools button:hover{background:#326249;transform:none}.playground-paused .garden-animal{animation-play-state:paused}.garden-animal.is-barking .animal-bubble{opacity:1}
@media(max-width:520px){body{padding:76px 16px 60px}.login-container{padding:23px 20px}.headline{font-size:23px}.playground-tools{top:12px;right:12px}.playground-tools button{font-size:11px;padding:8px 10px}.garden-animal{font-size:48px;width:64px;height:70px;line-height:70px}.animal-rabbit{font-size:38px}.animal-bubble{bottom:65px}.corner-torch{font-size:26px}}
@media(prefers-reduced-motion:reduce){.garden-animal{animation:none!important}.animal-dog{transform:translate(8vw,72vh)}.animal-cat{transform:translate(78vw,15vh)}.animal-rabbit{transform:translate(70vw,80vh)}.animal-bubble,input,button{transition:none}input:focus,button:hover{transform:none}}
.garden-animal{width:var(--size,100px);height:var(--size,100px);pointer-events:auto;animation-duration:var(--duration,30s);animation-delay:var(--delay,0s);animation-timing-function:linear;animation-iteration-count:infinite;background:transparent!important}.garden-animal[data-animal]{animation-name:dog-roam}.garden-animal[style*="--route:2"]{animation-name:cat-roam}.garden-animal[style*="--route:3"]{animation-name:rabbit-roam}.garden-animal img{display:block;width:100%;height:100%;object-fit:contain}.animal-bubble{bottom:calc(100% - 8px)}.animal-credits{font-size:11px;color:#4c6c61;margin-top:12px;line-height:1.6}.animal-credits summary{cursor:pointer}.animal-credits a{color:#146c54}
@media(max-width:520px){.garden-animal{width:calc(var(--size,100px)*.7);height:calc(var(--size,100px)*.7)}}