.odx-panel.odx-panel--scenic{background:#10151d;width:min(940px,100%);padding:0 0 24px}.odx-panel--scenic>:not(.odx-corridor-art):not(.odx-close){margin-left:28px;margin-right:28px}.odx-panel--scenic>.odx-close{z-index:2;background:#10151de8;border:1px solid #b6c3d655;box-shadow:0 2px 12px #0008}.odx-corridor-art{background:#080b11;border-bottom:1px solid #acbbce36;margin:0 0 23px;position:relative;overflow:hidden}.odx-corridor-art img{object-fit:cover;object-position:center 53%;width:100%;height:auto;max-height:clamp(170px,31vh,315px);display:block}.odx-corridor-art figcaption{color:#e5eaf0;text-shadow:0 1px 4px #000;background:linear-gradient(#0000,#080b11ed);justify-content:space-between;gap:12px;padding:32px 24px 14px;font-size:12px;display:flex;position:absolute;inset:auto 0 0}.odx-corridor-art figcaption>span:first-child{letter-spacing:.18em;color:#dfc59d;white-space:nowrap;font-size:10px}.odx-panel--scenic .odx-story{font-size:14px;line-height:1.8}.odx-panel--scenic>h2{margin-top:8px;margin-bottom:10px}.odx-title-art.odx-title-art--corridor{background-position:50%;background-size:cover}@media (width<=700px){.odx-panel--scenic>:not(.odx-corridor-art):not(.odx-close){margin-left:18px;margin-right:18px}.odx-corridor-art{margin-bottom:17px}.odx-corridor-art img{min-height:150px;max-height:190px}.odx-corridor-art figcaption{padding:30px 16px 10px;font-size:11px}.odx-panel--scenic .odx-story{font-size:13px}}.encounter .odx-panel.odx-panel--scenic{width:min(440px,100%);padding:0 0 18px}.encounter .odx-corridor-art img{object-position:50% 60%;height:110px;min-height:0}.encounter .odx-corridor-art{margin-bottom:14px}.encounter .odx-corridor-art figcaption{padding:25px 16px 8px;font-size:10px}@media (width<=700px){.encounter .odx-panel.odx-panel--scenic{max-height:58%;padding-bottom:12px}.encounter .odx-corridor-art img{height:78px}.encounter .odx-corridor-art figcaption>span:last-child{display:none}}.odx .odx-save-slots{z-index:1;background:#0b111be8;border-top:1px solid #303945;padding:25px 30px;position:relative}.odx-slots-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;font-size:14px;display:flex}.odx-slots-heading>span{color:#93a6b7;font-size:11px}.odx-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.odx .odx-save-slot{text-align:left;background:linear-gradient(135deg,#172331,#10161f);border:1px solid #3f4b58;flex-direction:column;align-items:stretch;gap:7px;min-height:154px;padding:17px;font-weight:400;display:flex}.odx .odx-save-slot.is-selected{border-color:var(--odx-accent);box-shadow:inset 0 0 0 1px var(--odx-accent);background:linear-gradient(135deg,#29333b,#131b25)}.odx-slot-number{color:#9eafc1;letter-spacing:.12em;justify-content:space-between;gap:7px;font-size:9px;display:flex}.odx-slot-number>span{letter-spacing:0;color:var(--odx-accent);font-size:10px}.odx-save-slot>strong{color:#edf3f7;overflow-wrap:anywhere;margin:5px 0 0;font-size:16px}.odx-save-slot>span:not(.odx-slot-number){color:#c0cfda;font-size:12px}.odx-save-slot>small,.odx-save-slot>time{color:#91a3b6;font-size:10px}.odx-save-slot>time{margin-top:auto;padding-top:5px}.odx-save-slots>p{color:#91a3b6;margin-top:13px!important;font-size:11px!important}.odx .odx-title--slots{display:block}.odx-title--slots .odx-title-copy{max-width:580px;padding-top:32px;padding-bottom:28px}.odx-toolbar .odx-active-slot{color:var(--odx-accent);font-size:10px}@media (width<=700px){.odx .odx-save-slots{padding:20px 17px}.odx-slot-grid{grid-template-columns:1fr;gap:9px}.odx .odx-save-slot{gap:5px;min-height:0;padding:14px}.odx-save-slot>strong{margin-top:2px;font-size:15px}.odx-save-slot>time{padding-top:0}.odx-title--slots .odx-title-copy{padding:28px 23px}}.odx-panel-shade.encounter{background:linear-gradient(90deg,#0000 45%,#01060c80);place-items:end}.encounter .odx-panel{width:min(440px,100%);padding:22px}.encounter .odx-panel h2{margin:7px 0 12px}.encounter .odx-panel .odx-story{margin:12px 0 18px;line-height:1.7}@media (width<=700px){.odx-panel-shade.encounter{background:linear-gradient(#0000 30%,#01060c99)}.encounter .odx-panel{max-height:48%;padding:12px 16px}.encounter .odx-panel h2{margin:4px 0 10px}.encounter .odx-panel .odx-story{margin:8px 0 14px;font-size:12px;line-height:1.6}}.odx .odx-chip-badge{vertical-align:middle;color:#d6fbff;letter-spacing:0;white-space:nowrap;background:#123743d9;border:1px solid #7cdcf1a8;border-radius:999px;align-items:center;margin-left:9px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 14px #47ccf650}.odx .odx-ambush-note{color:#ffca99;margin:0 0 11px;font-size:12px;font-weight:750}.odx .odx-close:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.odx-creature-portrait{background:radial-gradient(#29465a99,#071019);border:1px solid #3e566b;border-radius:9px;min-width:0;height:230px;margin-bottom:16px;overflow:hidden}.odx-creature-portrait canvas{width:100%;height:100%;display:block}.odx-creature-portrait p{padding:18px;font-size:12px}@media (width<=700px){.odx-creature-portrait{height:190px;margin-bottom:10px}}