.visual-choice-section{margin:0 0 36px}
.visual-choice-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 18px}
.visual-choice-heading h2{font-size:29px;letter-spacing:-.5px;margin:7px 0 0;line-height:1.25}
.visual-choice-heading p{font-size:13px;color:#b7a9cb;max-width:250px;line-height:1.6;margin:0 0 3px}
.visual-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.visual-choice{padding:0;min-width:0;text-align:left;border:1px solid #c4a3ed38;border-radius:19px;overflow:hidden;background:#1a1429;color:#f1e7ff;transition:border-color .35s,box-shadow .35s,background .35s;cursor:pointer}
.visual-choice.selected{border-color:#d3b5ffb8;box-shadow:0 0 0 1px #c5a1ed32,0 0 26px #9470d513;background:#271c3b}
.visual-choice:hover{border-color:#d3b5ff85}
.visual-choice:focus-visible{outline:2px solid #f2deff;outline-offset:5px}
.visual-choice-art{display:block;height:175px;position:relative;overflow:hidden;background:#100c21}
.visual-choice-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#1a14296b);pointer-events:none}
.visual-choice-art canvas{display:block;width:100%;height:100%}
.visual-choice-copy{display:block;padding:18px 18px 16px}
.visual-choice-name{display:block;font-size:18px;font-weight:500;line-height:1.4}
.visual-choice-description{display:block;font-size:12px;line-height:1.65;color:#b8aacb;margin-top:5px;min-height:40px}
.visual-choice-state{display:block;margin-top:12px;color:#b5a2cf;font-size:11px;letter-spacing:.2px}
.visual-choice.selected .visual-choice-state{color:#e0c5ff}
.session-settings{max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain}
.session #session-settings-container{position:absolute;inset:0;z-index:8;pointer-events:none}
.session.controls-visible #session-settings-container{pointer-events:none}
.session #session-settings-container .session-settings{pointer-events:auto}
.comfort-grid{grid-template-columns:1fr}.comfort-grid>div{max-width:650px;width:100%}
@media(min-width:651px) and (max-width:1000px){.visual-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .visual-choice-section{margin-bottom:28px}.visual-choice-heading{display:block;margin-bottom:14px}.visual-choice-heading h2{font-size:25px}.visual-choice-heading p{max-width:none;margin:8px 0 0;font-size:12px}
 .visual-choices{grid-template-columns:1fr;gap:11px}.visual-choice{display:grid;grid-template-columns:116px minmax(0,1fr);border-radius:15px}.visual-choice-art{height:100%;min-height:120px}.visual-choice-copy{padding:13px 14px}.visual-choice-name{font-size:17px}.visual-choice-description{font-size:11px;min-height:0;margin-top:3px}.visual-choice-state{margin-top:9px}
}
@media(prefers-reduced-motion:reduce){.visual-choice{transition:none}}