.diff-hero{padding:24px 0}.diff-hero h1{font-size:clamp(2rem,5vw,3.3rem)}.diff-section{padding:24px 0}.diff-panel{max-width:1100px;margin:auto;text-align:center}.diff-top{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.diff-dots{display:flex;gap:9px;color:#bda6cf;font-size:1.3rem}.diff-dots .found{color:#66863f}.diff-images{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diff-images figure{margin:0}.diff-images figcaption{font-weight:800;color:#8052a6;margin-bottom:8px}.diff-picture{position:relative;isolation:isolate;overflow:hidden;border-radius:15px;background:#f8f0ff;cursor:crosshair;line-height:0;touch-action:manipulation}.diff-picture img{display:block;width:100%;height:auto;user-select:none}.diff-spot{position:absolute;transform:translate(-50%,-50%);min-width:36px;min-height:36px;padding:0;border:3px solid transparent;border-radius:50%;background:transparent;cursor:crosshair;color:white;font:900 22px/1 Arial;display:grid;place-items:center;touch-action:manipulation}.diff-spot.found{border-color:white;box-shadow:0 0 0 3px #8253b3;background:#8253b32b;text-shadow:0 1px 3px #55316f}.diff-spot.hint{border:3px dashed #6e3f9c;background:#fff6;box-shadow:0 0 0 2px white}.diff-spot:focus-visible{outline:3px solid #f4b63e;outline-offset:3px;background:#fff3}.diff-panel .feedback{min-height:2.5em;margin-top:18px}.diff-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.diff-panel [hidden]{display:none!important}@media(max-width:650px){.diff-images{grid-template-columns:1fr;gap:12px}.diff-panel{padding:12px}.diff-hero{padding:20px 0}.diff-hero .lead{font-size:1rem}.diff-section{padding:16px 0}.diff-top{gap:8px;margin-bottom:12px}.diff-images figcaption{font-size:.85rem;margin-bottom:5px}.diff-picture{border-radius:10px}.diff-panel .feedback{font-size:.9rem;margin-top:12px}.diff-actions .btn{padding:10px 12px}.diff-dots{gap:7px}.diff-spot{font-size:17px}}

.diff-scene-title{font-size:1.4rem;margin:0 0 18px;scroll-margin-top:90px}.diff-top{margin-bottom:12px}@media(max-width:650px){.diff-scene-title{font-size:1.15rem;margin-bottom:12px;scroll-margin-top:76px}.diff-top{gap:7px}.diff-top .pill{font-size:.8rem}}