/* OMEGA-4D-08: quiet, explicit controls for optional phone capabilities. */
.sensory-settings{margin:18px 0 28px;padding:22px 0 24px;border-bottom:1px solid #d6bd9630;scroll-margin-top:18px}
.sensory-settings>h3{margin:5px 0 10px;font-family:Georgia,serif;font-size:clamp(1.65rem,5.4vw,2.2rem);font-weight:400;color:#ffe8bc}
.sensory-settings .sensory-intro{max-width:52ch;line-height:1.6;color:#d7cbe0;font-size:.9rem;margin-bottom:20px}
.sensory-trail{margin:0 0 20px;scroll-margin-top:14px}
.sensory-trail h4{margin:0 0 5px;color:#ffe6ba;font-size:.95rem;line-height:1.4}
.sensory-trail-intro{margin:0 0 11px;color:#d0c3da;font-size:.78rem;line-height:1.5;max-width:54ch}
.sensory-trail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}
.sensory-trail-list li{min-width:0;margin:0;padding:0}
.sensory-trail .sensory-trail-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;width:100%;min-width:44px;min-height:88px;padding:10px 9px;border:1px solid #b799c94d;border-radius:12px;background:linear-gradient(130deg,#423148,#252436);color:#f7e4c8;text-align:left;white-space:normal;line-height:1.3;touch-action:manipulation}
.sensory-trail-number{font-size:.63rem;letter-spacing:.07em;color:#c7afd7}
.sensory-trail-label{font-size:.78rem;font-weight:650;min-height:2.6em;overflow-wrap:normal}
.sensory-trail-state{font-size:.67rem;color:#c6bbd2;line-height:1.35}
.sensory-trail-button[data-state=active]{border-color:#9bdecc99;background:linear-gradient(130deg,#34504b,#2a3040)}
.sensory-trail-button[data-state=active] .sensory-trail-state{color:#b8f0da}
.sensory-trail-button[data-state=pending] .sensory-trail-state,.sensory-trail-button[data-state=paused] .sensory-trail-state{color:#f3cf98}
.sensory-trail-button[data-state=unavailable]{background:#292333}
.sensory-trail-button[aria-current]{box-shadow:inset 0 0 0 1px #f1d2a2}
.sensory-card,.sensory-xr-card{scroll-margin-top:14px}
.sensory-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 0;margin-top:10px;border:0;background:transparent;color:#e4c7f3;font-size:.75rem;line-height:1.4;text-align:left;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation}
.sensory-xr-card{margin:22px 0;padding:17px;border:1px solid #c5a87932;border-radius:16px;background:linear-gradient(135deg,#32223ab8,#211b2bd9)}
.sensory-xr-card h3{margin-top:0}
.sensory-xr-card :is(button,h3):focus-visible,.sensory-settings :is(h3,h4):focus-visible{outline:2px solid #f6c98b;outline-offset:4px}
.sensory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sensory-card{min-width:0;border:1px solid #c5a87932;border-radius:16px;padding:17px;background:linear-gradient(135deg,#32223ab8,#211b2bd9);box-shadow:inset 0 1px #fff2}
.sensory-card h4{font-size:1rem;line-height:1.35;margin:0 0 8px;color:#fce4ba;font-weight:650;letter-spacing:.01em}
.sensory-card>p{font-size:.82rem;line-height:1.55;margin:0 0 12px;color:#d4c8dd}
.sensory-card .sensory-status{padding-left:10px;border-left:2px solid #b69ae1;min-height:2.5em;color:#e7d6f0;font-size:.76rem;line-height:1.5}
.sensory-card button{min-height:44px;font-size:.79rem;line-height:1.3;white-space:normal;justify-content:center;text-align:center;touch-action:manipulation;max-width:100%;border-radius:11px;padding:11px 13px}
.sensory-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}
.sensory-actions>button{flex:1 1 110px}
.sensory-card button:disabled,.sensory-switch:has(input:disabled){opacity:.5;cursor:not-allowed}
.sensory-card .button.gold{width:100%;margin-bottom:8px;color:#24150f;background:linear-gradient(110deg,#ffd597,#e9ad64);box-shadow:0 4px 16px #0c071c45}
.sensory-volume{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;margin-top:13px;color:#d8c8e0;font-size:.78rem;min-height:44px}
.sensory-volume input[type=range]{width:100%;min-width:0;height:44px;margin:0;accent-color:#ecc08b;touch-action:pan-y}
.sensory-switch{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 2px;margin:5px 0;font-size:.82rem;color:#f1dfce;cursor:pointer;touch-action:manipulation}
.sensory-switch input[type=checkbox]{appearance:auto;-webkit-appearance:auto;flex:none;width:22px;height:22px;margin:0;accent-color:#c4a1ea;cursor:pointer}
.sensory-switch input[switch]{width:52px;height:32px;appearance:auto;-webkit-appearance:auto}
.sensory-card .sensory-note{font-size:.71rem;line-height:1.5;color:#b9a9c5;margin:0}
#sensory-breath-meter{display:block;width:100%;height:9px;margin:16px 0 5px;border:0;background:#1a1423;border-radius:9px;accent-color:#8fe2d3}
#sensory-breath-meter::-webkit-meter-bar{background:#1a1423;border:1px solid #a1ccc22b;border-radius:9px}
#sensory-breath-meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#68bdbf,#d8b6fa);border-radius:9px}
#sensory-breath-meter::-moz-meter-bar{background:#a3d6d5;border-radius:9px}
.sensory-calibration{margin-top:14px;border-top:1px solid #b79bd02b;padding-top:8px}
.sensory-calibration summary{padding:9px 0;font-size:.76rem;line-height:1.4;cursor:pointer;min-height:44px;color:#dcc2e8;display:list-item}
.sensory-calibration p{font-size:.76rem;line-height:1.5;color:#c8b8d2;margin:5px 0 12px}
.sensory-stop-row{display:flex;justify-content:flex-end;margin-top:15px}
.sensory-stop-row button{min-height:44px;font-size:.8rem;border-color:#b39da35c;color:#e3d6d9}
.sensory-settings :is(button,input,summary):focus-visible{outline:2px solid #f6c98b;outline-offset:4px}
#hud-senses{background:linear-gradient(115deg,#402c4c,#25373b);border-color:#a2c9c047;color:#f7e6c9}
.swatch.sky-bloodmoon{background:linear-gradient(140deg,#d38a58,#81394f 55%,#24172b)}
.swatch.sky-aurora{background:linear-gradient(130deg,#171d46,#42c6b8 45%,#9c6de2)}
.swatch.sky-rain{background:linear-gradient(140deg,#152537,#dda85f 65%,#734761)}
@media(max-width:620px){
 .sensory-grid{grid-template-columns:minmax(0,1fr);gap:11px}
 .sensory-settings{padding-top:12px;margin-top:10px}
 .sensory-card{padding:16px;border-radius:14px}
 .sensory-card .sensory-status{min-height:0}
 .sensory-card>p{font-size:.84rem}
 .sensory-card button{font-size:.84rem}
 .sensory-stop-row button{width:100%}
}
@media(max-width:359px){.sensory-trail-list{gap:6px}.sensory-trail .sensory-trail-button{padding:9px 7px}.sensory-trail-label{font-size:.73rem}.sensory-trail-state{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.sensory-settings *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
