/* A calm pause and an encouraging retry, using the same playful materials as the camp. */
#overlay[data-kind="pause"]{padding:12px;background:#031231c9;overflow:auto;overscroll-behavior:contain}
#overlay[data-kind="pause"] .overlay-inner{box-sizing:border-box;width:min(480px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:19px 26px 20px;border:3px solid #71dfff;border-bottom:7px solid #09235f;border-radius:28px;background:radial-gradient(circle at 50% 0,#2f8cf1 0,#174cba 35%,#102f82 100%);box-shadow:0 18px 50px #020920aa,inset 0 2px #b9f5ff80}
#overlay[data-kind="pause"] .pause-art{width:66px;height:66px;margin:-5px auto 0}
#overlay[data-kind="pause"] h2{margin:3px 0 6px;font-size:clamp(27px,4vw,35px)}
#overlay[data-kind="pause"] #overlay-copy{margin:0 auto 13px;color:#e4f5ff;font-size:15px}
#overlay[data-kind="pause"] .pause-facts{gap:9px;margin:0 0 14px}
#overlay[data-kind="pause"] .pause-facts>span{min-height:42px;box-sizing:border-box;padding:6px 13px;background:#0a2868;border:1px solid #62aaff;border-radius:12px;color:#fff;font-size:14px}
#overlay[data-kind="pause"] .pause-facts b{font-size:19px}
#overlay[data-kind="pause"] .start{min-height:53px;padding:9px 14px;font-size:21px;border-radius:15px}
#overlay[data-kind="pause"] .pause-secondary{margin:14px 0 0;gap:9px}
#overlay[data-kind="pause"] .pause-secondary button{min-height:44px;border-color:#65aaf7;background:#133b8c;color:white;font-size:14px}
#overlay[data-kind="pause"] .pause-music{margin:11px 0 0;padding:7px 11px;text-align:left;background:#092662b5;color:#e8f8ff}
#overlay[data-kind="pause"] .pause-music small{color:#c8e8ff}
#overlay[data-kind="pause"] .pause-controls{margin-top:11px;padding-top:10px;gap:7px 12px;color:#e2f5ff;font-size:12px}
#overlay[data-kind="pause"] .pause-keyhint{margin:10px 0 0;color:#d9efff;font-size:12px}
#overlay[data-kind="pause"] :is(button,input):focus-visible{outline:3px solid #fff;outline-offset:3px}

.journey-screen[data-mode="loss"] .loss-layout{grid-template-columns:minmax(230px,34%) minmax(0,1fr);gap:20px}
.journey-screen[data-mode="loss"] .loss-stage{padding:22px 14px 14px;border:2px solid #4dbdff70;border-radius:28px;background:radial-gradient(ellipse at 50% 62%,#2b9ffb8a,#1037738a 68%)}
.journey-screen[data-mode="loss"] .loss-stage .celebration-title h3{font-size:clamp(29px,3vw,46px);margin:5px 0}
.journey-screen[data-mode="loss"] .loss-stage .celebration-title p{max-width:26ch;margin:0 auto;color:#e2f5ff;font-size:14px;line-height:1.4}
.loss-eyebrow,.loss-world{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.02em;color:#8fe7ff}
.journey-screen[data-mode="loss"] .loss-board{justify-content:center;gap:14px;padding:clamp(18px,3vw,32px);background:linear-gradient(135deg,#155ac5,#12347e);overflow:auto}
.journey-screen[data-mode="loss"] .loss-heading h3{margin:6px 0;color:#fff;font-size:clamp(27px,3vw,39px);line-height:1.08}
.journey-screen[data-mode="loss"] .loss-heading p{margin:0;color:#d9efff;font-size:15px;line-height:1.45}
.journey-screen[data-mode="loss"] .loss-loot-heading{display:flex;align-items:center;gap:13px;padding:10px 14px;border:1px solid #69c5ff;border-radius:17px;background:#0929699c}
.journey-screen[data-mode="loss"] .loss-treasure{align-self:auto;flex:none}
.journey-screen[data-mode="loss"] .loss-treasure>.ui-art{display:block;width:64px;height:64px;filter:drop-shadow(0 4px 3px #071a4a80)}
.journey-screen[data-mode="loss"] .loss-loot-heading div{display:grid;gap:3px}
.journey-screen[data-mode="loss"] .loss-loot-heading strong{font-size:19px;color:#ffdf4f}
.journey-screen[data-mode="loss"] .loss-loot-heading span:not(.ui-art){font-size:13px;color:#e5f6ff}
.journey-screen[data-mode="loss"] .loot-tiles{gap:8px}
.journey-screen[data-mode="loss"] .loot-tile{min-width:0;padding:10px}
.journey-screen[data-mode="loss"] .loss-note{margin:0;text-align:left;color:#e5f6ff;font-size:13px}
.journey-screen[data-mode="loss"] .prize-actions{margin-top:2px;gap:9px}
.journey-screen[data-mode="loss"] .prize-actions .toy-button{min-height:48px}
.journey-screen[data-mode="loss"] .prize-actions .toy-next{flex:2}
@media(max-height:660px){#overlay[data-kind="pause"] .overlay-inner{padding:12px 20px 15px}#overlay[data-kind="pause"] .pause-art{width:45px;height:45px}#overlay[data-kind="pause"] .pause-secondary{margin-top:10px}#overlay[data-kind="pause"] .pause-controls{margin-top:7px;padding-top:7px}#overlay[data-kind="pause"] .pause-keyhint{margin-top:6px}}
@media(max-width:760px){.journey-screen[data-mode="loss"] .loss-layout{height:auto;grid-template-columns:1fr;gap:13px}.journey-screen[data-mode="loss"] .loss-stage{height:230px;min-height:230px;grid-template-columns:45% 55%;grid-template-rows:auto 1fr;padding:13px}.journey-screen[data-mode="loss"] .loss-stage .celebration-title{grid-column:2;grid-row:1/3;align-self:center}.journey-screen[data-mode="loss"] .loss-stage .celebration-title h3{font-size:30px}.journey-screen[data-mode="loss"] .loss-stage .victory-avatar{grid-column:1;grid-row:1/3;width:100%;margin:0}.journey-screen[data-mode="loss"] .loss-stage .milo-ribbon{display:none}.journey-screen[data-mode="loss"] .loss-board{padding:17px 15px 19px;overflow:visible}.journey-screen[data-mode="loss"] .loss-heading h3{font-size:27px}.journey-screen[data-mode="loss"] .loot-tile{padding:8px 3px}.journey-screen[data-mode="loss"] .loss-treasure>.ui-art{width:54px;height:54px}.journey-screen[data-mode="loss"] .prize-actions .toy-next{flex-basis:100%}}