/* The approved illustration is the original PNG; DOM controls and names stay live. */
.modal.assistance-active{padding:12px;overflow:auto;align-items:center}
.modal.assistance-active #modalCard{width:min(94vw,calc((100dvh - 30px)*.823));max-width:810px;max-height:none;overflow:visible;padding:0;border:5px solid #123b29;border-radius:22px;background:#fbf1d8;box-shadow:0 0 0 2px #b78a38,0 22px 65px #0008;animation:none;text-align:center}
.guide-r3-panel{container-type:inline-size;position:relative;isolation:isolate;border:2px solid #c29b45;border-radius:16px;overflow:hidden;color:#082d22;background:radial-gradient(ellipse at 65% 40%,#fffbe9 0%,#fbf2dc 55%,#f2e3c6 100%);font-family:Arial,Helvetica,sans-serif}
.guide-r3-stage{position:relative;aspect-ratio:698/848;width:100%}
.guide-r3-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.guide-r3-bubble{position:absolute;left:32.7%;top:16.5%;width:65.5%;height:30.1%;border:2px solid #b99a49;border-radius:4cqw;background:linear-gradient(135deg,#fffced,#faf5df);box-shadow:0 2px 2px #80662c33;z-index:1}
.guide-r3-bigfoot{position:absolute;left:0;top:5.1%;width:45.85%;height:41.86%;z-index:2;transform-origin:45% 90%;pointer-events:none}
.guide-r3-copy{position:absolute;left:40%;top:18%;width:57%;height:26.8%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6cqw;z-index:3}
.guide-r3-copy .guide-r3-good{font:bold 7.7cqw/1 Georgia,'Times New Roman',serif;margin:0 0 .4cqw;color:#082d22}
.modal.assistance-active .guide-r3-copy h2{font:bold 5.0cqw/1.05 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.08cqw;color:#082d22;overflow-wrap:anywhere}
.guide-r3-copy .guide-r3-message{font:400 2.1cqw/1.35 Arial,sans-serif;margin:.5cqw 0;max-width:100%}
.guide-r3-copy .guide-r3-stay{font:400 2.8cqw/1.3 Arial,sans-serif;margin:.3cqw 0 .8cqw}
.guide-r3-status{display:flex;align-items:center;justify-content:center;gap:1.8cqw;width:92%;min-height:6.3cqw;padding:.5cqw 1cqw;background:#e5ebce;border-radius:1.6cqw;font:700 2.75cqw/1.2 Arial,sans-serif}
.guide-r3-check{display:grid;place-items:center;flex-shrink:0;width:4.6cqw;height:4.6cqw;color:white;border-radius:50%;background:linear-gradient(135deg,#599b30,#0f622e);font:700 3.6cqw/1 Arial}
.guide-r3-divider{position:absolute;top:48.8%;left:4%;right:4%;height:1px;background:#9b927966}
.guide-r3-team{position:absolute;top:50.1%;width:100%;margin:0;font:700 2.3cqw/1.3 Arial,sans-serif;letter-spacing:.5cqw}
.guide-r3-instruction{position:absolute;top:53.2%;left:5%;width:90%;font:400 2.2cqw/1.35 Arial,sans-serif;margin:0}
.modal.assistance-active .guide-r3-pin{position:absolute;top:56.2%;left:31.1%;width:37.8%;height:6.1%;min-height:0;border:1px solid #b59765;border-radius:1.5cqw;background:#fffcf1bb;font:400 4cqw/1 Arial;color:#143829;letter-spacing:1.2cqw;padding:0;text-align:center;box-shadow:0 2px 4px #826a3a22}
.guide-r3-pin::placeholder{font-size:3.5cqw;color:#17372b;opacity:1;letter-spacing:.8cqw}
.modal.assistance-active .guide-r3-pad{position:absolute;top:63%;left:22.8%;width:54.4%;height:25.2%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:.7cqw;margin:0;padding:0}
.modal.assistance-active .guide-r3-pad button{min-height:0;min-width:0;padding:0;border:2px solid #fff8e9;border-radius:1.5cqw;background:linear-gradient(120deg,#0d513b,#023525);box-shadow:0 2px 2px #65491b25;color:#fff;font:700 3.6cqw/1 Arial,sans-serif;cursor:pointer}
.guide-r3-pad button[data-guide-key=CLEAR],.guide-r3-pad button[data-guide-key=DELETE]{font-size:2.4cqw!important}
.modal.assistance-active #guideResolve.guide-r3-arrived{position:absolute;left:4%;bottom:2.8%;width:92%;height:7.5%;min-height:0;padding:0;border:3px solid #fff7de;border-radius:1.8cqw;background:linear-gradient(#ff7900,#ef5000);box-shadow:0 2px 2px #945a2433;color:#fff;font:700 3.7cqw/1.2 Arial,sans-serif;letter-spacing:0;text-shadow:0 1px #a84715;cursor:pointer}
.guide-r3-arrived:disabled{opacity:.6}
.modal.assistance-active #helpMute.guide-r3-mute{position:absolute;right:4%;top:46.7%;min-height:0;border:0;background:#fbf2dc;padding:.4cqw 1cqw;font:400 1.8cqw/1.2 Arial;color:#315742;text-decoration:underline;z-index:4}
.guide-r3-panel #guidePinError{position:absolute;top:88.6%;left:5%;width:90%;font:700 1.8cqw/1.15 Arial;color:#963d23;margin:0;z-index:4}
.guide-r3-panel [hidden]{display:none!important}
.guide-r3-panel button:focus-visible{outline:3px solid #dc9f31;outline-offset:2px}
.guide-r3-panel.long-name .guide-r3-copy h2{font-size:4.5cqw}
.guide-r3-panel.long-name .guide-r3-good{font-size:6.6cqw}
.guide-r3-panel.long-name .guide-r3-message{font-size:2.2cqw}
.guide-r3-extra{position:relative;padding:0 5% 4%;font:15px/1.5 Arial}
.guide-r3-extra .service-animal-option{display:flex;gap:12px;align-items:center;text-align:left}.guide-r3-extra .helper{font:14px/1.4 Arial}
.modal.assistance-active .guide-r3-extra #guideResolve.guide-r3-arrived{position:static;width:100%;height:60px;font-size:24px;margin-top:12px}
.guide-r3-celebrate .guide-r3-bigfoot{animation:guide-r3-pop .7s cubic-bezier(.2,.8,.3,1) both}
@keyframes guide-r3-pop{0%{transform:translateY(14%) scale(.93);opacity:.3}55%{transform:translateY(-2%) rotate(-2deg)}80%{transform:rotate(1.5deg)}100%{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.guide-r3-celebrate .guide-r3-bigfoot{animation:none}}
@media(max-width:500px){.modal.assistance-active #modalCard{width:94vw}.modal.assistance-active .guide-r3-pad button{border-width:1px}.guide-r3-panel #guidePinError{font-size:2.15cqw}}

/* Preserve every pixel of the approved hero; only its example copy is covered. */
.guide-r3-bubble{display:none}.guide-r3-bigfoot{left:0;top:0;width:100%;height:48.82%;transform-origin:30% 90%}
.guide-r3-clear{position:absolute;background:#fbf8e6;z-index:2;pointer-events:none}
.guide-r3-clear-heading{left:43.4%;top:17.8%;width:53.3%;height:14%}
.guide-r3-clear-body{left:40.4%;top:31.1%;width:56.2%;height:14.5%}
.guide-r3-copy{left:42.7%;top:18.2%;width:54.3%;height:26.5%}
.guide-r3-copy .guide-r3-good{font-size:7.4cqw}.modal.assistance-active .guide-r3-copy h2{font-size:4.8cqw}

/* The copied example text stays covered throughout the entrance animation. */
@keyframes guide-r3-pop{from{opacity:.2}to{opacity:1}}
.modal.assistance-active:has(.guide-r3-special){align-items:start}