@font-face{font-family:'Lilita One';src:url('lilita-one.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* Town posters: talavera blue, rosa mexicano and marigold. */
#surprise,dialog.resident-dialog{border:3px solid #15558a;border-radius:20px 6px 20px 6px;background:#fff7de;color:#173c54;box-shadow:6px 7px 0 #d42d74,0 24px 90px #071c3899;font-family:'Trebuchet MS',system-ui,sans-serif}
#surprise:before,dialog.resident-dialog:before{content:'';display:block;position:absolute;top:13px;left:18px;right:76px;height:14px;background:radial-gradient(circle at 7px 7px,#ffc956 0 3px,transparent 3.5px),repeating-linear-gradient(90deg,#15558a 0 18px,transparent 18px 23px,#c12565 23px 41px,transparent 41px 46px);background-size:23px 14px,46px 3px;background-position:center,center;background-repeat:repeat-x;pointer-events:none}
#surprise>h2,dialog.resident-dialog h2,#surprise .scene-ending h3{font-family:'Lilita One','Arial Black',sans-serif;font-weight:400;letter-spacing:.2px;line-height:1.08}
#surprise>h2,dialog.resident-dialog h2{color:#174f82;font-size:clamp(28px,7vw,38px);margin-top:4px;margin-bottom:12px;text-wrap:balance}
#surprise .day-label{color:#9e1f56;letter-spacing:1.4px;font:750 10px/1.4 'Trebuchet MS',sans-serif}
#surprise .scene-subtitle{font:15px/1.45 'Trebuchet MS',sans-serif;margin:0 0 12px}
#surprise .scene-hud{font:750 12px/1.4 'Trebuchet MS',sans-serif;padding:9px;border-radius:8px;background:#e0edf2;color:#174c67}
#surprise .scene-actions button,dialog.resident-dialog .modal-close-button{font:400 18px/1.15 'Lilita One',sans-serif;border-radius:9px;border:2px solid #144f78;background:#ffc956;color:#173c54;box-shadow:0 3px 0 #144f78;min-height:48px}
#surprise .scene-actions .scene-pause{background:#e3f0ee;color:#155367;font-size:16px}
#surprise .scene-status{font-family:'Trebuchet MS',sans-serif;font-weight:700;color:#155367}
#surprise .scene-ending{border:2px solid #1a6a87;border-radius:12px;background:#fff9e8;box-shadow:0 4px 0 #ffc956;padding:16px}
#surprise .scene-ending h3{font-size:25px;color:#17558a}
#surprise.has-dismiss>.dialog-dismiss,dialog.resident-dialog.has-dismiss>.dialog-dismiss{background:#ffc956;color:#153e60;border:2px solid #153e60;box-shadow:0 3px #153e60;font-weight:700}
#surprise button:focus-visible,dialog.resident-dialog button:focus-visible{outline:3px solid #d42672;outline-offset:3px}
#surprise:has(.luggage-experience){background:#123e57;border-color:#ffc64f;color:#fff8de}
#surprise:has(.luggage-experience)>h2{color:#ffd15b;text-shadow:2px 2px #792c59}
#surprise .luggage-experience .scene-hud{background:#092b40;color:#fff3c7}
#surprise .luggage-experience .scene-status{color:#fff2d0}
#surprise .luggage-experience .scene-actions .scene-pause{background:#226476;color:#fff5d8;border-color:#092b40}
#surprise:has(.luggage-experience) .day-label{color:#ffcb75}
@media(max-width:380px){#surprise>h2{font-size:28px}#surprise .scene-subtitle{font-size:14px}}
#surprise.scene-game-dialog #surprise-title{font-family:"Lilita One","Arial Black",sans-serif;font-weight:400;letter-spacing:.2px}