.wrapper{position:relative;min-height:100vh;width:100%;overflow:hidden;background:#9ffaff}.start-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:208px;height:56px;border:none;border-radius:9999px;background:#4f46e5;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.4);transition:transform .15s,background .15s}.start-btn:hover{transform:translate(-50%,-50%) scale(1.05);background:#5b54eb}.start-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(99,102,241,.4)}.canvas-wrapper,.video-full{position:absolute;inset:0;width:100%;height:100%}.video-full{width:400px;height:400px;margin:auto;border-radius:20px;mask:linear-gradient(90deg,transparent 0,#fff 15%,#fff 85%,transparent),linear-gradient(180deg,transparent 0,#fff 15%,#fff 85%,transparent);-webkit-mask:linear-gradient(90deg,transparent 0,#fff 15%,#fff 85%,transparent),linear-gradient(180deg,transparent 0,#fff 15%,#fff 85%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.video-full,.video-poster{position:absolute;-o-object-fit:cover;object-fit:cover}