html.viewer,html.viewer body{height:100%;overflow:hidden}.viewer body{user-select:none;-webkit-user-select:none}.viewer #gl{touch-action:none;cursor:grab}.viewer #gl:active{cursor:grabbing}.viewer button,.viewer select,.viewer input{font-family:var(--mono)}#vbar{position:fixed;top:0;left:0;right:0;z-index:20;height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-family:var(--mono);font-size:11.5px;color:var(--fg);white-space:nowrap;background:linear-gradient(180deg,#060607b3,#06060700)}.vb-left,.vb-right{display:flex;align-items:center;gap:18px}.vb-right{gap:14px}#vbar .brand{font-family:var(--sans);font-weight:600;font-size:16px}#vbar .brand span{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--mute);margin-left:4px}.viewer .pages{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:99px}.viewer .pages a{padding:5px 11px;border-radius:99px;color:var(--mute);transition:color .25s,background .25s}.viewer .pages a:hover{color:var(--fg)}.viewer .pages a.on{background:#ffffff1a;color:var(--fg)}.ghost{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--fg);transition:border-color .2s}.ghost:hover{border-color:#ffffff4d}.finishes{display:flex;gap:8px;padding:4px 6px;border:1px solid var(--line);border-radius:99px}.finishes button{position:relative;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--b) 60%,white) 0%,var(--b) 45%,color-mix(in srgb,var(--b) 60%,black) 100%);transition:transform .3s var(--ease)}.finishes button:after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--a);box-shadow:0 0 6px var(--a)}.finishes button:hover{transform:translateY(-2px)}.finishes button.on{box-shadow:0 0 0 2px var(--fg)}.finishes button span{position:absolute;top:32px;left:50%;transform:translate(-50%);font-size:10px;color:var(--mute);opacity:0;transition:opacity .2s;pointer-events:none}.finishes button:hover span{opacity:1}.vpanel{border:1px solid var(--line);border-radius:18px;background:#0c0c0ed1}#parts{position:fixed;left:18px;top:84px;z-index:12;width:212px;padding:16px 12px 12px;font-family:var(--mono);font-size:11.5px;max-height:calc(100vh - 190px);overflow:auto}#parts .eyebrow{margin:0 6px 12px}.pgroup{color:var(--dim);font-size:10px;margin:12px 8px 4px}.pitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 8px;border-radius:9px;color:var(--mute);transition:color .2s,background .2s}.pitem i{font-style:normal;width:18px;font-size:10px;color:var(--dim)}.pitem:hover{color:var(--fg);background:#ffffff0d}.pitem.on{color:var(--fg);background:#ffffff17}.pitem.on i{color:var(--accent)}#hotspots,#dimLabels{position:fixed;inset:0;z-index:8;pointer-events:none}.hs{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;pointer-events:auto;display:grid;place-content:center;font-family:var(--mono);font-size:9.5px;color:#000;transition:opacity .35s,transform .12s linear;will-change:transform}.hs:before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 5px #ffffff24,0 0 18px #ffffff73;transition:all .3s var(--ease)}.hs:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,255,255,.5);animation:hsping 2.6s var(--ease) infinite}.hs b{position:relative;font-weight:500}.hs em{position:absolute;left:24px;top:50%;transform:translate(-4px,-50%);font-style:normal;font-size:11px;color:var(--fg);white-space:nowrap;padding:4px 9px;border-radius:99px;background:#0c0c0ebf;border:1px solid var(--line);opacity:0;transition:opacity .25s,transform .3s var(--ease);pointer-events:none}.hs:hover em,.hs.on em{opacity:1;transform:translateY(-50%)}.hs:hover:before,.hs.on:before{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 30%,transparent),0 0 22px var(--accent)}.hs.hid{opacity:0;pointer-events:none}.hs.occ{opacity:.28}.hs.occ:after{animation:none;opacity:0}@keyframes hsping{0%{transform:scale(.6);opacity:.8}70%,to{transform:scale(1.5);opacity:0}}.card{position:fixed;right:18px;top:84px;z-index:12;width:330px;padding:22px 22px 18px}.card[hidden]{display:block;opacity:0;transform:translate(16px);pointer-events:none}.card{transition:opacity .4s var(--ease),transform .5s var(--ease)}.card h2{font-size:34px;margin:0 0 12px}.card .lede{font-size:13.5px}.card ul{list-style:none;padding:0;margin:16px 0 0;border-top:1px solid var(--line)}.card li{padding:8px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--fg)}.card .close{position:absolute;right:12px;top:10px;width:28px;height:28px;border-radius:50%;color:var(--mute);font-size:18px}.card .close:hover{color:var(--fg);background:#ffffff0f}.cardnav{display:flex;justify-content:space-between;margin-top:14px;font-family:var(--mono);font-size:11px}.cardnav button{color:var(--mute);padding:4px 0}.cardnav button:hover{color:var(--fg)}#tip{position:fixed;left:0;top:0;z-index:14;pointer-events:none;padding:7px 11px;border-radius:10px;background:#0c0c0ed1;border:1px solid var(--line);font-family:var(--mono);font-size:11px;opacity:0;transition:opacity .18s;display:flex;flex-direction:column;gap:2px;max-width:260px}#tip.in{opacity:1}#tip b{font-family:var(--sans);font-weight:400;font-size:13.5px}#tip span{color:var(--mute)}.dim{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;color:var(--fg);padding:3px 8px;border-radius:99px;background:#0a101ccc;border:1px solid rgba(120,170,255,.4);white-space:nowrap;opacity:0;transition:opacity .3s}.dim.in{opacity:1}#toolbar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:99px;font-family:var(--mono);font-size:11px;color:var(--mute);white-space:nowrap}.tl{display:inline-flex;align-items:center;gap:8px}.tl input[type=range]{-webkit-appearance:none;appearance:none;width:92px;height:2px;background:var(--line);outline:none}.tl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg);cursor:pointer}.tl input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--fg);cursor:pointer}.explode input[type=range]{width:130px;background:linear-gradient(90deg,var(--accent) var(--x, 0%),var(--line) var(--x, 0%))}.tl output{color:var(--fg);min-width:30px}.tl select{background:#ffffff0d;color:var(--fg);border:1px solid var(--line);border-radius:99px;padding:5px 8px;font-size:11px}.tl select option{background:#111}.sep{width:1px;height:18px;background:var(--line)}.tog{padding:6px 11px;border-radius:99px;border:1px solid var(--line);color:var(--mute);transition:all .2s}.tog:hover{color:var(--fg)}.tog.on{background:var(--fg);color:#000;border-color:var(--fg)}#toolbar .ghost{border-radius:99px;padding:6px 11px}.vhint{position:fixed;left:22px;bottom:84px;z-index:11;margin:0;font-family:var(--mono);font-size:10.5px;color:var(--dim);max-width:240px;line-height:1.5}html.blue .vhint,html.blue .pgroup{color:#5f7aa8}.vcredit{position:fixed;right:22px;bottom:28px;z-index:11;font-family:var(--mono);font-size:11px;color:#c9cbcf;padding-bottom:1px;border-bottom:1px solid rgba(201,203,207,.35);transition:color .25s,border-color .25s}.vcredit:hover{color:#fff;border-color:var(--accent)}@media(max-width:1320px){.vcredit{bottom:80px}}@media(max-width:1200px){.vhint{display:none}#toolbar{gap:7px;padding:8px 10px}.tl input[type=range]{width:70px}.explode input[type=range]{width:96px}}@media(max-width:900px){#parts{display:none}#toolbar{left:10px;right:10px;transform:none;overflow-x:auto;border-radius:16px}.card{inset:auto 10px 86px;width:auto}.finishes{display:none}}