/* A plate preview only: retain original colours, reading rails and interactions. */
body[data-state=home] .scene{background:#f6f5ef}
body[data-state=home] .technical-field,body[data-state=home] .field-grid,body[data-state=home] .rings,body[data-state=home] .horizon{display:none!important}
body[data-state=home] .scene:before{content:'';position:absolute;inset:0;z-index:-2;background:url('../A底板-移除左上半圆.png') center/cover no-repeat;opacity:.38;pointer-events:none}
body[data-state=home] .scene:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 62%,#f6f5efa0 0%,#f6f5ef60 27%,transparent 57%);pointer-events:none}
body[data-state=home] .glass-target{mask-image:linear-gradient(90deg,transparent,#000 32%)}
body[data-material=target][data-state=home] #pause{display:flex!important}
@media(max-width:650px){body[data-state=home] .scene:before{background-size:auto 100%;background-position:58% center;opacity:.3}body[data-state=home] .scene:after{background:linear-gradient(#f6f5ef30,#f6f5ef50 42%,transparent 75%)}}

/* Feather all exposed image edges; preserve the clear glass interior. */
body[data-state=home] .glass-target{mask-image:linear-gradient(90deg,transparent,#000 30%,#000 99%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}

/* New moving source retains its actual 4:3 frame; tracking is local to this source. */
body[data-new-glass=true][data-state=home] .art{aspect-ratio:4/3;width:70vw}
body[data-new-glass=true][data-state=home] .art>video,body[data-new-glass=true][data-state=home] .art>.still{mask-image:linear-gradient(90deg,transparent,#000 28%,#000 99%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
@media(max-width:650px){body[data-new-glass=true][data-state=home] .art{width:135vw}}

body[data-state=home] .boot{display:none}