.sockets-test{box-sizing:border-box;color:#262b30;background:#f6f5f1;min-height:calc(100dvh - 16px);padding:clamp(24px,5vw,72px) clamp(16px,4vw,64px);font-family:ui-sans-serif,system-ui,sans-serif}.sockets-test *{box-sizing:border-box}.sockets-test-content{max-width:1120px;margin:0 auto}.sockets-test p{margin:0}.sockets-test-header{margin-bottom:32px}.sockets-test h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(32px,5vw,52px);line-height:1.1}.sockets-test-canvas{aspect-ratio:16/9;background-color:#fff;background-image:radial-gradient(#d8ddd5 1px,#0000 1px);background-size:22px 22px;border:1px solid #d9dcd5;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 40px #29352406}.sockets-test-click-target{border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.sockets-test-click-target:focus-visible{outline-offset:-4px;outline:2px solid #4338ca}.sockets-test-hint{pointer-events:none;-webkit-user-select:none;user-select:none;color:#6b746b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sockets-test-hint>p{letter-spacing:-.02em;font-size:clamp(16px,2.5vw,24px);font-weight:600}.sockets-test-cursor{pointer-events:none;z-index:1;position:absolute;transform:translate(-50%,-50%)}.sockets-test-cursor>svg{filter:drop-shadow(0 1px 2px #0002);display:block}.sockets-test-emoji{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;font-size:32px;line-height:1;animation:linear forwards sockets-test-emoji-fade;position:absolute;transform:translate(-50%,-50%)}@keyframes sockets-test-emoji-fade{0%{opacity:1}to{opacity:0}}@media (width<=600px){.sockets-test-header{margin-bottom:16px}}