*,:before,:after{box-sizing:border-box}body{background:linear-gradient(135deg,#1f1c2c,#928dab);margin:0;font-family:sans-serif;overflow-x:hidden}h1{color:#fff;text-align:center;font-size:clamp(1.1rem,4vw,1.5rem)}#webcam{z-index:-1;opacity:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;transform:scaleX(-1)}#app{z-index:1;color:#fff;padding:clamp(1rem,4vw,2rem);position:relative}.spaceOne{height:10vh}.space{height:20vh}#introduction{color:#fff;text-align:center;width:40%;margin:0 auto;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:400;line-height:1.7}#introduction span{margin-bottom:.75rem;display:block}#virtual-cursor{pointer-events:none;z-index:10000;--pinch-progress:0;background:#8680f5e6;border-radius:50%;width:22px;height:22px;transition:left 50ms linear,top 50ms linear,background-color .2s,box-shadow .2s;display:none;position:fixed;transform:translate(-50%,-50%)}#virtual-cursor.cluster{background:#ff4646f2;box-shadow:0 0 12px #ff4646e6}#virtual-cursor.open{background:#8680f5e6;box-shadow:0 0 12px #8680f5b3}#virtual-cursor.fired{background:#5df2fff2;transform:translate(-50%,-50%)scale(1.6);box-shadow:0 0 20px #5df2ff,0 0 40px #5df2ff80}#virtual-cursor.pinching{background:conic-gradient(#ffdd57 calc(var(--pinch-progress) * 360deg), #8680f599 0deg);box-shadow:0 0 16px #ffdd57cc}#open-google{cursor:pointer;border:none;border-radius:15px;margin:5% auto 1%;padding:clamp(14px,3vw,30px) clamp(28px,6vw,70px);font-size:clamp(1.1rem,3vw,2.5rem);transition:transform .15s,background .15s;display:block}button.virtual-hover,button:hover{background:#5df2ff;transform:scale(1.15)}.image-container{justify-content:center;width:fit-content;margin-top:40px;margin-left:auto;margin-right:auto;display:flex;position:relative}#myImg{cursor:pointer;border-radius:10px;width:min(500px,90vw);transition:opacity .3s;display:block}#myImg:hover{opacity:.85}#gesture-img-overlay{color:#fff;text-align:center;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);border-radius:0 0 10px 10px;padding:18px 14px 14px;font-size:clamp(.75rem,2vw,1rem);transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.modal{z-index:9000;background-color:#000000e6;padding-top:clamp(40px,10vh,100px);display:none;position:fixed;inset:0;overflow:auto}.modal-content{border-radius:12px;max-width:min(80%,800px);max-height:80vh;margin:auto;display:block}.close{color:#fff;cursor:pointer;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1;transition:color .2s;position:absolute;top:20px;right:35px}.close:hover{color:#5df2ff}#caption{color:#ccc;text-align:left;max-width:min(80%,800px);margin:0 auto;padding:1.25rem clamp(1rem,8vw,3rem) 2rem;font-size:clamp(.85rem,1.8vw,1rem);line-height:1.7}#caption p{color:#b8b8c8;margin:.75rem 0 0;font-style:italic}#gesture-hints{z-index:200;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.gesture-badge{color:#ffffffd9;backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:.35rem .9rem;font-size:clamp(.65rem,1.5vw,.8rem)}@media (width<=480px){.space{height:10vh}.spaceOne{height:5vh}}
/*# sourceMappingURL=handgesturewebapp.4f46665c.css.map */