.third-trace{height:100svh;position:relative;isolation:isolate;container-type:inline-size;background:#ff664f;color:#191919;overflow:clip;--trace-lime:#dcff30;--trace-cream:#fff0d9}
.third-trace:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 22%,#ff927555,transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' fill='%238a3c27' opacity='.14' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
.third-trace:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:4svh;z-index:8;pointer-events:none;background:#f0ece3;clip-path:polygon(0 53%,2% 58%,4% 42%,6% 49%,8% 29%,10% 38%,12% 17%,14% 35%,16% 19%,18% 39%,20% 31%,22% 46%,24% 37%,26% 53%,28% 43%,30% 64%,32% 53%,34% 72%,36% 58%,38% 77%,40% 62%,42% 79%,44% 68%,46% 85%,48% 71%,50% 87%,52% 73%,54% 88%,56% 76%,58% 89%,60% 73%,62% 87%,64% 71%,66% 83%,68% 68%,70% 80%,72% 65%,74% 77%,76% 61%,78% 72%,80% 56%,82% 68%,84% 50%,86% 60%,88% 45%,90% 56%,92% 35%,94% 47%,96% 32%,98% 44%,100% 28%,100% 100%,0 100%)}
.trace-headline{position:absolute;left:4.3%;top:10%;z-index:5;transform:rotate(-4deg);transform-origin:left center;pointer-events:none}
.trace-headline h2{margin:0;font-family:var(--platform-display);font-weight:700;letter-spacing:-.055em;line-height:1.05;transform:skewX(-7deg) scaleX(.79);transform-origin:left center}
.trace-headline h2>span{display:block;white-space:nowrap;width:max-content}
.trace-headline .trace-lead{font-size:min(5cqw,8svh);line-height:1.12}.trace-headline .trace-main{font-size:min(11.4cqw,17.8svh);color:var(--trace-cream);line-height:1.02;letter-spacing:-.065em}
.trace-underline{display:block;width:72%;height:6svh;margin:1svh 0 0 1%;overflow:visible}.trace-underline path{stroke:var(--trace-lime);stroke-width:15;stroke-linecap:round;stroke-linejoin:round;filter:url(#archive-ink);stroke-dasharray:1;stroke-dashoffset:0}
.trace-intro{position:absolute;left:4.5%;top:55%;width:22%;margin:0;font:clamp(14px,min(1.4cqw,2.5svh),26px)/1.35 Arial,sans-serif;letter-spacing:-.025em;z-index:6;max-width:21em}
.trace-stage{position:absolute;left:26%;top:13%;width:72%;height:66%;z-index:4;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.trace-source,.trace-arrival,.trace-source-art{position:absolute;inset:0;pointer-events:none}
.trace-source-art>svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(7px 15px 8px #623a3255);font-family:var(--platform-display);font-weight:650;letter-spacing:-.03em;pointer-events:none}
.trace-source-art text:not([fill]){fill:#191919}
.trace-moving{z-index:3;transform-origin:50% 50%;outline:none;will-change:transform}
.trace-moving .trace-source-art>svg{filter:drop-shadow(8px 15px 8px #5c2c4055)}
.trace-hit{pointer-events:all;cursor:grab;touch-action:pan-y;transition:stroke .18s}
.trace-hit:hover{stroke:#f4d4ef}.trace-moving.is-dragging .trace-hit{cursor:grabbing;stroke:#f3d9ef}
.trace-moving:focus-visible .trace-hit{stroke:#dcff30;stroke-width:4}
.trace-moving:focus-visible .trace-source-art>svg{filter:drop-shadow(7px 13px 6px #5b314a66)}
.trace-window-light{fill:#e9d8b8;transition:fill .3s ease-out}.trace-found .trace-window-light{fill:#dcff30}
.trace-share{shape-rendering:crispEdges}
.trace-optical-result{opacity:0;transition:opacity .24s .1s}.trace-found .trace-optical-result{opacity:1}
.trace-overlays{position:absolute;inset:0;pointer-events:none;z-index:7}.trace-overlays svg{width:100%;height:100%;overflow:visible;fill:none}
.trace-discovery-circle path,.trace-discovery-arrow path{stroke:var(--trace-lime);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:url(#archive-ink)}
.trace-discovery-circle path{stroke-width:7}.trace-discovery-arrow path{stroke-width:6}.trace-discovery-rays{opacity:0;transition:opacity .2s .22s}.trace-found .trace-discovery-rays{opacity:1}.trace-discovery-rays path{stroke:var(--trace-lime);stroke-width:9;stroke-linecap:round}
.trace-controls{position:absolute;left:4.5%;bottom:10%;width:26%;max-width:470px;z-index:9}
.trace-align,.trace-reset{display:flex;gap:15px;align-items:center;justify-content:space-between;min-height:54px;width:100%;padding:1.5svh 1.6cqw;background:#191919;color:#fff0d9;border:0;font:650 clamp(17px,min(2cqw,3.3svh),34px)/1 var(--platform-display);letter-spacing:-.025em;text-align:left;cursor:pointer;clip-path:polygon(4% 3%,100% 0,97% 96%,1% 100%,0 51%);transition:transform .18s,background .18s}
.trace-align>span,.trace-reset>span{font:1.45em Arial}.trace-align:hover:not(:disabled),.trace-reset:hover{background:#322821;transform:translateY(-3px) rotate(-1deg)}.trace-align:active:not(:disabled),.trace-reset:active{transform:scale(.98)}.trace-align:disabled{cursor:default;opacity:.6}.trace-align:focus-visible,.trace-reset:focus-visible{outline:3px solid #dcff30;outline-offset:5px;clip-path:none}
.trace-drag-hint{margin:1.3svh 0 0;font:500 clamp(9px,.8cqw,14px)/1.25 Arial;letter-spacing:-.01em;max-width:23em}.third-trace[data-trace-state=discovered] .trace-drag-hint{visibility:hidden}
.trace-result{position:absolute;left:32%;right:3%;bottom:7.8%;z-index:8;text-align:center;pointer-events:none}
.trace-result-line{display:flex;align-items:center;justify-content:center;gap:1.1%;transform:rotate(-3deg);font:700 min(4.7cqw,7.8svh)/1.1 var(--platform-display);letter-spacing:-.05em}
.trace-result-line>span,.trace-result-line>strong{display:inline-block;position:relative;isolation:isolate;white-space:nowrap;padding:.08em .16em .14em;font-weight:700;transform:skewX(-7deg)}
.trace-result-line>span:before,.trace-result-line>strong:before{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(2% 3%,100% 0,98% 23%,100% 45%,97% 95%,0 100%,2% 77%,0 55%)}.trace-result-line>span:before{background:#f8e9d2;transform:rotate(1deg)}.trace-result-line>strong:before{background:#dcff30;transform:rotate(-1deg)}
.trace-question{font:italic clamp(13px,min(1.4cqw,2.4svh),24px)/1.2 Georgia,serif;margin:2svh 0 0;letter-spacing:-.02em}
.trace-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;left:0;top:0}
@media(min-width:768px) and (min-aspect-ratio:6/5) and (max-height:650px){.trace-headline{top:9%}.trace-headline .trace-lead{font-size:8svh}.trace-headline .trace-main{font-size:17svh}.trace-stage{top:13%;height:67%;left:28%;width:69%}.trace-intro{top:54%;font-size:clamp(12px,2.3svh,16px)}.trace-controls{bottom:9%;width:26%}.trace-align,.trace-reset{min-height:44px;font-size:3svh;padding:10px 15px}.trace-drag-hint{font-size:9px}.trace-result{bottom:8%;left:33%}.trace-result-line{font-size:7svh}.trace-question{font-size:12px}}
@media(max-aspect-ratio:6/5){
 .trace-headline{top:6%;left:6%;right:2%;transform:rotate(-4deg)}.trace-headline h2{transform:skewX(-7deg) scaleX(.9)}.trace-headline .trace-lead{font-size:min(8.3cqw,4.8svh)}.trace-headline .trace-main{font-size:min(18.5cqw,10svh)}
 .trace-underline{height:4svh;width:64%;margin-top:1svh}.trace-underline path{stroke-width:14}
 .trace-intro{top:28%;left:6%;right:6%;width:86%;max-width:36em;font-size:clamp(12px,1.75svh,18px);line-height:1.25}
 .trace-stage{left:1%;top:35%;width:98%;height:36%;overflow:visible}
 .trace-source-art>svg{filter:drop-shadow(3px 8px 4px #623a3244)}.trace-moving .trace-source-art>svg{filter:drop-shadow(4px 8px 4px #5c2c4044)}
 .trace-controls{left:6%;right:6%;width:auto;max-width:none;bottom:4.5%}.trace-align,.trace-reset{min-height:48px;padding:13px 6%;font-size:clamp(17px,2.6svh,28px)}.trace-drag-hint{font-size:9px;margin-top:9px;max-width:none;text-align:center}
 .trace-result{left:5%;right:5%;bottom:16%;text-align:center}.trace-result-line{font-size:min(7.4cqw,5.2svh);gap:5px;flex-wrap:wrap;line-height:1.08}.trace-result-line>span,.trace-result-line>strong{padding:.1em .2em}.trace-question{font-size:clamp(11px,1.7svh,17px);margin-top:1.8svh}
 .third-trace[data-trace-state=discovered] .trace-controls{bottom:5.5%}.third-trace[data-trace-state=discovered] .trace-drag-hint{display:none}
}
@media(max-aspect-ratio:6/5) and (max-height:690px){.trace-headline{top:5.5%}.trace-headline .trace-lead{font-size:4.4svh}.trace-headline .trace-main{font-size:9.8svh}.trace-intro{top:28%;font-size:10.5px}.trace-stage{top:34%;height:35.5%}.trace-controls{bottom:5%}.trace-align,.trace-reset{min-height:44px;font-size:17px}.trace-drag-hint{font-size:8px;margin-top:6px}.trace-result{bottom:16%}.trace-result-line{font-size:min(7.5cqw,4.8svh)}.trace-question{font-size:10px;margin-top:1.2svh}}
@media(min-aspect-ratio:6/5) and (max-width:950px){.trace-headline .trace-lead{font-size:5cqw}.trace-headline .trace-main{font-size:11.5cqw}.trace-intro{font-size:12px}.trace-controls{width:29%;left:4%}.trace-align,.trace-reset{font-size:clamp(13px,2cqw,20px);min-height:42px;padding:10px 13px}.trace-drag-hint{font-size:8px}.trace-result-line{font-size:4.6cqw}.trace-question{font-size:11px}}
@media(prefers-reduced-motion:reduce){.third-trace *{animation:none!important;transition:none!important}.trace-source-art>svg{filter:none}.trace-align:hover,.trace-reset:hover{transform:none}}