.cinematic-panel{position:fixed;z-index:1800;right:18px;top:64px;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 84px);overflow:auto;background:linear-gradient(110deg,#242625f7,#101a20fa);border:1px solid #ad925c;color:#e8dfcb;box-shadow:0 16px 70px #000b,inset 0 0 0 3px #151a1b;font:13px/1.45 'Source Sans 3',sans-serif;border-radius:5px;scrollbar-color:#87744e #172027}
.cinematic-panel[hidden]{display:none}.cinematic-panel header{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid #675b3e;background:linear-gradient(#30332f,#202528);position:sticky;top:0;z-index:1}.cinematic-panel header div{flex:1}.cinematic-panel header strong{display:block;font:19px Georgia,serif;color:#e0c88d}.cinematic-panel header small{font-size:9px;letter-spacing:2px}.cinematic-panel .capture-content{padding:12px}.cinematic-panel.collapsed{width:265px}.cinematic-panel.collapsed .capture-content{display:none}.cinematic-panel p{margin:7px 0 12px}.cinematic-panel small{color:#b4b9b7;display:block}.cinematic-panel label{display:flex;flex-direction:column;gap:4px;margin:9px 0}.cinematic-panel input,.cinematic-panel select{box-sizing:border-box;width:100%;min-width:0;background:#101b22;color:#eee2c9;border:1px solid #586064;padding:7px;border-radius:3px;font:inherit}.cinematic-panel input[type=color]{height:33px}.cinematic-panel .capture-check{flex-direction:row;align-items:center}.cinematic-panel .capture-check input{width:16px;height:16px;accent-color:#bfa36b}.cinematic-panel button{font:inherit;background:linear-gradient(#3c423e,#252c2c);border:1px solid #84734c;color:#eee2c9;border-radius:3px;padding:7px 9px;cursor:pointer;min-height:32px}.cinematic-panel button:hover{border-color:#e1c18b;background:#464e49}.cinematic-panel button:disabled{opacity:.42;cursor:not-allowed}.cinematic-panel button:focus-visible,.cinematic-panel input:focus-visible,.cinematic-panel select:focus-visible{outline:2px solid #dfc486;outline-offset:2px}.cinematic-panel .capture-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.cinematic-panel .capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.cinematic-panel nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0}.cinematic-panel nav button{font-size:12px;padding:6px 2px}.cinematic-panel nav [aria-pressed=true]{background:#685b3c;border-color:#dab773}.cinematic-panel fieldset{min-width:0;border:1px solid #525951;padding:10px;margin:10px 0}.cinematic-panel fieldset.capture-tab{border:0;padding:0}.cinematic-panel legend{color:#d9bd80}.cinematic-panel details{padding:9px 0;border-bottom:1px solid #424c4c}.cinematic-panel summary{cursor:pointer;color:#d6c390}.cinematic-panel .capture-status{font-variant-numeric:tabular-nums;color:#ecce8f;background:#101920;padding:9px;font-size:12px}.cinematic-panel .capture-notice{border-left:2px solid #b8975d;padding-left:10px}.cinematic-panel .capture-note{font-size:12px;color:#c1cbc9}.cinematic-panel footer{border-top:1px solid #4d554e;padding-top:12px;font-size:10px;color:#c5bcaa}.cinematic-panel .capture-timeline{height:38px;margin:18px 4px 6px;position:relative;border-top:3px solid #83734c}.cinematic-panel .capture-timeline button{position:absolute;top:-10px;min-width:24px;padding:2px}.cinematic-panel .capture-timeline .selected{background:#857144;color:white}.cinematic-panel .capture-library article{padding:12px 0;border-bottom:1px solid #656449}.cinematic-panel .capture-library img,.cinematic-panel .capture-library video{width:100%;max-height:240px;object-fit:contain;background:#0a1217}.capture-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.capture-hide-objective .current-objective{visibility:hidden!important}.capture-hide-location .location-hud,.capture-hide-location .compass-plate,.capture-hide-location .crosshair{visibility:hidden!important}.capture-hide-controls .control-deck{visibility:hidden!important}.capture-tab-recording .cinematic-panel,.capture-tab-recording [data-act="capture-open"],.capture-tab-recording .graphics-diagnostics,.capture-tab-recording .ocean-tools{visibility:hidden!important}
@media(max-width:600px){.cinematic-panel{top:10px;right:8px;max-height:calc(100dvh - 20px);width:340px}.cinematic-panel nav{grid-template-columns:repeat(2,1fr)}}

.capture-tab-recording .capture-guides{visibility:hidden!important}