*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#3f0b03}canvas{touch-action:none;display:block}.reset-button{color:#444;cursor:pointer;opacity:0;z-index:100;background:#fffffff2;border:1px solid #0000001a;border-radius:24px;align-items:center;gap:8px;padding:12px 20px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;transition:opacity .3s,transform .3s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 4px 12px #00000026}.reset-button.visible{opacity:1;transform:translateY(0)}.reset-button:hover{background:#fff;box-shadow:0 6px 16px #0003}.reset-button:active{transform:translateY(1px)}.reset-button svg{flex-shrink:0}@media (max-width:480px){.reset-button{padding:10px 16px;font-size:13px;bottom:16px;right:16px}}.canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0}.loading-overlay{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-container{width:100px;height:100px;position:relative}.loading-image{object-fit:contain;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-orbit{width:100%;height:100%;animation:2s linear infinite spin;position:absolute;top:0;left:0}.loading-dot{background-color:#9d1b08;border-radius:50%;width:10px;height:10px;position:absolute}.loading-dot:first-child{top:0;left:50%;transform:translate(-50%)}.loading-dot:nth-child(2){bottom:0;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:2000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#fffdf8;border-radius:12px;max-width:320px;padding:2.5rem 2rem;box-shadow:0 8px 32px #0003}.modal-icon{opacity:.8;width:48px;height:48px;margin-bottom:1rem}.modal-text{color:#333;margin:0;font-family:Georgia,serif;font-size:1.1rem;line-height:1.5}.modal-form{align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.modal-input{border:1px solid #ccc;border-radius:6px;outline:none;flex:1;min-width:0;padding:.5rem .75rem;font-family:Georgia,serif;font-size:.95rem}.modal-input:focus{border-color:#9d1b08}.modal-button{color:#fff;cursor:pointer;background:#9d1b08;border:none;border-radius:6px;flex-shrink:0;padding:.5rem 1rem;font-family:Georgia,serif;font-size:.95rem}.modal-button:hover{background:#7a1506}.flip-hint{color:#fffc;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}