/* Field-story layer: luminous annotations over the actual aerial, with a quiet mobile mode. */
.story-control{position:absolute;z-index:635;left:22px;bottom:70px;width:min(360px,calc(100% - 110px));color:#f7f9ec;background:linear-gradient(145deg,#081810f2,#12241af0);border:1px solid #d6e7c95e;border-radius:15px;box-shadow:0 14px 42px #07140c99;backdrop-filter:blur(10px);font-size:12px;line-height:1.35;overflow:hidden}
.story-control button{color:inherit}.story-control #story-toggle{min-height:54px;width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:9px 13px}.story-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:850;color:#c9daa8}.story-control #story-toggle strong{font-family:Georgia,serif;font-size:19px;line-height:1.1;white-space:nowrap}.story-chevron{margin-left:auto}.story-control #story-detail{padding:0 13px 13px}.story-control #story-detail[hidden]{display:none}.story-swatches{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px;padding:10px 0;border-top:1px solid #e0f1cf32;border-bottom:1px solid #e0f1cf32}.story-swatches span{display:flex;align-items:center;gap:5px;min-width:0;font-size:11px}.story-swatches i{width:14px;height:14px;flex:none;border-radius:3px;border:1px solid #fff9}.story-swatches b{font-size:12px}.story-cover{background:#0aaa53}.story-opening{background:#ddb029}.story-edge{background:repeating-linear-gradient(90deg,#ff9323 0 5px,transparent 5px 8px)}.story-view{background:#37b6fa}.story-approach{background:repeating-linear-gradient(90deg,#fc6258 0 5px,transparent 5px 8px)}.story-water{background:#32bdff;border-radius:50%!important}.story-control p{margin:11px 0 9px;color:#e3e9d8;font-size:11px}.story-control small{display:block;margin-top:8px;color:#b9cab3;font-size:10px}.story-actions{display:flex;gap:6px}.story-actions button{border:1px solid #e0f1cf6b;border-radius:7px;padding:5px 8px;min-height:34px;font-size:11px}.story-actions #story-full{background:#e8f5d8;color:#13261a}.story-control button:focus-visible{outline:2px solid #d0ec74}#story-full-shortcut{position:absolute;z-index:635;top:22px;right:180px;background:#10231dee;color:#fff4d3;border:1px solid #e7f0dc9c;border-radius:9px;box-shadow:0 3px 15px #03100877;font-size:12px;min-height:48px;padding:10px 14px}
.story-zone-callout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:150px;text-align:center;pointer-events:none;font-family:Arial,-apple-system,sans-serif;text-shadow:0 2px 3px #06130d,0 0 8px #06130d,1px 1px 1px #06130d;font-weight:900;line-height:1.05}.story-zone-callout strong{font-size:32px;line-height:1}.story-zone-callout span{font-size:11px;letter-spacing:.45px}.story-zone-callout.cover{color:#71ff89}.story-zone-callout.opening{color:#ffe269}.story-label-icon{pointer-events:none!important}.story-transit-icon{color:#ff982a;font-size:21px;font-weight:900;text-shadow:0 2px 3px #08120a,0 0 5px #08120a;pointer-events:none}.story-sit-tag,.story-watch-tag{pointer-events:none;color:#a2e5ff;font-size:10px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 3px #07150c,0 0 7px #07150c;white-space:nowrap}.story-watch-tag{color:#bfeafe}.story-custom-icon{display:grid;place-items:center;width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:#8e50ba;color:#fff;font-weight:900;box-shadow:0 3px 12px #0009}
.story-control #story-detail{max-height:min(500px,calc(100vh - 185px));overflow-y:auto}.story-control #story-movement-detail{margin:10px 0;border-top:1px solid #e0f1cf32;padding-top:8px}.story-control #story-movement-detail summary{cursor:pointer;color:#f3c980;font-weight:850;letter-spacing:.2px;list-style:none}.story-control #story-movement-detail summary::-webkit-details-marker{display:none}.story-control #story-movement-detail summary::after{content:' ▾';font-size:11px}.story-control #story-movement-detail:not([open]) summary::after{content:' ▸'}.story-control #story-movement-list{display:grid;gap:5px;margin:8px 0}.story-control .story-movement-card{display:grid;gap:3px;text-align:left;width:100%;padding:7px 8px;border-radius:8px;background:#173124;border:1px solid #c6dba338;font-size:11px;line-height:1.3}.story-control .story-movement-card:hover,.story-control .story-movement-card:focus-visible{background:#244331}.story-movement-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.story-movement-top b{color:#ffa631;font-size:14px}.story-movement-top strong{color:#e7f5d4;font-size:10px}.story-control .story-movement-card small{font-size:10px;color:#cad8c2;margin:0}.story-transit-icon{pointer-events:auto;color:#ffae3a;font-size:16px;line-height:28px;font-weight:900;text-align:center;background:#0a1b11d9;border:1px solid #ffb248;border-radius:8px;box-shadow:0 2px 8px #0009;cursor:pointer}
.story-control #story-action{padding:8px 9px;background:#dcb06420;border-left:2px solid #f2c070;border-radius:4px;color:#ffe6bd;font-size:11px}
body.story-immersive main{grid-template-columns:minmax(0,1fr)!important}body.story-immersive #workspace{display:none!important}body.story-immersive #map-panel{height:100%}body.story-immersive .story-control{width:375px;bottom:64px}body.story-immersive .overlay-legend{max-width:calc(100vw - 70px)}
@media(max-width:800px){#story-full-shortcut{display:none}.story-control{left:12px;bottom:57px;width:min(280px,calc(100% - 76px))}.story-control #story-toggle{min-height:42px;padding:7px 10px;gap:7px}.story-control #story-toggle strong{font-size:16px}.story-eyebrow{font-size:8px;letter-spacing:1px}.story-control #story-detail{max-height:235px;overflow:auto}.story-swatches{gap:6px}.story-swatches span{font-size:10px}.story-zone-callout{width:78px}.story-zone-callout strong{font-size:24px}.story-zone-callout span{display:none}.story-sit-tag,.story-watch-tag{display:none}.story-control #story-full{display:none}}
@media(max-width:800px){body.story-immersive .story-control{width:min(280px,calc(100% - 76px));bottom:82px}body.story-immersive .story-control #story-detail{max-height:235px}}
.story-phase-label{display:grid;gap:5px;margin:11px 0 4px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#f3c980}.story-phase-label select{width:100%;min-height:37px;padding:7px 9px;background:#eff3e9;color:#14291b;border:1px solid #e7f0da;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:0}.story-action{line-height:1.42}.story-transit-icon{background:none;border:0;box-shadow:none;color:#ff9e25;font-size:22px;text-shadow:0 2px 2px #06130d,0 0 5px #06130d,0 0 8px #06130d}.story-control .story-movement-card{background:#0d211ae8;border-color:#f3a04c5e}.story-control .story-movement-card b{font-size:16px}
#story-phase-strip,#story-north{display:none}body.story-immersive #story-phase-strip{display:grid;position:absolute;z-index:620;left:14px;right:351px;bottom:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:none}#story-phase-strip article{padding:12px 14px 10px;background:#061a16eb;border:1px solid #e6d0938a;border-radius:8px;color:#f8f5e7;box-shadow:0 7px 25px #00150cb0;backdrop-filter:blur(7px);min-height:113px}#story-phase-strip small{display:block;color:#efcd83;font-size:10px;font-weight:900;letter-spacing:1.3px}#story-phase-strip strong{display:block;margin:4px 0 3px;font:700 17px Georgia,serif;color:#fff6df}#story-phase-strip p{margin:0;font-size:11px;line-height:1.35;color:#e1eadf}body.story-immersive .story-control{left:auto;right:14px;top:105px;bottom:auto;width:325px;max-height:calc(100% - 185px)}body.story-immersive .story-control #story-detail{max-height:calc(100vh - 260px)}body.story-immersive #story-north{display:grid;position:absolute;z-index:620;right:37px;top:18px;justify-items:center;color:#fff;font-size:29px;line-height:1;text-shadow:0 2px 5px #00150d;font-weight:900;pointer-events:none}#story-north span{display:block;font-size:15px}body.story-immersive #story-full-shortcut{right:365px;top:20px}
@media(max-width:1000px){body.story-immersive #story-phase-strip{right:315px;grid-template-columns:repeat(2,minmax(0,1fr))}body.story-immersive #story-phase-strip article:last-child{display:none}body.story-immersive .story-control{width:290px}}@media(max-width:800px){body.story-immersive #story-phase-strip,body.story-immersive #story-north{display:none}body.story-immersive .story-control{left:12px;right:auto;top:auto;bottom:82px;width:min(280px,calc(100% - 76px));max-height:235px}body.story-immersive .story-control #story-detail{max-height:180px}.story-phase-label select{font-size:11px}}