.ic-page{--ic-cyan:#8be4de;--ic-amber:#efc488}.ic-intro,.ic-expedition,.ic-reading{padding:clamp(30px,4vw,68px) clamp(20px,4.5vw,72px)}.ic-intro{background:radial-gradient(ellipse at 85% 25%,#153b53,transparent 65%)}.ic-intro>p{max-width:76ch;font-size:1.12rem;line-height:1.7}.ic-page h2{font:clamp(1.8rem,3.4vw,3rem)/1.15 var(--display,Georgia,serif);margin:12px 0 20px}.ic-page h3{font:1.8rem/1.2 var(--display,Georgia,serif);margin:10px 0 24px}.ic-page p{line-height:1.7}.ic-page button,.ic-page select{min-height:46px;padding:11px 15px;border:1px solid #547082;background:#112b3d;color:#e2edf2;font:inherit;border-radius:4px;cursor:pointer}.ic-page button:hover{background:#24485d}.ic-page button[aria-pressed=true]{background:#8be4de;color:#071820}.ic-page button:disabled{opacity:.4;cursor:default}.ic-page :focus-visible{outline:3px solid #f4d196;outline-offset:3px}.ic-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:26px}.ic-facts span{font-size:.78rem;line-height:1.7;color:#a9c1cf}.ic-facts strong{display:block;font:1.5rem/1.7 var(--display,Georgia,serif);color:#e7f2f7}.ic-section-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.ic-section-head>p{max-width:65ch;color:#bed1db}.ic-views,.ic-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.ic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.ic-workspace>div{min-width:0}.ic-stage{position:relative;isolation:isolate;height:clamp(450px,42vw,680px);min-width:0;overflow:hidden;background:#06111e;border:1px solid #315366;touch-action:pan-y}.ic-stage canvas,.ic-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ic-stage canvas{z-index:0;touch-action:none}.ic-poster{z-index:1}.ic-load{position:absolute;z-index:4;left:50%;top:44%;transform:translate(-50%,-50%);max-width:80%;background:#183c51!important}.ic-stage-label{position:absolute;z-index:3;left:15px;top:16px;max-width:calc(100% - 84px);font:10px/1.5 var(--mono,monospace);letter-spacing:.08em;background:#081423da;padding:7px 9px;color:#c1dfed;pointer-events:none}.ic-stage-legend{position:absolute;z-index:3;bottom:18px;left:16px;color:#aac6d4;background:#081423ce;padding:7px 9px;font:10px/1.6 var(--mono,monospace);pointer-events:none}.ic-stage-legend i{display:block;width:130px;height:4px;background:linear-gradient(90deg,#efcb83,#82dc9d,#67b5e7,#ac76e8);margin-bottom:6px}.ic-zoom{position:absolute;z-index:9;right:12px;top:16px;display:grid;gap:6px}.ic-zoom button{width:44px;height:44px;min-height:44px;padding:0;font-size:24px}.ic-event-panel{background:#102536;border:1px solid #315366;padding:22px}.ic-page label{display:block;font-size:.85rem;line-height:1.8;color:#c3d8e2;margin:13px 0}.ic-page label output{float:right;font-variant-numeric:tabular-nums;color:#a5e8df}.ic-page select{display:block;width:100%;margin-top:7px}.ic-page input[type=range]{display:block;width:100%;accent-color:#8be4de;min-height:32px;touch-action:pan-y}.ic-event-panel .ic-actions button{flex:1;min-width:100px;font-size:.83rem}.ic-event-panel [data-ic-play]{background:#2a595b;color:#effcf9}.ic-note{color:#a9c0cd;font-size:.78rem;line-height:1.65}.ic-readout{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.72rem;color:#acc6d2}.ic-readout strong{display:block;font:1.3rem/1.8 var(--mono,monospace);font-variant-numeric:tabular-nums;color:#c5efe6}.ic-unload{width:100%;font-size:.8rem!important}.ic-boundary{max-width:112ch;font-size:.85rem;color:#a9c2cf;margin:24px 0 0;padding:16px;border-left:2px solid #638a9e}.ic-labs{padding:24px clamp(20px,4.5vw,72px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.ic-lab{min-width:0;padding:24px;background:linear-gradient(135deg,#112a3b,#0a1727);border:1px solid #315366}.ic-lab>p{max-width:74ch}.ic-sky,.ic-messengers{display:block;width:100%;height:auto;margin:22px 0}.ic-lab .ic-actions button{font-size:.86rem}.ic-reading{border-top:1px solid #315366}.ic-reading>p{max-width:100ch;color:#bdced8}.ic-reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:28px 0}.ic-reading-grid a{display:block;padding:20px;border:1px solid #436279;color:#9ce1d8;line-height:1.6}.ic-sources{padding-left:22px;max-width:95ch;line-height:1.7}.ic-sources li{margin:12px 0}.ic-sources a{text-decoration:underline;text-underline-offset:3px}.ic-quick{position:absolute;right:12px;bottom:16px;z-index:8;display:flex;gap:6px}.ic-quick button{font-size:.78rem;background:#143b45ee;padding:10px 12px}.ic-stage .viewer-phone-controls{z-index:8}.ic-stage .viewer-phone-controls button{padding:0;font:25px/1 Arial,sans-serif}.ic-page [hidden]{display:none!important}
@media(max-width:1050px){.ic-workspace{grid-template-columns:minmax(0,1fr) 275px}.ic-event-panel{padding:16px}.ic-labs{gap:18px}.ic-lab{padding:20px}}
@media(max-width:800px){.ic-workspace,.ic-labs,.ic-section-head{grid-template-columns:1fr}.ic-stage{height:clamp(300px,68svh,500px)}.ic-facts{gap:15px}.ic-facts strong{font-size:1.2rem}.ic-stage-legend{top:80px;bottom:auto;left:12px;font-size:8px}.ic-event-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.ic-event-panel>h3,.ic-event-panel>.eyebrow,.ic-event-panel>.ic-actions,.ic-event-panel>.ic-readout,.ic-event-panel>.ic-note,.ic-event-panel>[data-ic-event-status],.ic-event-panel>.ic-unload{grid-column:1/-1}.ic-quick{display:grid;max-width:130px}.ic-quick button{min-height:44px;font-size:.72rem;padding:9px}.ic-labs{padding-top:12px}.ic-section-head{gap:0}}
@media(max-width:480px){.ic-facts{grid-template-columns:1fr}.ic-facts span{display:flex;gap:16px;align-items:baseline}.ic-facts strong{min-width:130px}.ic-lab{padding:17px}.ic-views{gap:6px}.ic-views button{flex:1;min-width:120px;font-size:.8rem}.ic-event-panel{grid-template-columns:1fr}.ic-event-panel>*{grid-column:1!important}}
@media(max-width:960px) and (max-height:500px) and (pointer:coarse){.ic-stage{height:75svh;min-height:260px}.ic-stage-legend{top:64px;bottom:auto;font-size:8px}.ic-quick{display:grid;max-width:140px}.ic-quick button{min-height:44px;font-size:.73rem}}

/* A full-width viewer and shallow control rows replace the tall sidebar. */
.ic-workspace{display:block}.ic-stage{height:clamp(320px,60svh,620px)}
.ic-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:16px;align-items:center;padding:12px 16px;background:#102536;border:1px solid #315366;border-bottom:0}
.ic-toolbar .ic-actions{margin:0;gap:8px}.ic-toolbar button{font-size:.82rem;padding:10px 12px}.ic-toolbar [data-ic-play]{background:#29706c;color:#f2fffb;font-weight:600}.ic-toolbar label{margin:0}.ic-toolbar .ic-readout{margin:0;gap:18px}.ic-toolbar .ic-readout strong{font-size:1.05rem;line-height:1.5;min-width:7ch}.ic-toolbar .ic-readout span{white-space:nowrap}
.ic-workspace>div>.ic-note{margin:8px 0;font-size:.75rem;min-height:1.6em}
.ic-event-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 22px;padding:16px;margin-top:12px}
.ic-settings-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:16px}.ic-settings-heading h3{font-size:1.2rem;margin:0}.ic-settings-heading span{font-size:.72rem;color:#a8c5d5}.ic-event-panel label{margin:0;grid-column:auto}.ic-event-panel>.ic-note{grid-column:1/-1;margin:2px 0}.ic-event-panel>[data-ic-event-status]{grid-column:1/4;margin:3px 0;font-size:.78rem;align-self:center;min-height:1.7em}.ic-event-panel>.ic-unload{grid-column:4;align-self:center;min-height:44px;width:auto;padding:8px 12px}
.ic-quick [data-ic-play]{font-weight:600;background:#286e67f0}.ic-stage-legend{font-size:9px}.ic-boundary{margin-top:16px}
@media(max-width:1100px){.ic-toolbar{grid-template-columns:1fr auto}.ic-toolbar .ic-actions{grid-column:1/-1}.ic-event-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-event-panel>[data-ic-event-status]{grid-column:1}.ic-event-panel>.ic-unload{grid-column:2}.ic-toolbar .ic-readout strong{font-size:1rem}}
@media(max-width:600px){.ic-toolbar{grid-template-columns:minmax(0,1fr);padding:12px;gap:10px}.ic-toolbar .ic-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.ic-toolbar .ic-actions [data-ic-next]{grid-column:1/-1}.ic-toolbar .ic-readout{display:flex;justify-content:space-between;gap:12px}.ic-toolbar .ic-readout strong{font-size:1.1rem}.ic-stage{height:clamp(300px,60svh,480px)}.ic-event-panel{grid-template-columns:minmax(0,1fr);padding:14px;gap:10px}.ic-event-panel>*{grid-column:1!important}.ic-event-panel>.ic-unload{width:100%}.ic-settings-heading{flex-wrap:wrap;gap:6px 14px}.ic-quick{width:min(126px,calc(100% - 184px));max-width:126px}}
@media(max-height:600px) and (min-width:601px){.ic-stage{height:56svh;min-height:260px}.ic-toolbar{padding:8px 12px;gap:8px}.ic-toolbar .ic-actions{grid-column:auto}.ic-toolbar{grid-template-columns:auto minmax(140px,1fr)}.ic-toolbar .ic-readout{grid-column:1/-1;display:flex;gap:24px}.ic-toolbar .ic-readout strong{display:inline;margin-left:8px}}

.ic-playback-help{grid-column:1/-1;margin:0;padding-top:7px;border-top:1px solid #315366;font-size:.83rem;color:#c3dbe6;min-height:3.4em;line-height:1.55!important}.ic-gold-key{color:#ffcf85}.ic-cyan-key{color:#8be4de}.ic-stage-legend{line-height:1.65;font-size:10px}.ic-stage-legend i{background:linear-gradient(90deg,#f6b879,#8cdd9c,#6ca9e8,#bd78e6)}.ic-fit-key{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.85rem;margin:12px 0}.ic-fit-key b{font-size:1.2rem;margin-right:6px}.ic-fit-readout{display:grid;gap:12px;background:#091c2b;padding:18px;margin:18px 0}.ic-fit-readout div{min-width:0}.ic-fit-readout dt{font-size:.78rem;color:#abc7d7}.ic-fit-readout dd{margin:5px 0 0;font-size:.92rem;line-height:1.6;font-variant-numeric:tabular-nums;color:#e2f0f6}.ic-fit-readout [data-ic-error-value]{color:#f2cc92}
@media(max-width:600px){.ic-stage-legend{font-size:9px;max-width:calc(100% - 85px)}.ic-playback-help{font-size:.78rem;min-height:5em}.ic-fit-key{display:grid;gap:8px}.ic-fit-readout{padding:14px}}

.ic-overview-note{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #64737c;border-left:3px solid #efc488;background:#192d3a;color:#d4e5ed;font-size:.8rem;line-height:1.6!important}.ic-overview-note strong{color:#f6dcac}.ic-overview-note span{display:block;color:#bcd8e5;font-size:.76rem}

.ic-stage[data-ic-mode=overview]{height:clamp(340px,72svh,760px)}@media(max-width:600px){.ic-stage[data-ic-mode=overview]{height:clamp(300px,65svh,560px)}}@media(max-height:500px){.ic-stage[data-ic-mode=overview]{height:70svh;min-height:240px}}