html,body{margin:0;background:#b6dfbf}.app{min-height:100dvh}header{position:fixed;z-index:25;inset:0 0 auto;background:transparent!important;box-shadow:none!important;border:0!important;min-height:0!important;height:0!important;padding:0!important;pointer-events:none}.brand{display:none}header button{position:absolute;pointer-events:auto;top:calc(12px + env(safe-area-inset-top));width:46px!important;height:46px!important;background:#ffffffb8!important;box-shadow:0 3px 12px #62496c25}#sound{right:16px}#back{left:16px}.screen{min-height:100dvh;padding-top:calc(72px + env(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom))}.garden{min-height:100dvh;background-position:center;background-size:cover;display:none}.garden.active{display:flex;flex-direction:column;justify-content:center}.garden .intro{background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:0 2px 4px white}.garden .intro .eyebrow,.garden .intro h1{display:none}.garden .intro p:last-child{font-size:22px;font-weight:bold;color:#513b60;background:#ffffffa8;border-radius:20px;padding:12px 20px}.runstage{flex:0 0 34dvh;min-height:205px}.runninggroup{animation-duration:16s}.garden .touchhint{background:#fbeea8d9}.gallery{background:radial-gradient(at 10% 10%,#ffdedf,transparent 50%),linear-gradient(#e7dcfa,#d1ecf3);padding-top:calc(76px + env(safe-area-inset-top))}.gallery .subtitle{display:none}.gamecard{width:min(100%,510px);margin:20px auto;border:3px solid #fff9}.newart{position:relative;display:block;height:270px;overflow:hidden;background:radial-gradient(at 50% 30%,#fff4d1,transparent 55%),linear-gradient(#bca4e9,#f2b8d4)}.newart>img{height:245px;width:150px;object-fit:contain;position:absolute;left:calc(50% - 75px);bottom:0}.crown{position:absolute;left:calc(50% - 28px);top:15px;font-size:40px}.artdecoration{position:absolute;left:12px;right:12px;bottom:20px;font-size:37px;letter-spacing:18px;pointer-events:none}.unicorn .newart{background:linear-gradient(#b1e5ef,#e6d5f5 65%,#aed99b)}.unicornfriend{position:absolute;right:15%;bottom:35px;font-size:90px}.unicorn .newart>img{left:20%}.unicorn .cardbody strong{font-size:23px}.princess .play{background:#a07bcb}.unicorn .play{background:#66a8ac}.voiceCredit{padding:12px}.game-preview{position:fixed;inset:0;background:#69427380;z-index:50;display:grid;place-items:center;padding:25px}.game-preview[hidden]{display:none}.preview-card{background:#fff1fb;border:4px solid white;border-radius:30px;padding:30px;text-align:center;max-width:420px;color:#59356e}.preview-card button{background:#d48dbb;color:white;padding:15px 25px;border-radius:20px;font-size:18px}.preview-card h2{font-size:26px}@media(orientation:landscape) and (max-height:550px){.garden.active{padding-top:50px}.garden .intro p:last-child{font-size:15px;padding:5px 15px}.runstage{min-height:130px;height:130px;flex-basis:130px;margin:0 -24px}.runninggroup{top:0;height:130px}.runner{height:130px}.garden .touchhint{margin-top:10px}.gallery .gamecard{display:inline-block;vertical-align:top;width:30%;margin:15px 1%}.gamecard>img,.newart{height:190px}.newart>img{height:180px}.cardbody{padding:12px}.cardbody strong,.unicorn .cardbody strong{font-size:17px}.play{padding:10px;font-size:16px}.unicornfriend{font-size:60px;right:5%}.crown{top:4px}.artdecoration{font-size:22px}}

/* Restore the title within the artwork, without a separate header strip. */
.app{max-width:none}.garden.active{justify-content:center;gap:6px;padding-top:calc(68px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.garden .intro{background:#fff7eacb;border:1px solid #ffffffaa;border-radius:28px;backdrop-filter:blur(3px);padding:14px 18px;width:min(92%,370px);margin:0 auto;box-shadow:0 8px 25px #615b4525}.garden .intro .eyebrow{display:block;font-size:9px;letter-spacing:2px;margin:0 0 9px;color:#77538f}.garden .intro h1{display:block;font-size:40px;line-height:1.05;margin:0;color:#674784}.garden .intro h1 strong{font-size:1.18em}.garden .intro p:last-child{font-size:15px;background:none;padding:0;margin:11px 0 0;line-height:1.3}.runstage{flex:0 0 clamp(190px,30dvh,280px);height:clamp(190px,30dvh,280px);min-height:0;margin:0 -24px;overflow:visible}.runninggroup{left:calc(50% - 130px);top:25px;animation:welcomeJog 3s ease-in-out infinite;width:260px;height:210px}.runner{height:210px}.garden .start{align-self:center;width:min(90%,360px);margin:0 auto}.garden .touchhint{margin:14px auto 0;font-size:12px}.gallery .subtitle{display:block;margin:10px auto 22px;font-size:14px;max-width:310px;color:#786289}.newcard>img{object-position:50% 35%}.princess>img{object-position:50% 30%}.unicorn>img{object-position:50% 38%}.cardbody strong{font-size:25px}.unicorn .cardbody strong{font-size:22px}@keyframes welcomeJog{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}@media(max-height:720px) and (orientation:portrait){.garden.active{padding-top:62px}.garden .intro{padding:11px 16px}.garden .intro h1{font-size:34px}.garden .intro .eyebrow{font-size:8px}.runstage{flex-basis:170px;height:170px}.runninggroup{top:5px;height:160px}.runner{height:160px}.garden .touchhint{margin-top:8px}}@media(orientation:landscape) and (max-height:550px){.garden.active{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:center;padding:55px 25px 20px;gap:8px}.garden .intro{width:95%;grid-column:1;grid-row:1}.garden .intro h1{font-size:29px}.garden .intro p:last-child{font-size:12px}.runstage{grid-column:2;grid-row:1;height:180px;margin:0}.runninggroup{top:0;height:180px}.runner{height:180px}.garden .start{grid-column:1;grid-row:2;width:95%;font-size:16px}.garden .touchhint{grid-column:2;grid-row:2;margin:0 auto;font-size:10px}.gallery .subtitle{max-width:none}.cardbody strong,.unicorn .cardbody strong{font-size:17px}}
