@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fredoka,sans-serif;background:#111;overflow:hidden}#root{width:100vw;height:100vh}.dong-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#111;font-family:Fredoka,sans-serif}.dong-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.dong-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#6bcb77;font-size:24px;font-weight:600}.dong-loading:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.controls-overlay{position:absolute;top:50%;left:20px;transform:translateY(-50%);pointer-events:none;z-index:10}.controls-box{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 24px;box-shadow:0 8px 32px #00000026;max-width:200px}.controls-box h3{margin:0 0 16px;font-size:18px;color:#1a1a2e;font-weight:600}.controls-box p{margin:8px 0;font-size:14px;color:#444;display:flex;align-items:center;gap:8px}.controls-box kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;color:#333;box-shadow:0 2px #bbb}.buy-button{width:100%;margin-top:16px;padding:12px 20px;background:linear-gradient(135deg,#ffd93d,#ff6b6b);border:none;border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;color:#1a1a2e;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #ff6b6b4d}.buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.buy-button:active{transform:translateY(0)}@media(max-width:900px){.controls-overlay{display:none}}