*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#141513;color:#e3e3db;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{width:min(1120px,calc(100% - 64px));margin:40px auto 60px}header{margin-bottom:30px}h1{margin:0;font-size:14px;font-weight:500}h1 a{color:inherit;text-decoration:none}h1 a:hover{text-decoration:underline}h1 span{color:#999c91;font-weight:400}.mat{position:relative;aspect-ratio:4/3;isolation:isolate;border-radius:12px;box-shadow:0 18px 50px #0005}.mat-image{position:absolute;inset:0;width:100%;height:100%;border-radius:12px}.item{position:absolute;left:var(--x);top:var(--y);width:var(--w);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;transform:rotate(var(--r,0deg));outline:none;z-index:1;-webkit-tap-highlight-color:transparent}.item img{display:block;width:100%;height:auto;filter:drop-shadow(5px 12px 8px #0007);transform:scale(1) rotate(0deg);transition:transform 230ms cubic-bezier(.2,.8,.2,1),filter 230ms;user-select:none;-webkit-user-drag:none}.item.active{z-index:10}.item.active img{transform:scale(1.065) rotate(var(--tilt,1deg));filter:drop-shadow(7px 18px 12px #0009)}.item:focus-visible{outline:1px solid #ddd9;outline-offset:8px;border-radius:4px}.outside{margin-top:80px}.field{position:relative;min-height:1100px;isolation:isolate}.field .item img{filter:drop-shadow(3px 12px 10px #0005)}#tooltip{position:fixed;z-index:100;pointer-events:none;background:#282b26;color:#eeefe8;border:1px solid #484c42;border-radius:4px;box-shadow:0 8px 30px #0004;padding:13px 16px;width:max-content;max-width:290px;font-size:12px}.tip-name{display:block;font-size:13px;font-weight:500}.tip-meta{margin-top:8px;color:#bfc3b7;line-height:1.65;font-variant-numeric:tabular-nums}[hidden]{display:none!important}@media(prefers-color-scheme:light){#tooltip{background:#efeee7;color:#22251f;border-color:#d1d2c8}.tip-meta{color:#59604f}}@media(min-width:1500px){main{width:1160px}}@media(max-width:700px){main{width:calc(100% - 32px);margin:20px auto 40px}.mat,.mat-image{border-radius:6px}.item img{filter:drop-shadow(2px 5px 3px #0008)}.outside{margin-top:50px}.field{min-height:950px}.field .item{left:var(--mx,var(--x));top:var(--my,var(--y));width:var(--mw,var(--w))}#tooltip{max-width:calc(100vw - 24px)}}@media(pointer:coarse){.item:before{content:"";position:absolute;inset:-8px}}@media(prefers-reduced-motion:reduce){.item img{transition:none}.item.active img{transform:scale(1.02)}}