*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body,#root{width:100vw;height:100vh;overflow:hidden}.app-container{width:100%;height:100%;position:relative;transition:background-color .3s ease}.app-container.dark{background-color:#202020}.app-container.light{background-color:#f5f5f5}canvas{width:100%!important;height:100%!important;display:block}.stats-display{position:absolute;top:25px;left:50%;transform:translate(-50%);z-index:100;padding:10px 20px;border-radius:10px;text-align:center;font-size:14px;line-height:1.5;font-family:Montserrat,sans-serif;font-weight:700;pointer-events:none;transition:background-color .3s,color .3s}.toggle-button{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:100;background-color:#ff6969;color:#fff;padding:12px 24px;border:none;border-radius:10px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .2s ease-in-out}.toggle-button:hover{transform:translate(-50%) scale(1.05);background-color:#ff8585}.dm-toggle-button,.share-button{position:absolute;top:20px;z-index:100;padding:10px 12px;border:none;border-radius:8px;font-size:18px;cursor:pointer;box-shadow:0 2px 5px #00000026;transition:all .2s ease-in-out}.dm-toggle-button:hover,.share-button:hover{transform:scale(1.1)}.dm-toggle-button{left:20px}.share-button{right:20px}.dark .stats-display{background-color:#ffffff1a;color:#f0f0f0}.dark .dm-toggle-button,.dark .share-button{background-color:#f0f0f0;color:#333}.dark .dm-toggle-button:hover,.dark .share-button:hover{background-color:#fff}.light .stats-display{background-color:#0000000d;color:#333}.light .dm-toggle-button,.light .share-button{background-color:#333;color:#f0f0f0}.light .dm-toggle-button:hover,.light .share-button:hover{background-color:#555}.dev-link-button{position:absolute;bottom:30px;left:20px;z-index:100;padding:10px 12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;border:none;text-decoration:none;box-shadow:0 2px 5px #00000026;transition:all .2s ease-in-out}.dark .dev-link-button{background-color:#ffffff1a;color:#f0f0f0}.light .dev-link-button{background-color:#0000000d;color:#333}.dev-link-button:hover{transform:scale(1.05)}.dev-modal-content p{line-height:1.7;margin-bottom:15px;text-align:left;white-space:pre-wrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px 30px;border-radius:15px;display:flex;flex-direction:column;gap:15px;width:300px;box-shadow:0 5px 20px #0003;text-align:center;-webkit-user-select:none;user-select:none}.modal-content h2{margin:0 0 10px;font-family:Montserrat,sans-serif;color:#333}.share-btn{padding:12px 15px;border:none;border-radius:8px;font-size:16px;font-weight:700;font-family:Pretendard,sans-serif;cursor:pointer;transition:all .2s ease;color:#fff}.share-btn:hover{opacity:.85}.share-btn.copy{background-color:#007bff}.share-btn.close{background-color:#e9ecef;color:#555;margin-top:10px}.dev-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.dev-modal-content{background:#fff;padding:30px 40px;border-radius:15px;box-shadow:0 5px 20px #0003;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;font-family:Pretendard,sans-serif;color:#333}.dev-modal-content h2,.dev-modal-content p{text-align:left}.dev-modal-content h2{font-family:Montserrat,sans-serif;color:#ff69b4;margin-top:20px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:5px}.dev-modal-content h2:first-of-type{margin-top:0}.dev-modal-content p{line-height:1.7;margin-bottom:15px}.dev-modal-content .dev-links{display:flex;gap:20px;margin-top:15px;text-align:left}.dev-modal-content .dev-links a{font-family:Montserrat,sans-serif;font-weight:700;color:#007bff;text-decoration:none}.dev-modal-content .dev-links a:hover{text-decoration:underline}.dev-modal-close-btn{display:inline-block;padding:12px 24px;background-color:#ff69b4;color:#fff;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:700;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:30px}.dev-modal-close-btn:hover{transform:scale(1.05)}