.scenery-dialog{width:min(660px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #4c5c62;border-radius:10px;color:#e0e8eb;background:#202a30;box-shadow:0 24px 100px #0009}
.scenery-dialog[open]{display:flex;flex-direction:column}.scenery-dialog::backdrop{background:#071018ac;backdrop-filter:none}
.scenery-dialog header,.scenery-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;flex:none}.scenery-dialog header{border-bottom:1px solid #ffffff16}.scenery-eyebrow{font-size:9px;letter-spacing:1.8px;color:#9db4b4;margin:0 0 6px}.scenery-dialog h2{font-size:20px;font-weight:500;margin:0}.scenery-dialog #scenerySummary{font-size:11px;color:#a6c8c1;margin:7px 0 0}.scenery-dialog #sceneryCloseBtn{font-size:25px;color:#b2c0c7;padding:3px 8px;background:none;border:0}
.scenery-dialog-scroll{min-height:0;overflow:auto;padding:0 22px 18px;overscroll-behavior:contain}.scenery-intro{font-size:12px;line-height:1.6;color:#b5c5cb;margin:17px 0}.scenery-dialog h3{font-size:12px;font-weight:600;color:#d5e0e3;margin:18px 0 11px}.scenery-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenery-choices button{min-width:0;display:grid;grid-template-columns:49px 1fr;grid-template-rows:1fr auto;column-gap:11px;row-gap:4px;text-align:left;min-height:89px;padding:10px;border:1px solid #47565e;border-radius:6px;color:#d3e0e4;background:#27343c;position:relative}.scenery-choices button:hover{background:#2e3f47;border-color:#7b9b9b}.scenery-choices button.selected{border-color:#9dd7c6;background:#324841;box-shadow:inset 0 0 0 1px #9dd7c62b}.scenery-choices button:first-child{grid-column:1/-1;min-height:66px;grid-template-columns:49px 1fr auto;grid-template-rows:1fr}.scenery-card-text{display:flex;flex-direction:column;gap:4px;min-width:0}.scenery-card-text strong{font-size:12px;font-weight:600}.scenery-card-text small{font-size:10px;line-height:1.4;color:#b1c1c8}.scenery-cost-badge{grid-column:2;align-self:end;color:#a5c5ba;font-size:9px}.scenery-choices button:first-child .scenery-cost-badge{grid-column:3;align-self:center}
.scenery-preview{width:49px;height:49px;border-radius:4px;grid-row:1/3;overflow:hidden;position:relative;border:1px solid #c6e8e510;display:block;background:#102018}.scenery-preview-original{background:radial-gradient(ellipse at 70% 20%,#243328,#0c1a12)}.scenery-preview-gradient{background:linear-gradient(#13203a,#426578 65%,#20372f)}.scenery-preview-landscape{background:linear-gradient(#132538,#304455)}.scenery-preview-landscape:before,.scenery-preview-landscape:after{content:"";position:absolute;inset:13px -2px 0;background:#547773;clip-path:polygon(0 60%,17% 25%,31% 52%,55% 0,79% 47%,100% 31%,100% 100%,0 100%)}.scenery-preview-landscape:after{inset:26px -4px 0;background:#2b454a;transform:scaleX(-1)}.scenery-preview-curves{background:repeating-radial-gradient(ellipse at -40% 100%,#6dabb67a 0 1px,transparent 2px 7px),#142c39}.scenery-preview-surface{background:repeating-linear-gradient(0deg,transparent 0 6px,#91b4bb5c 7px,transparent 8px),repeating-linear-gradient(85deg,transparent 0 9px,#6d939c4d 10px,transparent 11px),linear-gradient(135deg,#243c52,#47726a)}
.scenery-setting{margin:13px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px}.scenery-dialog label{font-size:12px;color:#c4d2d8}.scenery-dialog select{width:100%;min-width:0;background:#17252c;color:#dce7e9;border:1px solid #4c606b;border-radius:4px;padding:8px;font-size:12px}.scenery-reactions,.scenery-performance{border-top:1px solid #ffffff16;margin-top:18px;padding-top:1px}.scenery-reactions>p,.scenery-performance>p{font-size:11px;color:#a9bcc3;line-height:1.6}.scenery-reactions>label:not(.scenery-range-label),.scenery-performance>label{display:block;margin:12px 0 8px}.scenery-hint{font-size:10px!important;color:#94aab5!important}.scenery-range-label{display:flex;justify-content:space-between;gap:12px;margin:14px 0 7px}.scenery-range-label output{color:#a8d9c9}.scenery-dialog input[type=range]{width:100%;margin:0}.scenery-performance{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:16px;padding-top:15px}.scenery-performance>label{margin:0}.scenery-performance>p{grid-column:1/-1;margin:10px 0 0}.scenery-performance #sceneryCost{color:#c1d1c8}
.scenery-dialog footer{height:auto;min-height:74px;border-top:1px solid #ffffff16;background:#1b252c}.scenery-dialog footer>div{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.scenery-dialog footer small{font-size:9px;line-height:1.4;color:#9eb0b8}.scenery-dialog footer button{font-size:12px;border:1px solid #597269;border-radius:4px;padding:8px 12px;background:#2d443c;color:#cceade;white-space:nowrap}.scenery-dialog #sceneryOffBtn{background:none;color:#d2c5af;border-color:#6a6456;padding:6px 10px;font-size:11px}.scenery-button.active{color:#a2dacc!important;border-bottom-color:#87bbae!important}
@media(max-width:540px){.scenery-dialog header,.scenery-dialog footer{padding:13px 14px}.scenery-dialog-scroll{padding:0 14px 14px}.scenery-choices{grid-template-columns:1fr}.scenery-choices button,.scenery-choices button:first-child{grid-template-columns:49px 1fr auto;grid-template-rows:1fr;min-height:67px;column-gap:9px;padding:8px}.scenery-preview{grid-row:1}.scenery-choices .scenery-cost-badge{grid-column:3;align-self:center;max-width:54px;font-size:8px}.scenery-card-text small{font-size:9px}.scenery-setting,.scenery-performance{column-gap:10px}.scenery-dialog footer{gap:8px}.scenery-dialog footer small{max-width:210px}.scenery-dialog footer button{padding:7px 9px}}

.scenery-performance #sceneryEncountersBtn{font-size:11px;color:#b3dbce;background:none;border:0;text-decoration:underline;text-underline-offset:3px;padding:3px 0}