.castle-app{max-width:1600px;margin:auto;padding:0 clamp(14px,3vw,48px) 24px}.castle-header{justify-content:space-between;align-items:center;gap:16px;min-height:88px;display:flex}.castle-return{color:#365d58;touch-action:manipulation;background:#fffdf5;border:1px solid #ccdcd7;border-radius:30px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.castle-return:focus-visible{outline-offset:4px;outline:4px solid #2575aa}.castle-place{font:500 25px Georgia,serif}.castle-scene{isolation:isolate;background:#f7dfb5;border-radius:28px;height:min(850px,100svh - 300px);min-height:400px;position:relative;overflow:hidden;box-shadow:0 4px #e8dfc9;container-type:size}.castle-is-goodbye:after{content:"";pointer-events:none;background:linear-gradient(#f4a87340,#f9d4ad55);position:absolute;inset:0}.castle-background{z-index:-2;background:-webkit-image-set(url(/art/cove.avif) 1x type("image/avif"),url(/art/cove.png) 1x type("image/png")) 50%/cover;background:image-set("/art/cove.avif" 1x type("image/avif"),"/art/cove.png" 1x type("image/png")) 50%/cover;position:absolute;inset:0}.castle-listen[aria-pressed=true]{color:#245d70;background:#d9eee7}.castle-audio-error{text-align:center;max-width:600px;margin:12px auto;font-size:14px;line-height:1.4;display:block}.castle-beach{position:absolute;inset:6% 4% 8%}.castle-mermaid{aspect-ratio:1;background:0 0;border:0;border-radius:0;width:32%;padding:0;position:absolute;bottom:0;left:-3%}.castle-mermaid>span{pointer-events:none;background:-webkit-image-set(url(/art/characters.avif) 1x type("image/avif"),url(/art/characters.png) 1x type("image/png")) 0 0/300% 200% no-repeat;background:image-set("/art/characters.avif" 1x type("image/avif"),"/art/characters.png" 1x type("image/png")) 0 0/300% 200% no-repeat;position:absolute;inset:0}.castle-building{aspect-ratio:1.45;width:min(61%,77cqh);margin:0;position:absolute;bottom:2%;right:10%}.castle-phase-done .castle-building:before{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#fff7bfbb 0%,#fff7bf80 55%,#0000 76%);border-radius:50%;position:absolute;inset:-8% 0}.castle-prop{aspect-ratio:1;pointer-events:none;background:-webkit-image-set(url(/art/sandcastle.avif) 1x type("image/avif"),url(/art/sandcastle.png) 1x type("image/png")) 0 0/300% 200% no-repeat;background:image-set("/art/sandcastle.avif" 1x type("image/avif"),"/art/sandcastle.png" 1x type("image/png")) 0 0/300% 200% no-repeat;display:block;position:absolute}.castle-prop-keep{background-position:50% 0}.castle-prop-bucket{background-position:100% 0}.castle-prop-crab{background-position:0 100%}.castle-prop-flag{background-position:50% 100%}.castle-prop-shell{background-position:100% 100%}.castle-tower-left{width:58%;bottom:0;left:-9%}.castle-tower-right{width:58%;bottom:0;right:-9%}.castle-keep{z-index:1;width:69%;bottom:-1%;left:15.5%}.castle-new-part{animation:.95s ease-out both castle-rise}.castle-crab{z-index:3;width:30%;bottom:-14%;left:-10%}.castle-crab-button{aspect-ratio:1;background:0 0;border:0;border-radius:35%;min-width:64px;min-height:64px;padding:0;position:absolute}.castle-crab-button>.castle-prop{inset:0}.castle-phase-welcome .castle-crab{width:47%;bottom:-3%;left:27%}.castle-phase-welcome .castle-mermaid{width:35%;bottom:-4%;left:1%}.castle-window-crab{z-index:2;width:15%;animation:2.1s ease-out both castle-peek;bottom:29%;left:42.5%}.castle-window-crab>.castle-prop{clip-path:inset(0 0 37%)}.castle-phase-done .castle-crab{opacity:0;animation:1.6s ease-in both castle-move-in}.castle-decoration{z-index:2}.castle-decoration-flag{width:23%;bottom:50%;left:52%;transform:rotate(8deg)}.castle-decoration-shell{width:19%;bottom:48%;left:40.5%;transform:rotate(-9deg)}.castle-bucket{aspect-ratio:1;z-index:4;background:0 0;border:0;border-radius:36%;width:min(25%,30cqh);padding:0;position:absolute;bottom:-9%;right:-1%}.castle-bucket>.castle-prop{transform-origin:25% 70%;inset:0}.castle-tipping{animation:.95s ease-in-out castle-tip}.castle-sand{pointer-events:none;background:#e7be7e;border-radius:50%;width:38%;height:14%;animation:.95s ease-out both castle-sand-pat;position:absolute;bottom:14%;left:0;box-shadow:8px -14px 0 -5px #f7d999,-9px -23px 0 -7px #e7be7e}.castle-response{animation:.7s ease-out castle-answer}@keyframes castle-sand-pat{0%{opacity:0;transform:translateY(-35px)scale(.6)}45%{opacity:1}to{opacity:0;transform:translateY(0)scale(1.2)}}@keyframes castle-answer{35%{filter:drop-shadow(0 0 8px #fffbea)brightness(1.1);rotate:-5deg}}@keyframes castle-glow{0%{filter:drop-shadow(0 0 10px #fffbea)brightness(1.18)}}.castle-controls{--play-slots:4;max-width:960px}.castle-controls .castle-choices{grid-column:span 2}.castle-other{min-height:60px;font-size:16px}@media (min-width:1000px){.castle-app:has(>.castle-audio-error){padding-bottom:0}.castle-choice{min-height:64px}.castle-choice .castle-prop{width:52px}.castle-audio-error{margin:4px auto;line-height:1.2}.adventure-ui .castle-controls>.castle-other{gap:6px;padding-inline:10px;font-size:16px}}.castle-choices{border:0;gap:20px;min-width:0;margin:0;padding:0;display:flex}.castle-choice{color:#64482d;background:#fffaf0;border:2px solid #e4c99d;border-radius:24px;align-items:center;gap:8px;min-height:90px;padding:6px 20px 6px 4px;font-size:18px;font-weight:800;display:flex;box-shadow:0 5px #d6b580}.castle-choice .castle-prop{flex-shrink:0;width:80px;position:relative}@media (hover:hover) and (pointer:fine){.castle-choice:hover{background:#fff0d5;transform:translateY(-2px)}.castle-bucket[aria-disabled=false]:hover>.castle-prop{filter:brightness(1.06)}}.castle-bucket:active,.castle-crab-button:active{filter:brightness(1.15);background-color:#e6cda280}.castle-choice:active{background:#f7deb5;transform:translateY(3px);box-shadow:0 2px #d6b580}.castle-controls .primary-button[aria-disabled=true]{opacity:.65}@keyframes castle-tip{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-110deg)translate(-8%,-9%)}}@keyframes castle-rise{0%,25%{opacity:0;transform:translateY(15%)scaleY(.2)}70%{opacity:1;transform:translateY(-3%)scaleY(1.04)}to{opacity:1;transform:none}}@keyframes castle-move-in{0%{opacity:1;transform:translate(0)}30%{opacity:1;transform:translate(65%,-6%)rotate(8deg)}65%{opacity:1;transform:translate(130%)rotate(-8deg)}to{opacity:0;transform:translate(150%,-20%)scale(.3)}}@keyframes castle-peek{0%,76%{opacity:0;transform:translateY(40%)scale(.1)}to{opacity:1;transform:none}}@media (max-width:900px) and (orientation:portrait){.castle-audio-error{margin:10px auto}.castle-beach{inset:31% 3% 22%}.castle-building{width:78%;bottom:3%;right:0}.castle-mermaid{width:42%;bottom:5%;left:-7%}.castle-bucket{width:30%;bottom:-17%;right:0}.castle-phase-welcome .castle-mermaid{width:53%;left:-4%}.castle-phase-welcome .castle-crab{left:39%}}@media (max-width:600px){.castle-app{padding:0 12px 16px}.castle-header{gap:8px;min-height:72px}.castle-place{display:none}.castle-header .parent-button{padding:0 12px}.castle-header .parent-button span{display:none}.castle-return{padding:9px 12px}.castle-scene{border-radius:23px;height:calc(100svh - 88px);min-height:650px}.castle-beach{inset:29% 3% 26%}.castle-building{width:84%;bottom:5%;right:0}.castle-mermaid{width:43%;bottom:15%}.castle-bucket{width:38%;bottom:-25%;right:4%}.castle-phase-welcome .castle-mermaid{width:59%;bottom:2%}.castle-controls{gap:12px;bottom:5%}.castle-choices{gap:12px;width:100%}.castle-choice{flex-direction:column;flex:1;gap:0;padding:6px 8px 12px;font-size:16px}.castle-choice .castle-prop{width:68px}.castle-other{min-height:48px}}@media (max-height:600px) and (orientation:landscape){.castle-app{padding-bottom:12px}.castle-header{min-height:60px}.castle-place{font-size:20px}.castle-scene{border-radius:20px;height:calc(100svh - 72px);min-height:0}.castle-beach{inset:13% 3% 26% 26%}.castle-building{width:min(72%,88cqh);right:15%}.castle-mermaid{width:30%;bottom:-7%;left:3%}.castle-bucket{width:min(25%,32cqh);bottom:-14%}.castle-phase-welcome .castle-mermaid{width:44%;left:0}.castle-controls{bottom:5%}.castle-controls .primary-button{min-height:48px;padding:10px 20px;font-size:16px}.castle-other{min-height:48px;font-size:14px}.castle-choice{border-radius:18px;min-height:64px;padding:3px 14px 3px 3px;font-size:16px}.castle-choice .castle-prop{width:52px}.castle-audio-error{margin:8px 0;font-size:12px}}@media (orientation:landscape) and (min-height:601px){.castle-controls,.castle-choices{gap:var(--control-gap)}.castle-choice .castle-prop{width:72px}.castle-scene:not(.castle-phase-welcome) .castle-mermaid{aspect-ratio:.91/.96;width:29.12%;bottom:1.1776cqw}.castle-scene:not(.castle-phase-welcome) .castle-mermaid>span{inset:0 -9.89% -4.17% 0}.castle-scene.castle-phase-decorate .castle-mermaid{aspect-ratio:.91/.9;bottom:2.944cqw}.castle-scene.castle-phase-decorate .castle-mermaid>span{inset:0 -9.89% -11.11% 0}:is(.castle-phase-building,.castle-phase-decorate) .castle-crab.castle-crab-button{aspect-ratio:.895/.56;border-radius:0;width:26.85%;bottom:5.14%;left:-6.85%}:is(.castle-phase-building,.castle-phase-decorate) .castle-crab.castle-crab-button>.castle-prop{inset:0 0 -78.57% -11.73%}}@media (prefers-reduced-motion:reduce){.castle-tipping,.castle-response{animation:.7s ease-out castle-glow!important}.castle-sand,.castle-phase-done .castle-crab{display:none}.castle-window-crab{opacity:1;transform:none}}