.play-main{width:100%;margin:0;padding:0;flex:none}.play-stage{height:calc(100svh - var(--park-header-height,90px));min-height:450px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#fffaf0,#f4eedf 75%);border-bottom:1px solid #ded7c4}.play-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;z-index:1;cursor:crosshair}.play-stage canvas:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.play-stage[data-tool="pet"] canvas{cursor:grab}.play-stage[data-tool="pet"] canvas:active{cursor:grabbing}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.park-title{position:absolute;top:26px;left:4%;z-index:3;pointer-events:none}.park-title p{font-size:10px;letter-spacing:1.6px;font-weight:700;margin:0 0 7px;color:#6b735b}.park-title h1{font:800 clamp(24px,2.4vw,35px)/1.05 var(--display);letter-spacing:-1.2px;margin:0}.park-title h1 span{color:var(--blue)}.park-utilities{position:absolute;right:3%;top:24px;z-index:12;display:flex;gap:7px}.park-utilities button{min-height:40px;padding:8px 14px;background:#fffaf0ed;border:1px solid #d6ceb9;border-radius:9px;font-size:12px;box-shadow:0 3px 0 #33311908}.park-utilities #play-help{min-width:40px;padding-inline:10px;font-weight:700}.park-utilities button:hover{border-color:#82765b;background:#fffdf6}button:disabled{cursor:wait;opacity:.5}
.play-controls{border:0;padding:0;margin:0;min-width:0}.park-props{position:absolute;inset:0;z-index:5;pointer-events:none}.park-pin{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;min-height:40px;padding:8px 13px;pointer-events:auto;background:#fff9e9;border:1px solid #ccbfa2;border-radius:9px;box-shadow:2px 3px 0 #45402717;font-size:12px;font-weight:600;transition:background .18s,box-shadow .18s}.park-pin:after{content:'';position:absolute;left:calc(50% - 4px);bottom:-5px;width:8px;height:8px;background:inherit;border-right:1px solid #ccbfa2;border-bottom:1px solid #ccbfa2;transform:rotate(45deg)}.park-pin>span{color:#91804e;margin-right:5px}.park-pin:hover,.park-pin[aria-pressed="true"],.park-pin[aria-expanded="true"]{background:#f8e6a8;border-color:#a8955b;box-shadow:2px 4px 0 #45402722}.park-pin:focus-visible{outline-offset:4px}
.park-caption{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:6;max-width:calc(100% - 32px);width:max-content;text-align:center;padding:11px 22px;border:1px solid #e1d9c5;border-radius:12px;background:#fffaf0eb;box-shadow:0 4px 0 #3b432409}.park-caption>span{display:block;font:700 16px var(--display);letter-spacing:-.2px}.park-caption p{font-size:12px;line-height:1.4;color:#6b6b59;margin:4px 0 0}.park-caption-actions{display:flex;gap:8px;justify-content:center}.park-caption-actions button{border:1px solid #c9bea0;border-radius:7px;padding:8px 12px;background:#fffaf0;min-height:38px;font-size:12px;margin-top:9px}.park-caption-actions .play-do{background:var(--blue);color:#fff;border-color:var(--blue)}
.play-loading,.play-fallback{position:absolute;inset:0;z-index:30;background:#f9f4e8;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center}.play-fallback{flex-direction:column;gap:16px}.play-fallback h2{font:800 28px var(--display);margin:0}.play-fallback p{max-width:350px;line-height:1.6;color:#696758}.play-fallback button{padding:12px 20px;border:1px solid var(--ink);border-radius:8px;background:var(--coral)}.play-stage [hidden]{display:none!important}.play-thought{position:absolute;z-index:7;max-width:210px;padding:12px 16px;background:#fffdf5;border:1px solid #d3c8ac;box-shadow:3px 4px 0 #25251f12;border-radius:15px 15px 15px 3px;font:600 15px/1.35 var(--display);opacity:0;pointer-events:none;transition:opacity .15s}.play-thought.is-visible{opacity:1}.play-paused{position:absolute;left:50%;top:26px;transform:translateX(-50%);z-index:8;background:#fff8e4;border:1px solid #cfc29f;border-radius:30px;padding:9px 15px;font-size:12px;white-space:nowrap}
.park-card{position:absolute;z-index:20;right:3%;top:80px;width:340px;max-width:calc(100% - 28px);max-height:calc(100% - 108px);overflow:auto;border:1px solid #cabc9a;border-radius:13px;background:#fffaf0;padding:25px;box-shadow:5px 7px 0 #36372718,0 12px 42px #25251f14}.park-card h2{font:800 27px/1.05 var(--display);letter-spacing:-.7px;margin:8px 0 17px}.park-card p{font-size:14px;line-height:1.6;color:#656650}.park-card .park-eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#847248;margin:0}.park-card .park-card-note{font-size:11px;line-height:1.5;margin-bottom:0;color:#827965}.park-card a{display:inline-block;font-size:13px;font-weight:600;color:var(--blue);line-height:1.5;text-decoration:underline;text-underline-offset:3px}.park-close{position:absolute;right:12px;top:9px;border:0;background:transparent;min-width:35px;min-height:35px;font-size:26px}.play-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:20px}.play-tools button,.play-motion-grid button,.play-all-moves button,.play-all-moves select{min-height:40px;border:1px solid #d5ccb4;border-radius:6px;background:#fffdf6;padding:8px;font-size:12px}.play-tools button[aria-pressed="true"],.play-motion-grid button[aria-pressed="true"]{color:var(--blue);background:#e9edff;border-color:#a4b0f4}.play-moves legend{font:700 15px var(--display);margin-bottom:12px}.play-motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.play-motion-grid .play-fly{grid-column:1/-1;color:var(--blue);font-weight:600}.play-all-moves{margin-top:17px}.play-all-moves label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.play-all-moves>div{display:flex;gap:7px}.play-all-moves select{min-width:0;flex:1}#play-keyboard{font-size:12px;padding:12px;background:#f0eadb;border-radius:7px}
@media(max-width:700px){.park-title{left:18px;top:17px}.park-title p{font-size:8px;letter-spacing:1px}.park-title h1{font-size:24px;max-width:200px}.park-title h1 span{display:block}.park-utilities{right:12px;top:18px;gap:5px}.park-utilities button{min-height:38px;padding:7px 10px;font-size:11px}.park-utilities #play-help{min-width:33px;padding:7px}.park-pin{font-size:11px;min-height:42px;padding:9px 10px}.park-pin>span{margin-right:3px}.park-caption{bottom:17px;padding:10px 15px;width:max-content;max-width:calc(100% - 26px)}.park-caption>span{font-size:15px}.park-caption p{font-size:11px;max-width:290px}.park-caption-actions button{font-size:11px}.park-card{right:14px;top:95px;padding:22px;max-height:calc(100% - 116px);width:330px}.play-paused{top:95px;font-size:11px}.play-thought{max-width:170px;font-size:13px;padding:10px 12px}.play-all-moves select{font-size:16px}}
@media(max-width:350px){.park-title h1{font-size:21px}.park-utilities{top:16px}.park-utilities button{padding:7px;font-size:10px}.park-utilities #play-help{min-width:29px;padding:7px}.park-pin{font-size:10px;padding:8px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.play-thought,.park-pin{transition:none}}