#wizardOverlay.wizard-universes .modal{max-width:980px;width:100%;background:#f7ecd6;border:1px solid #c4a77a;border-radius:8px;box-shadow:0 24px 80px #182c3755;padding:38px clamp(20px,4vw,48px);color:#40594d}
#wizardOverlay.wizard-universes .eyebrow{justify-content:center;text-align:center;color:#826c49;letter-spacing:3px;font-size:9px}
#wizardOverlay.wizard-universes h2{text-align:center;color:#385349;font-size:clamp(27px,3.2vw,42px);line-height:1.2;margin:18px 0 22px}
#wizardOverlay.wizard-universes .note{color:#626b56;text-align:center;line-height:1.65}
#wizardOverlay.wizard-universes .theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}
#wizardOverlay.wizard-universes .theme-choice{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;min-height:158px;padding:16px 12px;background:#faf0dc;border:1px solid #d9c3a0;border-radius:3px;box-shadow:3px 4px #cbb79366;color:#40594d;transition:background .2s,box-shadow .2s}
#wizardOverlay.wizard-universes .theme-choice.selected{background:#f3e4c7;border-color:#577262;box-shadow:inset 0 0 0 1px #577262,3px 4px #cbb79366}
#wizardOverlay.wizard-universes .theme-choice.selected::after{content:'✓';position:absolute;top:8px;right:9px;background:#426354;color:#fff8e8;border-radius:50%;width:20px;height:20px;font-size:12px;display:grid;place-items:center}
#wizardOverlay.wizard-universes .theme-choice:focus-visible{outline:3px solid #426354;outline-offset:4px}
#wizardOverlay.wizard-universes .theme-choice small{color:#6c715d;font-size:10px;line-height:1.5;margin-top:5px}
.wizard-paper-symbol{display:block;width:90px;height:66px;flex:none;overflow:visible;filter:drop-shadow(2px 3px 0 #bba58155);transition:transform .3s}
.theme-choice:hover .wizard-paper-symbol,.theme-choice:focus-visible .wizard-paper-symbol{transform:translateY(-3px) rotate(-3deg)}
#wizardOverlay.wizard-universes .wizard-progress span{background:#dbcaaa}#wizardOverlay.wizard-universes .wizard-progress .on{background:#577262}
#wizardOverlay.wizard-universes .modal-actions{border-color:#d5bf9a;margin-top:24px}
@media(max-width:600px){#wizardOverlay.wizard-universes .theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#wizardOverlay.wizard-universes .theme-choice{min-height:147px;padding:12px 8px}.wizard-paper-symbol{width:74px;height:55px}#wizardOverlay.wizard-universes .modal{padding:35px 17px 22px}}
@media(prefers-reduced-motion:reduce){.wizard-paper-symbol{transition:none}}
/* Compact selector: eleven worlds and the next action in the same desktop view. */
#wizardOverlay.wizard-universes .modal{max-width:1020px;max-height:calc(100dvh - 32px);padding:24px 32px}
#wizardOverlay.wizard-universes h2{font-size:clamp(27px,3vw,37px);margin:12px 0 16px}
#wizardOverlay.wizard-universes .wizard-progress{margin:14px 0 16px}
#wizardOverlay.wizard-universes .theme-choices{gap:11px;margin-top:14px}
#wizardOverlay.wizard-universes .theme-choice{min-height:118px;padding:10px;gap:6px}
#wizardOverlay.wizard-universes .wizard-paper-symbol{width:76px;height:49px}
#wizardOverlay.wizard-universes .note{font-size:11px;margin-bottom:0}
#wizardOverlay.wizard-universes #wizardBody>.note:last-child{margin-top:12px!important}
#wizardOverlay.wizard-universes .modal-actions{margin-top:16px;padding-top:14px}
#wizardOverlay.wizard-universes .modal-actions .btn{padding:12px 24px}
@media(min-width:900px){#wizardOverlay.wizard-universes .theme-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px) and (max-height:760px){
 #wizardOverlay.wizard-universes .modal{padding:18px 28px}
 #wizardOverlay.wizard-universes h2{font-size:30px;margin:8px 0 10px}
 #wizardOverlay.wizard-universes .wizard-progress{margin:10px 0 12px}
 #wizardOverlay.wizard-universes .theme-choice{min-height:101px;padding:8px;gap:4px}
 #wizardOverlay.wizard-universes .wizard-paper-symbol{height:39px;width:65px}
 #wizardOverlay.wizard-universes .theme-choices{gap:9px;margin-top:10px}
 #wizardOverlay.wizard-universes .modal-actions{margin-top:10px;padding-top:10px}
}
@media(max-width:600px){#wizardOverlay.wizard-universes .modal{padding:32px 17px 20px;max-height:calc(100dvh - 24px)}#wizardOverlay.wizard-universes .theme-choice{min-height:132px}}
