.ex-page{padding-top:28px}.ex-top{grid-template:"head stage""sheet stage""legend stage"1fr/minmax(0,.84fr) minmax(0,1.16fr);align-items:start;gap:18px 36px;display:grid}.ex-legend,.ex-stage,.ex-stage>sv-layer-stack{flex-direction:column;display:flex}.ex-legend,.ex-stage{align-self:stretch}.ex-legend ol,.ex-stage>sv-layer-stack{flex:1}.ex-stage .ls-scene{flex:1 0 auto}.ex-legend ol{grid-auto-rows:1fr}.ex-head{grid-area:head}.ex-head h1{font-size:clamp(46px,5.4vw,76px);line-height:.95}.ex-head .lead{text-wrap:pretty;max-width:46ch;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.55}.ex-sheet{border:2px solid var(--edge);border-radius:var(--r-block);background-color:var(--wash-sand);background-image:radial-gradient(var(--rule) .8px,transparent .8px);background-size:14px 14px;grid-area:sheet;padding:14px}.ex-stickers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.ex-sticker{--sheet:var(--wash-sand);border:2px solid var(--ink);border-radius:var(--r-media);background:var(--white);width:100%;color:var(--ink);box-shadow:3px 3px 0 var(--shade);transform:rotate(var(--tilt,0deg));justify-items:center;gap:2px;padding:7px 6px 8px;transition:transform .22s cubic-bezier(.3,1.4,.5,1),box-shadow .22s,background-color .2s;display:grid;position:relative}.ex-sticker img{aspect-ratio:1;object-fit:contain;border-radius:8px;width:100%;height:auto;display:block}.ex-sticker-kind{font:900 13px/1.1 var(--display);letter-spacing:-.02em;margin-top:3px}.ex-sticker-facts{color:#58635e;font-size:11px;font-weight:700}.ex-sticker:before{content:"";z-index:1;background:linear-gradient(to bottom left,var(--sheet) 50%,#e9e4d6 50%);border-radius:0 10px 0 6px;width:0;height:0;transition:width .22s,height .22s;position:absolute;top:-3px;right:-3px;box-shadow:-2px 2px #232a2930}.ex-sticker:hover{box-shadow:4px 6px 0 var(--shade);transform:rotate(0)translateY(-3px)}.ex-sticker:hover:before{width:20px;height:20px}.ex-sticker[aria-pressed=true]{background:var(--mustard);box-shadow:1px 1px 0 var(--shade);transform:rotate(0)translate(2px,2px)}.ex-sticker[aria-pressed=true]:before{width:0;height:0}.ex-sticker[aria-pressed=true] .ex-sticker-facts{color:#3d4542}.ex-sticker[aria-busy=true] img{animation:.7s ease-in-out infinite alternate thumb-wait}.ex-sticker:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ex-legend{grid-area:legend}.ex-legend h2{letter-spacing:-.04em;font-size:20px}.ex-legend ol{gap:8px;margin-top:10px;padding:0;list-style:none;display:grid}.ex-legend li{border:2px solid var(--edge);background:var(--surface);color:var(--muted);border-radius:12px;padding:9px 12px 9px 46px;font-size:13px;line-height:1.45;position:relative}.ex-legend li:before{content:counter(list-item);border:2px solid var(--ink);background:var(--c);width:24px;height:24px;color:var(--ink);font:900 11px/1 var(--display);border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;left:11px}.ex-legend b{color:var(--text);font:900 14px/1.25 var(--display);letter-spacing:-.02em;display:block}[data-layer-note=base]{--c:var(--mustard)}[data-layer-note=part]{--c:var(--coral)}[data-layer-note=line]{--c:#8fa9e0}.ex-card{border-top:3px solid var(--edge);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""facts facts";align-items:center;gap:12px 16px;padding:14px 16px 16px;display:grid}.ex-card-name{grid-area:name;min-width:0}.ex-kind{vertical-align:5px;border:2px solid var(--ink);border-radius:var(--r-chip);background:var(--coral-tint);color:var(--ink);font:900 10px/1 var(--display);margin-right:8px;padding:4px 8px;display:inline-block;transform:rotate(-3deg)}.ex-card h2{font-size:clamp(24px,2.3vw,30px);display:inline}.ex-card h2 a{-webkit-text-decoration:underline 3px var(--mustard);text-decoration:underline 3px var(--mustard);text-underline-offset:6px}.ex-card h2 a:hover{-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}.ex-use{color:var(--muted);margin-top:6px;font-size:14px}.ex-facts{grid-area:facts;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.ex-facts div{border:2px solid var(--edge);background:var(--bg);border-radius:10px;min-width:0;padding:8px 10px}.ex-facts dt{color:var(--muted);font-size:11px;font-weight:700}.ex-facts dd{font:900 20px/1 var(--display);letter-spacing:-.04em;white-space:nowrap;margin:3px 0 0}.ex-actions{flex-direction:column;grid-area:actions;align-items:flex-end;gap:8px;display:flex}.ex-png{min-height:28px;color:var(--link);text-underline-offset:3px;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.ex-stage{border:3px solid var(--edge);border-radius:var(--r-block);background-color:var(--wash-sage);background-image:radial-gradient(var(--rule) 1px,transparent 1px);min-width:0;box-shadow:8px 8px 0 var(--shade);background-size:18px 18px;grid-area:stage;position:relative;overflow:hidden}sv-layer-stack,sv-zoom-finder{display:block}.ls{--ls-shadow:var(--ink);container-type:inline-size}:root[data-theme=dark] .ls{--ls-shadow:#0c1312}.ls-scene{perspective:2400px;perspective-origin:45% 20%;height:clamp(330px,76cqw,500px);position:relative;overflow:hidden}.ls-stack{--w:calc(min(380px,52cqw) * sqrt(sqrt(var(--ratio,1))));--gap:calc(var(--w) * .28 / sqrt(var(--ratio,1)));left:calc(50% - min(var(--spread),1) * 12%);top:calc(50% + min(var(--spread),1) * 12%);width:var(--w);aspect-ratio:var(--ratio,1);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(calc(var(--spread) * 56deg)) rotateZ(calc(var(--spread) * -40deg)) scale(calc(1.16 - var(--spread) * .26));position:absolute}.ls-sheet{transform:translateZ(calc(var(--i,0) * var(--gap) * var(--spread)));border:3px solid #0000;border-radius:12px;position:absolute;inset:0}.ls-shadow{background:var(--ls-shadow);transform:translate3d(9px,9px,calc(var(--gap) * -.1 * var(--spread)));border:0}.ls-sheet[data-sheet=base]{--c:var(--mustard);border-color:var(--ink);background:#fff;overflow:hidden}.ls[data-backdrop=checker] .ls-sheet[data-sheet=base],.zf-map[data-backdrop=checker]{background:conic-gradient(#e6ebe3 25%,#fffefa 0 50%,#e6ebe3 0 75%,#fffefa 0) 0 0/16px 16px}.ls[data-backdrop=mint] .ls-sheet[data-sheet=base],.zf-map[data-backdrop=mint]{background:#b8e6d4}.ls-sheet[data-sheet=part]{--c:var(--coral)}.ls-sheet[data-sheet=line]{--c:var(--cobalt)}.ls-sheet[data-sheet=part]:before,.ls-sheet[data-sheet=line]:before{content:"";border:2.5px dashed var(--c);opacity:var(--spread);background:#fffefa26;border-radius:12px;position:absolute;inset:-3px}:root[data-theme=dark] .ls-sheet[data-sheet=line]:before{background:#fffefa94}:root[data-theme=dark] .ls-sheet[data-sheet=part]:before{background:#fffefa40}.ls-art,.ls-whole{position:absolute;inset:0}.ls-art svg,.ls-whole svg,.ls-whole img{width:100%;height:100%;display:block}.ls-art{transition:opacity .25s}.ls-corner{width:2px;height:2px;position:absolute;bottom:0;right:0}.ls-whole{opacity:0;pointer-events:none;border-radius:9px;overflow:hidden}.ls.is-flat .ls-whole{opacity:1}.ls.is-flat .ls-art{visibility:hidden}.ls[data-hide~=base] .ls-whole [data-layer=base],.ls[data-hide~=part] .ls-whole [data-layer=part],.ls[data-hide~=line] .ls-whole [data-layer=line]{display:none}.ls[data-hide~=base] [data-sheet=base] .ls-art,.ls[data-hide~=part] [data-sheet=part] .ls-art,.ls[data-hide~=line] [data-sheet=line] .ls-art{opacity:0}.ls-note{white-space:nowrap;font:700 22px/1 var(--hand);color:var(--text);opacity:clamp(0,calc((var(--spread) - .55) * 3),1);pointer-events:none;align-items:center;gap:7px;padding-left:30px;display:flex;position:absolute;top:0;left:0}.ls-note:before{content:"";border-top:2px dashed var(--text);width:21px;position:absolute;top:50%;left:4px}.ls-note i,.ls-chip i{border:2px solid var(--ink);background:var(--c);width:22px;height:22px;color:var(--ink);font:900 11px/1 var(--display);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.ls-note[data-note=base],.ls-chip[data-layer=base]{--c:var(--mustard)}.ls-note[data-note=part],.ls-chip[data-layer=part]{--c:var(--coral)}.ls-note[data-note=line],.ls-chip[data-layer=line]{--c:#8fa9e0}.notes-off .ls-note{visibility:hidden}@container (width<=560px){.ls-scene{height:clamp(300px,96cqw,420px)}.ls-stack{--w:calc(64cqw * sqrt(sqrt(var(--ratio,1))));left:calc(50% - min(var(--spread),1) * 3%);top:calc(50% + min(var(--spread),1) * 13%)}}.ls-controls{border-top:3px solid var(--edge);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:11px 14px;display:flex}.ls-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ls-label{margin-right:2px;font-size:12px;font-weight:800}.ls-chip{border:2px solid var(--ink);border-radius:var(--pill);background:var(--white);min-height:36px;color:var(--ink);align-items:center;gap:7px;padding:4px 11px 4px 5px;font-size:12px;font-weight:800;transition:background-color .2s,transform .15s;display:inline-flex}.ls-chip b{font:900 11px/1 var(--display);color:#58635e}.ls-chip:hover{background:var(--mustard-tint)}.ls-chip:active{transform:translate(1px,1px)}.ls-chip[aria-pressed=false]{border-style:dashed;border-color:var(--edge);color:var(--muted);background:0 0;text-decoration:line-through;text-decoration-thickness:2px}.ls-chip[aria-pressed=false] i{color:var(--muted);border-color:var(--edge);background:0 0}.ls-chip[aria-pressed=false] b{color:var(--muted)}.ls-lift{align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.ls-lift input{width:150px}.ls-lift input,.zf-levels{accent-color:var(--ink)}.ls-lift input{appearance:none;cursor:pointer;background:0 0;height:30px;margin:0}.ls-lift input::-webkit-slider-runnable-track{background:repeating-linear-gradient(90deg,var(--text) 0 7px,transparent 7px 11px);border-radius:2px;height:4px}.ls-lift input::-moz-range-track{background:repeating-linear-gradient(90deg,var(--text) 0 7px,transparent 7px 11px);border-radius:2px;height:4px}.ls-lift input::-webkit-slider-thumb{-webkit-appearance:none;border:2.5px solid var(--ink);background:var(--mustard);width:24px;height:24px;box-shadow:2px 2px 0 var(--shade);border-radius:50%;margin-top:-10px}.ls-lift input::-moz-range-thumb{border:2.5px solid var(--ink);background:var(--mustard);width:20px;height:20px;box-shadow:2px 2px 0 var(--shade);border-radius:50%}.ls-lift input:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.ex-zoom{margin-top:52px}.ex-zoom-head{margin-bottom:16px}.ex-zoom-head h2{font-size:clamp(30px,3.2vw,44px)}.ex-zoom-head p{max-width:62ch;color:var(--muted);margin-top:8px;font-size:15px;line-height:1.55}.ex-zoom-head .ex-zoom-what{color:var(--text);margin-top:4px;font-weight:800}.zf{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.zf-stage{height:auto;min-height:clamp(300px,25vw,380px)}.zf-panel{flex-direction:column;display:flex}.zf-panel>.zf-map{margin-block:auto}.zf-panel{border:2px solid var(--edge);border-radius:var(--r-block);background:var(--surface);box-shadow:4px 5px 0 var(--shade);padding:12px}.zf-map{aspect-ratio:var(--ratio,1);border:2px solid var(--ink);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;position:relative;overflow:hidden}.zf-map img{pointer-events:none;width:100%;height:100%;display:block}.zf-box{border:2.5px solid var(--ink);min-width:8px;min-height:8px;box-shadow:inset 0 0 0 2px var(--coral),0 0 0 1.5px #fffefa,0 0 0 999px #232a2938;cursor:grab;background:0 0;border-radius:3px;padding:0;position:absolute}.zf-map.dragging .zf-box{cursor:grabbing}.zf-box:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.zf-levels{gap:6px;margin-top:12px;display:flex}.zf-levels button{border:2px solid var(--edge);border-radius:var(--pill);background:var(--surface);min-width:0;min-height:36px;color:var(--text);font:900 13px/1 var(--display);flex:1;padding:4px 2px}.zf-levels button:hover{background:var(--mustard-tint);color:var(--ink);border-color:var(--ink)}.zf-levels button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}:root[data-theme=dark] .zf-levels button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.zf-hint{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.45}.pz{border:2px solid var(--edge);border-radius:var(--r-block);background:var(--wash-cobalt);grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:22px;margin-top:52px;padding:24px;display:grid}.pz-copy h2{font-size:clamp(28px,2.9vw,40px)}.pz-copy p{max-width:40ch;color:var(--muted);margin:10px 0 16px;font-size:14px;line-height:1.6}.pz [data-lift][aria-pressed=true]{background:var(--mustard);color:var(--ink);border-color:var(--ink);box-shadow:1px 1px 0 var(--shade);transform:translate(2px,2px)}.pz-card{align-self:start;gap:10px;margin:0;display:grid}.pz-art{width:100%;height:auto;display:block;overflow:visible}.pz-shade{fill:var(--ink)}:root[data-theme=dark] .pz-shade{fill:#0c1312}.pz-card figcaption{color:var(--muted);font-size:13px;line-height:1.5}.pz-card figcaption b{font:900 17px/1.2 var(--display);letter-spacing:-.03em;color:var(--text);margin-bottom:2px;display:block}.pz-y,.pz-face{transform-box:fill-box;transform-origin:50%;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.pz-spark{opacity:0;transition:opacity .3s .25s}.pz.is-lifted .pz-y{transform:translate(24px,10px)}.pz.is-lifted .pz-face{transform:translate(24px,10px)rotate(-4deg)}.pz.is-lifted .pz-spark{opacity:1}@media (hover:hover) and (pointer:fine){.pz-card:hover .pz-y{transform:translate(24px,10px)}.pz-card:hover .pz-face{transform:translate(24px,10px)rotate(-4deg)}.pz-card:hover .pz-spark{opacity:1}}.ex-all{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px 24px;margin-top:40px;display:grid}.ex-all h2{letter-spacing:-.03em;font-size:18px}.ex-all ul{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.ex-all li span{color:var(--muted);font-size:12px;font-weight:600}.ex-all p{color:var(--muted);grid-column:2;font-size:13px}@media (max-width:760px){.ex-all{grid-template-columns:1fr}.ex-all p{grid-column:auto}}.ex-closing{margin-top:52px}@media (max-width:1120px){.ex-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28px}.ex-stickers{gap:9px}.ex-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ex-top{grid-template-columns:1fr;grid-template-areas:"head""sheet""stage""legend"}.zf{grid-template-columns:1fr}.zf-panel{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:start;gap:4px 16px;display:grid}.zf-map{grid-row:span 2}.zf-levels{margin-top:0}.zf-panel>.zf-map{margin-block:0}.pz{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-copy{grid-column:1/-1}}@media (max-width:760px){.ex-page{padding-top:20px}.ex-head h1{font-size:clamp(42px,12vw,60px)}.ex-sheet{padding:10px}.ex-stickers{gap:8px}.ex-sticker{padding:5px 4px 6px}.ex-sticker-kind{font-size:11px}.ex-sticker-facts{font-size:10px}.ex-stage{box-shadow:5px 5px 0 var(--shade)}.ls-controls{padding:10px}.ls-lift{width:100%}.ls-lift input{flex:1;width:auto}.ex-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-zoom,.pz,.ex-closing{margin-top:40px}.zf-panel{grid-template-columns:minmax(0,120px) minmax(0,1fr)}.pz{gap:16px;padding:18px}}@media (max-width:560px){.ex-card{grid-template-columns:1fr;grid-template-areas:"name""actions""facts"}.ex-actions{flex-flow:wrap;align-items:center;gap:8px 16px}.ls-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ls-chip{gap:5px;min-height:34px;padding:3px 9px 3px 4px;font-size:11px}.ls-chip i{width:20px;height:20px;font-size:10px}}@media (max-width:520px){.pz{grid-template-columns:1fr}.pz-art{max-width:320px}}@media (prefers-reduced-motion:reduce){.ex-sticker,.ex-sticker:before,.ls-chip,.ls-art,.pz-y,.pz-face,.pz-spark{transition:none}.ex-sticker[aria-busy=true] img{animation:none}}