*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#087f9c;touch-action:none;overscroll-behavior:none;user-select:none;font-family:Arial,Helvetica,sans-serif}.app,.scanner-screen,.video-screen{width:100%;height:100%}.scanner-screen{position:relative;background:#087f9c url('palm-scanner-background.png') center/cover no-repeat;overflow:hidden}.palm-zone{position:absolute;top:22%;width:25%;height:47%;padding:0;border:0;border-radius:48%;background:transparent;touch-action:none;cursor:pointer;outline:none}.palm-left{left:5.5%}.palm-right{right:5.5%}.palm-zone:before,.palm-zone:after{content:"";position:absolute;inset:4%;border-radius:48%;opacity:0;pointer-events:none}.palm-zone:before{border:5px solid rgba(104,255,220,.98);box-shadow:0 0 24px rgba(85,255,220,.95),inset 0 0 28px rgba(85,255,220,.55)}.palm-zone:after{inset:12%;background:radial-gradient(circle,rgba(90,255,220,.28),rgba(30,210,255,.08) 58%,transparent 78%)}.palm-zone.active:before{opacity:1;animation:pulse .7s ease-in-out infinite alternate}.palm-zone.active:after{opacity:1}.palm-zone.complete:before{opacity:1;border-color:#fff;box-shadow:0 0 38px #fff,inset 0 0 30px rgba(255,255,255,.75)}.palm-zone span{position:absolute;left:13%;right:13%;top:10%;height:6px;border-radius:99px;background:#7dffdf;box-shadow:0 0 20px #7dffdf;opacity:0}.palm-zone.active span{opacity:1;animation:scan 1.05s linear infinite}.scan-status{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);min-width:360px;padding:12px 24px;text-align:center;color:#fff;font-weight:800;font-size:clamp(15px,1.45vw,24px);letter-spacing:.04em;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.scan-status.scanning{color:#8effdf}.video-screen{position:fixed;inset:0;z-index:100;background:#000}.video-screen[hidden]{display:none!important}.video-screen video{position:absolute;inset:0;z-index:1;display:block;width:100vw;height:100vh;object-fit:contain;background:#000;visibility:visible;opacity:1}.restart-button{position:absolute;right:24px;bottom:24px;z-index:5;padding:14px 22px;border:1px solid rgba(255,255,255,.65);border-radius:999px;color:#fff;background:rgba(0,0,0,.58);opacity:0;pointer-events:none}.video-screen:hover .restart-button,.restart-button.show{opacity:1;pointer-events:auto}.video-error{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90%,720px);padding:28px;border-radius:16px;color:#fff;text-align:center;background:rgba(120,10,10,.94)}@keyframes pulse{from{transform:scale(.97);opacity:.72}to{transform:scale(1.03);opacity:1}}@keyframes scan{from{top:10%}to{top:88%}}@media(orientation:portrait){.palm-zone{top:25%;width:31%;height:39%}.palm-left{left:1%}.palm-right{right:1%}.scan-status{bottom:18%;min-width:280px}}