#soloExperience{max-width:900px;margin:0 auto;padding:18px 0 30px}
#soloExperience h1{font-size:clamp(30px,7vw,52px);line-height:1.08;margin:12px 0}
#soloExperience p{line-height:1.55}#soloExperience .soloLead{color:#bfd0e8}
.soloProgress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 24px}
.soloProgress span{border-top:3px solid #42658d;padding-top:10px;font-size:13px;color:#bfd0e8}.soloProgress [aria-current=step]{border-color:#ffe000;color:#ffe000;font-weight:900}
.soloChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.soloChoices button{white-space:normal;text-align:left;width:100%;min-height:110px}
.soloChoices strong,.soloChoices small{display:block}.soloChoices small{margin-top:9px;font-weight:400;line-height:1.5}
.soloConditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.soloCondition{border:1px solid #42658d;padding:14px;border-radius:14px;background:#0b2b57;min-width:0}
.soloCondition label{display:flex;gap:10px;align-items:center;font-weight:800;color:#ffe000}.soloCondition input[type=checkbox]{appearance:auto!important;width:20px!important;height:20px!important;accent-color:#ffe000}
.soloCondition small{display:block;margin:12px 0 0;color:#bfd0e8;line-height:1.5}.soloValue{display:block;font-size:21px;margin-top:14px;overflow-wrap:anywhere}
.soloActions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.soloActions .btn{min-height:48px}
.soloNotice{border-left:4px solid #ffe000;background:#102f58;padding:14px;margin:18px 0;color:#fff}.soloNotice:empty{display:none}
.soloOptional{border:1px solid #42658d;border-radius:14px;padding:18px;margin-top:24px}.soloOptional summary{cursor:pointer;font-weight:850;color:#ffe000;min-height:44px}
.soloMedia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.soloMedia figure{margin:0;min-width:0}.soloMedia img,.soloMedia video{width:100%;max-height:320px;object-fit:contain}.soloMedia a{display:inline-flex;align-items:center;min-height:44px;color:#ffe000;overflow-wrap:anywhere}
.soloMedia label{display:block}.db-solo-active #splitCompanion,.db-solo-active #mobilePerspective,.db-solo-active .mobileFlow,.db-solo-active .storyFab,.db-solo-active .feedbackFab{display:none!important}
#soloExperience a:focus-visible,#soloExperience button:focus-visible,#soloExperience input:focus-visible,#soloExperience summary:focus-visible{outline:3px solid #ffe000;outline-offset:4px}
@media(max-width:540px){.soloChoices,.soloConditions,.soloMedia{grid-template-columns:1fr}.soloProgress{gap:4px}.soloProgress span{font-size:12px}.soloActions{display:grid;grid-template-columns:1fr}.soloActions .btn{width:100%;white-space:normal}}

.db-solo-active .pageNo{display:none!important}
#soloExperience textarea{display:block;width:100%;min-height:110px;margin-top:12px;font:inherit;box-sizing:border-box}

/* Same reel windows, rolling movement and landing states as the regular game. */
#soloExperience .soloConditions.online-reels{grid-template-columns:repeat(var(--online-count,3),minmax(0,1fr));gap:12px}
#soloExperience .online-role{min-width:0}#soloExperience .online-role-name{font-weight:900;color:#ffe000;margin-bottom:10px}
@media(max-width:540px){#soloExperience .online-slot{height:170px}#soloExperience .online-track{grid-template-rows:40px 90px 40px}#soloExperience .online-slot:after{inset:40px 0}}
@media(prefers-reduced-motion:reduce){#soloExperience .online-track,#soloExperience .online-value{animation:none!important}}

.soloTrialInvite{background:#102f60;color:#f8fbff;border:1px solid #5277ae;border-radius:16px;padding:24px;margin:24px 0}.soloTrialInvite h2{margin-top:0}.soloTrialInvite p{color:#cedaf0;line-height:1.6}.soloTrialInvite .btn{white-space:normal}