*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a1921;color:#edf3ed;font:1rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #48646b;border-radius:.45rem;padding:.5rem .75rem;min-height:44px}button:hover{background:#233e45;border-color:#a4d6ce}a{color:#b0ede1;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #f8cc89;outline-offset:3px}[hidden]{display:none!important}.top{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.4rem 1.75rem;border-bottom:1px solid #2a434c;gap:1rem}.brand{display:flex;gap:.6rem;align-items:center;color:#e9f3ed;text-decoration:none;font-size:1.125rem;font-weight:650;min-height:44px}.top nav{display:flex;align-items:center;gap:1.25rem;font-size:.875rem}.top nav a{text-decoration:none;display:flex;align-items:center;min-height:44px}.top nav button{border:0;color:#b8ccca}main{max-width:1560px;padding:1.15rem 1.5rem 1.5rem;margin:auto}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.1rem}.eyebrow{font-size:.75rem;letter-spacing:.1em;color:#afd9ce;margin:0 0 .3rem;font-weight:600}h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:550}h1 em{font-family:Georgia,serif;font-weight:400;color:#bee5d9}.intro{color:#b9cecc;font-size:.875rem;line-height:1.5;margin:0;max-width:32rem}#inspect-toggle{display:none}.exhibit{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2.25fr);border:1px solid #35515a;border-radius:16px;overflow:hidden;background:#10232c}.instrument-panel{background:radial-gradient(ellipse at 50% 42%,#233e43,#10232c 65%);display:flex;flex-direction:column;min-width:0;position:relative;border-right:1px solid #35515a}.panel-label{display:flex;justify-content:space-between;align-items:center;gap:.65rem;padding:.5rem .8rem;min-height:48px;font-size:.75rem;color:#bfd2d1}.panel-label button{font-size:.75rem;padding:.35rem .6rem;min-height:36px}.panel-label>div{display:flex;align-items:center;gap:.65rem}#objective-label{color:#e2d5af;white-space:nowrap}#instrument{position:relative;min-height:290px;flex:1;overflow:hidden;touch-action:pan-y}#instrument canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}.scope-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0}.scope-fallback img{width:100%;height:auto;object-fit:contain;max-height:85%}.scope-fallback span{font-size:.8rem;color:#b4c9c8;max-width:90%;text-align:center}#instrument[data-ready=true] .scope-fallback{visibility:hidden}.instrument-foot{padding:.9rem 1rem;font-size:.8rem;color:#c8d9d6}.instrument-foot p{margin:0 0 .65rem}.instrument-foot small{display:block;font-size:.75rem;color:#a9c1c3}.instrument-foot button{width:100%;font-size:.75rem}.instrument-note{padding:0 1rem .75rem;margin:0;color:#a7bfc2;font-size:.75rem}.camera-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);min-width:0;background:#0b1b24;align-items:start}.camera-main{min-width:0;border-right:1px solid #35515a}.image-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#172923;margin:0 .65rem;border:1px solid #66756c;border-radius:10px;isolation:isolate}#specimen{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#specimen:active{cursor:grabbing}.image-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;background:radial-gradient(ellipse,#1c3539fa,#08191ffa);text-align:center;padding:1.4rem;z-index:3;pointer-events:none}.image-prompt button{pointer-events:auto;background:#b5e5d6;color:#0e2b30;border:0;margin-top:.55rem;font-weight:650;padding:.65rem 1.2rem;font-size:.875rem}.light-icon{font-size:2rem;color:#e8cb91}.image-prompt strong{font-family:Georgia,serif;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:400;line-height:1.25}.image-prompt>span:not(.light-icon){font-size:.875rem;color:#bbd3cd}.camera-tag{position:absolute;top:.55rem;left:.55rem;color:#253c35;font-size:.75rem;pointer-events:none;background:#f1eedade;padding:.2rem .35rem;border-radius:3px}.scale{position:absolute;bottom:.55rem;right:.65rem;color:#243c37;display:flex;align-items:center;flex-direction:column;font-size:.75rem;background:#f0ead9df;padding:.25rem .4rem;border-radius:3px;pointer-events:none}.scale>span:first-child{height:5px;border:solid #294037;border-width:0 2px 2px;display:block}.center-mark{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);opacity:.45;pointer-events:none}.center-mark:before,.center-mark:after{content:"";position:absolute;background:#28493c}.center-mark:before{width:10px;height:1px;top:5px}.center-mark:after{height:10px;width:1px;left:5px}.view-note{display:flex;align-items:center;gap:.5rem;justify-content:space-between;font-size:.75rem;color:#bed0cf;padding:.15rem .85rem;min-height:40px}.view-note button{border:0;font-size:.75rem;padding:.2rem 0;min-height:32px;text-decoration:underline;text-underline-offset:3px}.discovery-inline{margin:0 .65rem .75rem;padding:.7rem .8rem;border:1px solid #48655b;border-radius:9px;background:linear-gradient(110deg,#193832,#122b30)}.discovery-inline .eyebrow{font-size:.75rem;letter-spacing:.05em}.discovery-inline h2{font-size:1rem;margin:0;line-height:1.4;font-weight:550;color:#e9ead7}.discovery-inline p:not(.eyebrow){font-size:.8rem;color:#c0d2ca;margin:.3rem 0 0}.guide-actions{display:flex;gap:.4rem .85rem;flex-wrap:wrap;margin-top:.3rem}.guide-actions button{border:0;padding:.3rem 0;min-height:32px;font-size:.75rem;text-decoration:underline;text-underline-offset:4px;color:#c9eddd}.controls{padding:.7rem 1rem 1rem;min-width:0}.control-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;font-size:.75rem;color:#c1d4d1}.control-header button{font-size:.8rem;white-space:nowrap;min-height:36px}.control-header button[aria-pressed=true]{border-color:#bba976;color:#ebd59f;background:#293e35}.control-name{font-size:.875rem;font-weight:600;display:block}.objective-buttons{display:flex;gap:.5rem;margin-top:.5rem}.objective-buttons button{flex:1;min-width:0;font-size:1.1rem;position:relative;border-color:#4c626a;min-height:58px;border-radius:7px;padding:.4rem .3rem}.objective-buttons button small{display:block;font-size:.75rem;color:#b2c9c9}.objective-buttons button i{position:absolute;top:0;left:20%;right:20%;height:3px}.red{background:#cb756f}.yellow{background:#d0b768}.blue{background:#78a5df}.objective-buttons button[aria-pressed=true]{background:#26473f;border-color:#b5dfbd;color:#e0f1d9}.focus-control{margin-top:1.15rem}.focus-label{display:flex;justify-content:space-between;gap:1rem;align-items:center}.focus-label>span{font-size:.8rem;color:#b6cecb;font-variant-numeric:tabular-nums}.focus-control input{accent-color:#b0e3c7;width:100%;margin:.6rem 0 .4rem;min-height:32px;cursor:ew-resize}.focus-buttons{display:flex;gap:.75rem;justify-content:space-between}.focus-buttons>div{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;flex:1}.focus-buttons span{grid-column:1 / 3;font-size:.75rem;color:#c1d3cd}.focus-buttons button{font-size:1.2rem;min-height:40px;padding:.2rem .45rem}#focus-note{font-size:.8rem;color:#b7ceca;line-height:1.5;margin:.6rem 0 0}.search-control{border-top:1px solid #3c555b;margin-top:1.1rem;padding-top:.9rem}.search-control p{font-size:.8rem;color:#b7ceca;margin:.35rem 0 .55rem}.move-buttons{display:flex;gap:.3rem}.move-buttons button{flex:1;font-size:1.2rem;min-height:44px;padding:.25rem}.search-control>button{font-size:.75rem;border:0;text-decoration:underline;text-underline-offset:4px;margin-top:.35rem;padding:.4rem 0}.discovery-next{border-top:1px solid #3c555b;margin-top:.7rem;padding-top:.6rem}.discovery-next p{font-size:.8rem;margin:0 0 .5rem;color:#c9ddce}.discovery-next button{font-size:.8rem;width:100%;background:#183a34}.bottom-links{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem;color:#abc0c2;font-size:.75rem}.bottom-links>div{display:flex;gap:1.3rem;align-items:center}.bottom-links button,.bottom-links a{min-height:32px;display:inline-flex;align-items:center;font-size:.75rem;color:#b7cec9;padding:.2rem 0;border:0}.bottom-links button{text-decoration:underline;text-underline-offset:4px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:20;top:8px;left:10px;background:#b7e9d4;color:#10242b;padding:14px}dialog{color:#dce8e3;background:#102730;border:1px solid #658079;border-radius:16px;padding:2rem;max-width:min(38rem,calc(100vw - 24px));max-height:88dvh;overflow:auto;line-height:1.65}dialog::backdrop{background:#020b11df;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,serif;font-size:1.9rem;font-weight:400;margin:0 1.3rem 1rem 0;line-height:1.2}dialog h3{font-size:1rem;font-weight:600}dialog p,dialog li{font-size:.95rem;color:#c4d4cd}dialog ol,dialog ul{padding-left:1.5rem}dialog li{margin:.75rem 0}.close{position:absolute;top:7px;right:9px;border:0;font-size:1.5rem;line-height:1;padding:.4rem .6rem}.primary{display:inline-block;background:#b6e3cc;color:#123033;padding:.75rem 1rem;border-radius:7px;text-decoration:none;border:0;font-weight:650;font-size:.875rem;min-height:44px}.help-choices{display:flex;gap:.5rem;flex-wrap:wrap}.subtle{font-size:.8rem!important;color:#b0c7c3!important}.story-fact{display:flex;gap:1.1rem;align-items:center;background:#25413f;border-radius:9px;padding:.85rem 1.1rem}.story-fact>span{font-family:Georgia,serif;font-size:2rem;white-space:nowrap;color:#e2cb93}.story-fact p{margin:0;font-size:.875rem}.image-dialog{width:min(95vw,1100px);max-width:1100px;padding:.75rem}.large-image-wrap{position:relative;width:min(100%,70dvh);margin:auto}.large-image-wrap canvas{display:block;width:100%;height:auto;border-radius:7px}.image-dialog p{font-size:.875rem;margin:.65rem .8rem}.image-dialog .panel-label{padding-top:0}.compare-dialog{width:1100px;max-width:calc(100vw - 24px);padding:1.4rem}.compare-dialog>.panel-label{padding:0;align-items:start}.compare-dialog h2{font-size:1.7rem}.compare-intro{margin-top:0}.kept-set{border-top:1px solid #466159;padding-top:.75rem;margin:1.2rem 0}.kept-set h3{margin:0 0 .3rem}.kept-meta{font-size:.8rem!important;margin:.15rem 0 .65rem}.kept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.kept-grid figure{margin:0}.kept-grid figcaption{font-size:.875rem;color:#deebdc;margin-bottom:.35rem}.kept-image{position:relative;aspect-ratio:1}.kept-image canvas{width:100%;height:100%;display:block;border-radius:7px}.kept-image .camera-tag{font-size:.75rem}
@media(min-width:1200px){.exhibit{grid-template-columns:minmax(250px,.65fr) minmax(0,2.35fr)}.camera-panel{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}
@media(min-width:960px) and (max-height:800px){main{padding-top:.8rem}.title-row{margin-bottom:.8rem}h1{font-size:2.05rem}.control-header{margin-bottom:.65rem}.focus-control{margin-top:.8rem}.search-control{margin-top:.8rem;padding-top:.65rem}.instrument-note{display:none}.discovery-inline .eyebrow{display:none}}
@media(max-width:1100px){.exhibit{grid-template-columns:1fr}.instrument-panel{display:none}.instrument-panel.inspecting{display:flex;min-height:470px;border:0;border-bottom:1px solid #35515a}#inspect-toggle{display:block;font-size:.8rem}.title-row{flex-wrap:wrap;gap:.7rem}.intro{display:none}.title-row>div{flex:1;min-width:250px}.camera-panel{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.instrument-panel.inspecting #instrument{height:350px;min-height:350px}.instrument-panel.inspecting .instrument-foot{display:flex;gap:1rem;align-items:center}.instrument-panel.inspecting .instrument-foot p{flex:1}.instrument-panel.inspecting .instrument-foot button{width:auto}.instrument-note{display:none}}
@media(max-width:620px){.top{padding:.25rem .8rem}.brand{font-size:1rem}.top nav{gap:.7rem;font-size:.8rem}.title-row{gap:.5rem;margin-bottom:.75rem}.title-row h1{font-size:1.8rem}.title-row .eyebrow{font-size:.75rem;letter-spacing:.03em}.title-row>div{min-width:0;flex-basis:100%}#inspect-toggle{border:0;padding:0;min-height:32px;font-size:.75rem;text-decoration:underline;text-underline-offset:4px}main{padding:.8rem .65rem 1rem}.exhibit{border-radius:12px}.camera-panel{display:flex;flex-direction:column}.camera-main{width:100%;border:0}.panel-label{padding:.3rem .65rem;min-height:40px;font-size:.75rem}.panel-label button{min-height:32px;font-size:.75rem}.panel-label>div{gap:.5rem}.image-wrap{width:calc(100% - 1.3rem);max-width:360px;margin:auto}.camera-tag{font-size:.75rem;left:.4rem;top:.4rem}.scale{font-size:.75rem;bottom:.4rem;right:.4rem}.view-note{font-size:.75rem;min-height:32px;padding:.1rem .7rem}.view-note button{min-height:32px}.discovery-inline{margin:0 .65rem .4rem;padding:.45rem .65rem;position:relative}.discovery-inline .eyebrow,.discovery-inline #guide-text{display:none}.discovery-inline h2{font-size:.875rem;line-height:1.4}.guide-actions{margin:.1rem 0 0;gap:.7rem}.guide-actions button{font-size:.75rem;min-height:28px;padding:.1rem 0}.controls{width:100%;padding:.45rem .65rem .8rem;display:grid;grid-template-columns:1fr;gap:0}.control-header{margin:0 0 .3rem}.control-header>span{display:none}.control-header button{min-height:32px;font-size:.75rem;padding:.25rem .7rem}.control-header{position:absolute;top:auto;right:1.35rem;transform:translateY(-.1rem);z-index:1}.objective-control{padding-top:0}.objective-control>.control-name{padding-right:100px;min-height:32px;display:flex;align-items:center;font-size:.8rem}.objective-buttons{margin:.2rem 0 0;gap:.4rem}.objective-buttons button{min-height:42px;font-size:1rem;padding:.2rem .35rem}.objective-buttons button small{display:inline;font-size:.75rem;margin-left:.3rem}.focus-control{margin-top:.6rem}.focus-label .control-name{font-size:.85rem}.focus-control input{margin:.2rem 0;min-height:26px}.focus-buttons{gap:.7rem}.focus-buttons>div{display:flex;align-items:center;gap:.3rem}.focus-buttons span{font-size:.75rem;margin-right:.1rem}.focus-buttons button{flex:1;min-width:35px;min-height:40px;font-size:1.1rem}#focus-note{display:none}.search-control{margin-top:.65rem;padding-top:.55rem;display:grid;grid-template-columns:1fr auto;column-gap:.6rem;align-items:center}.search-control>.control-name{font-size:.85rem}.search-control>p{font-size:.75rem;margin:.2rem 0;grid-column:1 / 3}.move-buttons{grid-column:1 / 3;max-width:240px;margin-top:.3rem}.move-buttons button{min-height:40px}.search-control>button{grid-column:1 / 3;text-align:left;min-height:32px}.discovery-next{font-size:.8rem;margin-top:.35rem}.discovery-next p{font-size:.8rem}.discovery-next button{min-height:40px}.bottom-links{flex-wrap:wrap;font-size:.75rem}.bottom-links>div{gap:1rem;flex-wrap:wrap}.bottom-links button,.bottom-links a{font-size:.75rem}.image-prompt{padding:1rem;gap:.4rem}.image-prompt strong{font-size:1.4rem}.image-prompt>span:not(.light-icon){font-size:.875rem}.light-icon{font-size:1.6rem}.image-prompt button{font-size:.875rem;margin-top:.4rem}.instrument-panel.inspecting #instrument{height:320px;min-height:320px}.instrument-panel.inspecting{min-height:450px}.instrument-panel.inspecting .instrument-foot{display:block}.instrument-panel.inspecting .instrument-foot button{width:100%}dialog{padding:1.6rem 1.15rem}dialog h2{font-size:1.6rem}.kept-grid{grid-template-columns:1fr}.kept-image{max-width:400px;margin:auto}.kept-grid figure{margin:.5rem 0}.compare-dialog{padding:1rem}.compare-dialog h2{font-size:1.4rem}}
@media(max-width:620px) and (max-height:760px){.top{padding-block:0}.top nav button,.top nav a,.brand{min-height:40px}main{padding-top:.45rem}.title-row h1{font-size:1.55rem}.title-row .eyebrow{display:none}.title-row{margin-bottom:.45rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem}#inspect-toggle{max-width:75px;line-height:1.25;min-height:36px;font-size:.75rem}.panel-label{min-height:36px;padding-block:.2rem}.image-wrap{max-width:min(100% - 1.3rem,35dvh);min-width:220px}.view-note{min-height:28px}.view-note button{min-height:28px}.discovery-inline{padding:.35rem .5rem;margin-bottom:.25rem}.discovery-inline h2{font-size:.8rem}.guide-actions button{min-height:25px}.controls{padding-top:.3rem}.objective-control>.control-name{font-size:.8rem;min-height:28px}.control-header button{min-height:28px}.objective-buttons button{min-height:38px}.focus-control{margin-top:.4rem}.focus-control input{min-height:25px}.focus-buttons button{min-height:36px}.search-control{margin-top:.45rem;padding-top:.4rem}}
@media(min-width:621px) and (max-height:520px){.instrument-panel{display:none}.exhibit{grid-template-columns:1fr}.camera-panel{grid-template-columns:minmax(240px,.95fr) minmax(280px,1fr)}main{padding:.55rem .8rem}h1{font-size:1.65rem}.title-row{margin-bottom:.5rem}.title-row .eyebrow,.intro{display:none}.top{padding:.1rem .8rem}#inspect-toggle{display:block;font-size:.75rem}.image-wrap{width:min(calc(100% - 1.3rem),66dvh);margin:auto}.discovery-inline #guide-text,.discovery-inline .eyebrow{display:none}.control-header{margin-bottom:.35rem}.objective-buttons button{min-height:44px}.objective-buttons button small{display:inline;margin-left:.3rem}.focus-control{margin-top:.45rem}.focus-control input{margin:.25rem 0}.focus-buttons>div{display:flex;align-items:center;gap:.35rem}.focus-buttons span{font-size:.75rem}.focus-buttons button{flex:1}#focus-note{display:none}.search-control{margin-top:.6rem}.instrument-panel.inspecting{display:flex}}
@media(pointer:coarse){.instrument-foot small{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:1101px) and (min-height:521px){
main{max-width:1400px}.camera-panel{grid-template-columns:minmax(0,calc(clamp(390px,calc(100dvh - 420px),600px) + 1.3rem)) minmax(260px,1fr)}.controls{width:100%;max-width:27rem;justify-self:center}.image-wrap{width:calc(100% - 1.3rem);margin-inline:auto}}
@media(min-width:960px) and (max-height:800px){.discovery-inline #guide-text{display:none}.discovery-inline{padding:.6rem .75rem}.controls{padding-top:.5rem}.focus-buttons button{min-height:38px}}

.top{flex-wrap:wrap}button,p,h1,h2,h3,a{overflow-wrap:break-word}.camera-tag{max-width:calc(100% - 1rem)}.drop-scene-fallback{font-size:.875rem!important}

.panel-label{flex-wrap:wrap}.panel-label>div{min-width:0;flex-wrap:wrap}.focus-buttons>div{min-width:0}.focus-label{flex-wrap:wrap}
@media(max-width:620px){.focus-buttons>div{flex-wrap:wrap}.focus-buttons button{min-width:0}.objective-buttons button small{overflow-wrap:anywhere}.control-header{position:static;transform:none;justify-content:flex-end}.objective-control>.control-name{padding-right:0}.controls{max-width:100%}.camera-panel{width:100%}}
@media(max-width:620px){.control-header{grid-row:1;grid-column:1;justify-self:end;margin:0;align-self:start;z-index:1}.objective-control{grid-row:1;grid-column:1}.objective-control>.control-name{padding-right:6rem}}

@media(max-width:620px){.objective-buttons{flex-wrap:wrap}.objective-buttons button{flex:1 1 5rem}.objective-buttons button small{overflow-wrap:normal}.focus-buttons>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.focus-buttons span{grid-column:1 / -1}.focus-buttons button{width:100%}}

/* Optional valve illustration and display-only image inspection. */
button:disabled{cursor:default;opacity:.48}button:disabled:hover{background:transparent;border-color:#48646b}
.story-dialog,.compare-dialog,.image-dialog{--dialog-pad:1.25rem;padding:var(--dialog-pad)}
.story-dialog{width:720px;max-width:calc(100vw - 24px)}
.story-dialog>.modal-header,.compare-dialog>.modal-header,.image-dialog>.modal-header{position:sticky;top:calc(-1 * var(--dialog-pad));z-index:5;background:#102730;border-bottom:1px solid #466159;margin:calc(-1 * var(--dialog-pad)) calc(-1 * var(--dialog-pad)) 1rem;padding:.7rem var(--dialog-pad);align-items:center;box-shadow:0 5px 10px #07182040}
.modal-header h2{margin:0}.modal-header>button{flex-shrink:0}.modal-header>div{justify-content:flex-end}
.shell-inspector{margin:.3rem 0 1.2rem}.shell-kind-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.shell-kind-row h3{margin:.2rem 0}.shell-kinds{display:flex;gap:.4rem}.shell-kinds button{font-size:.85rem;min-height:40px;padding:.35rem .85rem}.shell-kinds button[aria-pressed=true],#image-zoom[aria-pressed=true]{background:#254b40;border-color:#b7ddc5;color:#e6f3e8}.shell-kind-help{font-size:.8rem!important;margin:.3rem 0 .6rem;color:#bfd1c9!important}
.shell-scene-frame{overflow:hidden;border:1px solid #506961;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,#263e40,#0c2028 76%)}#shell-scene{position:relative;width:100%;height:clamp(250px,43dvh,390px);overflow:hidden;isolation:isolate}#shell-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}.shell-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.shell-boundary{margin:0!important;padding:.6rem .8rem;border-top:1px solid #405c58;background:#132d32;color:#d2ded3!important;font-size:.78rem!important;line-height:1.45}.shell-controls{display:flex;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}.shell-controls button{min-width:44px;min-height:44px;padding:.4rem .65rem}.shell-controls #shell-reset{margin-left:auto;font-size:.8rem}.shell-status{min-height:1.5em;font-size:.82rem!important;margin:.5rem 0!important}.shell-context{font-size:.85rem!important;margin:.5rem 0!important;color:#b8cdc5!important}
.large-image-wrap{width:min(100%,70dvh);position:relative}.large-image-viewport{width:100%;aspect-ratio:1;overflow:auto;overscroll-behavior:contain;border-radius:7px;scrollbar-width:thin;touch-action:pan-x pan-y}.large-image-content{width:100%;aspect-ratio:1}.large-image-content canvas{width:100%;height:auto;max-width:none;border-radius:0}.large-image-wrap .camera-tag,.large-image-wrap .scale{z-index:1}.large-image-viewport:focus-visible{outline:3px solid #f8cc89;outline-offset:3px}.image-dialog .modal-header{gap:.4rem 1rem}.image-dialog .modal-header>span{white-space:nowrap}.image-dialog .modal-header>div{gap:.4rem}
.instrument-part-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;max-width:calc(100% - 24px);margin:0;padding:.4rem .7rem;border:1px solid #7b9c8f;border-radius:7px;background:#0c252bed;color:#dfecdf;text-align:center;font-size:.8rem;line-height:1.4;pointer-events:none;box-shadow:0 3px 12px #06131b40}
@media(max-width:620px){.story-dialog,.compare-dialog,.image-dialog{--dialog-pad:.8rem}.image-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.image-dialog>.modal-header{align-items:flex-start}.image-dialog .modal-header>div{width:100%;justify-content:space-between}.image-dialog .modal-header button{min-height:40px}.story-dialog>.modal-header button,.compare-dialog>.modal-header button{min-height:40px}.shell-controls{gap:.3rem}.shell-controls button{flex:1;min-width:40px}.shell-controls #shell-reset{flex:1.7;white-space:nowrap}.shell-kind-row{gap:.4rem}.shell-kind-row h3{font-size:.95rem}.shell-context{line-height:1.5}.large-image-wrap{width:100%}}
.story-fact{flex-wrap:wrap}.story-fact p{flex:1 1 12rem;min-width:0}.story-fact>span{max-width:100%;white-space:normal}
@media(max-width:620px){.shell-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.shell-controls button{min-width:0;width:100%;padding:.3rem}.shell-controls #shell-reset{grid-column:1 / -1;margin-left:0;white-space:normal}}