/* The existing gold-and-midnight dojo, with useful progress instead of extra chrome. */
.resume-modal{width:min(560px,100%);padding:28px}
.resume-heading{display:flex;align-items:center;gap:16px;padding-right:16px}
#resumeHero{width:76px;flex-shrink:0}
#resumeHero .element-hero{width:76px;height:96px}
.resume-heading .eyebrow{font-size:11px;letter-spacing:1px}
.resume-heading h2{font-size:27px;margin:7px 0}
.resume-task{display:flex;flex-direction:column;gap:12px;border:1px solid #e7c4794d;border-radius:12px;background:#091e32;padding:18px;margin:18px 0}
.resume-task>span{font-size:14px;color:#b7cbda}
.resume-task>b{font-size:26px;line-height:1.35;color:#ffebbd;overflow-wrap:anywhere;white-space:pre-wrap}
.resume-modal>p{font-size:16px;line-height:1.5;margin:12px 0;color:#c5d9e5}
.resume-modal>.resume-saved{font-size:14px;color:#c2e5a1}
#resumeReturning{font-size:14px;color:#d9c894}
.resume-actions{display:grid;gap:7px;margin-top:20px}
.resume-local{display:block;font-size:12px;color:#9cb5c8;text-align:center;margin-top:13px}
#castleReveal{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:65;display:flex;align-items:center;gap:14px;width:min(500px,calc(100vw - 24px));padding:12px 18px 12px 10px;border:1px solid #edce8470;border-radius:15px;background:linear-gradient(125deg,#153a4af5,#16283cfc);box-shadow:0 12px 45px #0008;opacity:0;visibility:hidden;pointer-events:none}
#castleReveal.show{opacity:1;visibility:visible}
.castle-reveal-art{width:135px;height:115px;flex-shrink:0;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse,#467d8133,transparent 70%)}
#castleReveal .castle-scene,#roundCastlePreview .castle-scene{width:100%;height:100%;margin:0;overflow:visible}
.castle-reveal-copy{min-width:0}
.castle-reveal-copy .eyebrow{font-size:10px;letter-spacing:.8px;color:#ffdc8b}
.castle-reveal-copy>b{display:block;font-size:18px;line-height:1.25;margin:5px 0;color:#fff0c0}
.castle-reveal-copy>span{display:block;font-size:14px;color:#d1e8bc}
.castle-reveal-copy>small{display:block;font-size:12px;line-height:1.35;color:#bed0dc;margin-top:5px}
.castle-earned-object{filter:drop-shadow(0 0 5px #ffd980)}
#castleReveal[data-motion=animated] .castle-earned-object{animation:earned-glow 1s ease-in-out 3}
@keyframes earned-glow{50%{filter:drop-shadow(0 0 12px #ffdf92) brightness(1.12)}}
#win>.result-modal{width:min(580px,100%);padding:23px 27px}
#win .result-emblem{width:42px;height:42px;margin:0 auto 10px;border-radius:13px}
#win .result-emblem .icon{width:26px;height:26px}
#win:has(#bossPrize:not([hidden])) .result-emblem{display:none}
#win h2{font-size:27px;margin:7px 0 10px}
#win #wtext{font-size:14px;line-height:1.45;margin:8px 0 12px}
.recap-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.recap-metrics>div{padding:11px 6px;border:1px solid #bdd8e127;background:#bdd8e106;border-radius:10px}
.recap-metrics b{display:block;font-size:26px;line-height:1.1;color:#ffe6a6}
.recap-metrics span{display:block;font-size:14px;line-height:1.2;color:#bdd4e1;margin-top:6px}
#win .recap-attempts{font-size:12px;line-height:1.3;color:#adc3d2;margin:8px 0}
#win .recap-insight{display:flex;align-items:center;gap:9px;text-align:left;font-size:14px;line-height:1.4;color:#d1e8b7;border:1px solid #cee79a23;border-radius:9px;background:#cee79a07;padding:9px 11px;margin:10px 0}
.recap-insight .icon{flex-shrink:0;width:19px;height:19px}
.recap-castle{display:flex;align-items:center;text-align:left;gap:10px;padding:10px 13px;border:1px solid #edcd7d3d;border-radius:12px;background:linear-gradient(120deg,#d5b55e0c,#25627c19)}
.recap-castle-copy{flex:1;min-width:0}
.recap-castle-copy .eyebrow{font-size:10px;letter-spacing:.7px;color:#eed69a;line-height:1.35}
.recap-castle-copy b{display:block;font-size:16px;line-height:1.3;color:#ffe9b4;margin:5px 0}
.recap-castle-copy>span:not(.eyebrow){font-size:14px;color:#cbe2b5}
.recap-castle-copy small{display:block;font-size:12px;line-height:1.35;color:#adcad7;margin-top:4px}
#roundCastlePreview{width:120px;height:106px;flex-shrink:0;overflow:hidden}
#win #personalHighlights{margin:8px 0}
#win #personalHighlights p{font-size:12px;line-height:1.35;padding:7px 9px;margin:0}
#win .win-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;gap:5px}
#win .win-actions>.primary{grid-column:1/-1}
#win #seeUpgrade[hidden]+#review,#win #seeUpgrade:has(+ #review[hidden]){grid-column:1/-1}
#win .win-actions .quiet{font-size:13px;padding:8px}
.calm .castle-earned-object{animation:none!important}
@media(prefers-reduced-motion:reduce){.castle-earned-object{animation:none!important}}
@media(max-width:560px){
  .resume-modal{padding:21px 18px}
  .resume-heading{gap:10px}
  #resumeHero,#resumeHero .element-hero{width:60px}
  #resumeHero .element-hero{height:76px}
  .resume-heading .eyebrow{font-size:10px}
  .resume-heading h2{font-size:23px}
  .resume-task{padding:14px;margin:13px 0}
  .resume-task>b{font-size:23px}
  .resume-modal>p{font-size:14px}
  #castleReveal{gap:9px;padding:10px;width:calc(100vw - 20px)}
  .castle-reveal-art{width:95px;height:94px}
  .castle-reveal-copy>b{font-size:16px}
  .castle-reveal-copy .eyebrow{font-size:9px}
  .castle-reveal-copy>span{font-size:13px}
  #win>.result-modal{padding:18px 17px}
  #win h2{font-size:24px}
  .recap-metrics{gap:6px}
  .recap-metrics>div{padding:9px 4px}
  .recap-metrics b{font-size:24px}
  .recap-metrics span{font-size:12px}
  #win .recap-insight{font-size:13px;padding:8px 9px}
  .recap-castle{padding:9px;gap:7px}
  #roundCastlePreview{width:86px;height:88px}
  .recap-castle-copy b{font-size:14px}
  .recap-castle-copy>span:not(.eyebrow){font-size:13px}
  #win #wtext{font-size:13px;line-height:1.4}
}
@media(max-height:740px){
  #win>.result-modal{padding-top:15px;padding-bottom:15px}
  #win .result-emblem{width:32px;height:32px;margin-bottom:7px}
  #win .result-emblem .icon{width:21px;height:21px}
  #win h2{margin:5px 0 7px}
  #win #bossPrize{margin:7px 0;padding:5px 9px}
  #win #bossPrize .boss-medal{width:55px;height:58px}
  #win .recap-metrics>div{padding:7px 4px}
  #win .recap-insight{margin:7px 0}
  #roundCastlePreview{height:75px}
  #win .win-actions{margin-top:8px}
}