*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{width:100%;height:100vh;overflow-x:hidden}#popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px;z-index:1000;padding:2rem;background:#666666b3}#popup-top{display:flex;color:#fff;justify-content:space-between;align-items:center;margin-bottom:1rem}#popup-close{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}#popup-title{font-weight:700;font-size:2rem}#popup-info{display:flex;flex-direction:column;justify-content:center;gap:1rem;color:#fff}.size-4{height:32px;width:32px}.hidden{display:none;visibility:hidden}.controls_box{width:15vw;height:18vh;background-color:#121618;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:.2rem;position:fixed;bottom:0;right:0}*{margin:0;padding:0;overflow:hidden;font-family:system-ui,sans-serif}#ground{position:absolute;top:0;left:0}#popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(300px,80vw,650px);max-height:85vh;background:#282828e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:12px;box-shadow:0 10px 30px #0006;z-index:1000;display:flex;flex-direction:column;opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s;pointer-events:auto}#popup.hidden{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;pointer-events:none}#popup-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}#popup-title{font-weight:600;font-size:1.5rem;margin-right:1rem}#popup-close{background:none;color:#ccc;border:none;padding:.25rem;cursor:pointer;outline:none;line-height:0;transition:color .2s ease}#popup-close:hover{color:#fff}#popup-close svg{width:1.5rem;height:1.5rem;display:block}#popup-content{padding:1.5rem;overflow-y:auto;flex-grow:1}#popup-info{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#eee;text-align:center}#popup-info img{max-width:100%;height:auto;max-height:45vh;border-radius:8px;object-fit:contain;display:block}#popup-info p{font-size:1rem;line-height:1.6;max-width:60ch;margin:0}.controls_box{width:15vw;height:18vh;background-color:#121618;display:flex;justify-content:center;flex-direction:column;align-items:center;position:fixed;bottom:0;right:0}.controls_box p{color:#fff}