*{box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a-scene{width:100vw;height:100vh}a-scene,a-scene *,a-entity,a-entity *{cursor:default!important}#calibrationToggle,.error-message button,.success-message button{cursor:pointer!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-in-out}.fade-out{animation:fadeOut .3s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.pulse{animation:pulse 2s infinite}@media (max-width: 768px){body{font-size:14px}}@media (orientation: landscape) and (max-height: 500px){body{font-size:12px}}a-scene{width:100%!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;z-index:1!important}a-scene canvas{width:100%!important;height:100%!important}.ar-button{width:2;height:.8;depth:.1;transition:all .3s ease}.hitbox-overlay{position:absolute;border:2px solid #ff0000;background:rgba(255,0,0,.1);pointer-events:none;z-index:500;transition:all .2s ease}.hitbox-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:500}.hitbox-polygon{fill:rgba(255,0,0,.1);stroke:red;stroke-width:2;transition:all .2s ease}.hitbox-label{fill:#fff;font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:middle;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-family:Arial,sans-serif}.marker-indicator{position:fixed;bottom:20px;right:20px;width:12px;height:12px;border-radius:50%;z-index:1000;transition:all .3s ease}.marker-indicator.found{background:#4caf50;box-shadow:0 0 10px rgba(76,175,80,.5);animation:pulse 2s infinite}.marker-indicator.lost{background:#f44336;box-shadow:0 0 10px rgba(244,67,54,.5)}.debug-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.debug-point{position:absolute;width:6px;height:6px;background:#0f0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px rgba(0,255,0,.8)}.debug-line{position:absolute;height:1px;background:#0f0;opacity:.7}.interaction-feedback{position:absolute;width:20px;height:20px;border:2px solid #4CAF50;border-radius:50%;pointer-events:none;z-index:1001;animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ar-button-active{animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px rgba(76,175,80,.5)}to{box-shadow:0 0 20px rgba(76,175,80,.8)}}.clickable-area{border:1px dashed rgba(255,255,255,.3);background:rgba(255,255,255,.05);transition:all .2s ease}.info-overlay{position:fixed;background:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:1000;pointer-events:none;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.ar-fade-in{animation:arFadeIn .5s ease-out}.ar-fade-out{animation:arFadeOut .5s ease-out}@keyframes arFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes arFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-20px)}}@media (max-width: 768px){.hitbox-overlay{border-width:1px}.hitbox-label{font-size:10px}.marker-indicator{width:10px;height:10px;bottom:15px;right:15px}.info-overlay{font-size:11px;padding:8px}}@media (orientation: landscape) and (max-height: 500px){.hitbox-overlay{border-width:1px}.hitbox-label{font-size:9px}.marker-indicator{width:8px;height:8px;bottom:10px;right:10px}}#calibrationToggle{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;z-index:1000;font-size:14px;font-weight:700;box-shadow:0 4px 16px rgba(76,175,80,.3);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}#calibrationToggle:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)}#calibrationToggle:active{transform:translateY(0);box-shadow:0 2px 8px rgba(76,175,80,.3)}#clickDebug{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.8);color:#fff;padding:12px;border-radius:8px;z-index:1000;font-size:12px;max-width:250px;font-family:Courier New,monospace;box-shadow:0 4px 16px rgba(0,0,0,.3);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);display:none}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:25px;border-radius:12px;z-index:10000;text-align:center;max-width:80%;box-shadow:0 8px 32px rgba(244,67,54,.3);animation:slideIn .3s ease-out}.error-message h3{margin:0 0 15px;font-size:20px}.error-message p{margin:10px 0;font-size:14px;opacity:.9}.error-message button{background:#fff;color:#f44336;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;margin-top:15px;transition:all .2s ease}.error-message button:hover{background:#f5f5f5;transform:scale(1.05)}.success-message{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:15px 20px;border-radius:8px;z-index:10000;font-size:14px;font-weight:700;box-shadow:0 4px 16px rgba(76,175,80,.3);animation:slideIn .3s ease-out}
