*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;background:#1e1e2d;font-family:Inter,sans-serif}.webgl{position:fixed;top:0;left:0;outline:none}#ui{position:absolute;bottom:30px;width:100%;text-align:center;pointer-events:none;z-index:10}.instructions{display:inline-block;background:#00000080;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}#popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#14141ef2;color:#fff;padding:20px 40px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;z-index:100;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease,transform .3s ease}#popup.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-60%)}#popup-content{font-size:18px;margin-bottom:0;font-weight:500;-webkit-user-select:text;user-select:text}#popup-close{position:absolute;top:5px;right:10px;background:none;border:none;color:#ffffff80;font-size:20px;cursor:pointer}#popup-close:hover{color:#fff}