.scratch-map{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:relative;overflow:hidden}.scratch-map[data-mode=pan],.scratch-map[data-readonly=true]{cursor:grab}.scratch-map[data-mode=want]{cursor:cell}.scratch-map canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.map-tooltip{z-index:3;background:var(--ink);color:var(--paper);font:500 var(--step--1) / 1.3 var(--font-ui);white-space:nowrap;pointer-events:none;border-radius:3px;padding:3px 9px;position:absolute;top:0;left:0}.poster{background:#f4f4f4;padding:clamp(8px,1.6vw,18px);position:relative;box-shadow:inset 0 1px #ffffff80,0 14px 30px -14px #0009,0 2px 6px #00000040}.poster:before{content:"";pointer-events:none;border:1px solid #d4d4d4;position:absolute;inset:clamp(4px,.8vw,9px)}.clamp{z-index:4;pointer-events:none;background:radial-gradient(circle,#8e9296 0 2.5px,#0000 3px) 30% 30%/100% 100% no-repeat,linear-gradient(135deg,#e7e9ea 0%,#b5b9bc 45%,#d6d9db 60%,#8f9398 100%);width:clamp(22px,3.2vw,40px);height:clamp(22px,3.2vw,40px);position:absolute;box-shadow:0 2px 4px #00000073}.clamp.tl{clip-path:polygon(0 0,100% 0,100% 35%,35% 35%,35% 100%,0 100%);top:-6px;left:-6px}.clamp.tr{clip-path:polygon(0 0,100% 0,100% 100%,65% 100%,65% 35%,0 35%);top:-6px;right:-6px}.clamp.bl{clip-path:polygon(0 0,35% 0,35% 65%,100% 65%,100% 100%,0 100%);bottom:-6px;left:-6px}.clamp.br{clip-path:polygon(65% 0,100% 0,100% 100%,0 100%,0 65%,65% 65%);bottom:-6px;right:-6px}.board{background:radial-gradient(ellipse at 20% 10%, #ffffff0f, transparent 60%), repeating-linear-gradient(45deg, #ffffff05 0 2px, transparent 2px 5px), var(--board)}.scratch-map[data-panning=true]{cursor:grab}.scratch-map[data-panning=true]:active{cursor:grabbing}