*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e5e7eb;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.canvas-wrapper{width:100vw;height:100dvh;-webkit-user-select:none;user-select:none}.canvas-wrapper .mobile-tutorial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#ffffff94;border-radius:16px;backdrop-filter:blur(12.7px);-webkit-backdrop-filter:blur(12.7px);border:1px solid rgba(255,255,255,.3);padding:10px;width:90%}.canvas-wrapper .tutorial-keys{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:80px;font-weight:1000}.canvas-wrapper .tutorial-keys span{font-family:sans-serif;font-size:18px;display:flex;justify-content:center;align-items:center;position:relative;padding-bottom:3px;width:48px;height:45px;border-radius:5px;background-color:#fff;color:#444;border-top:1px solid #cccccc;box-shadow:0 3px 0 2px #ccc}.canvas-wrapper .tutorial-keys section{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);place-items:center;grid-gap:1px;width:168px;height:112px}.canvas-wrapper .tutorial-keys section>span:nth-child(1){grid-column:2;grid-row:1}.canvas-wrapper .tutorial-keys section>span:nth-child(2){grid-column:1;grid-row:2}.canvas-wrapper .tutorial-keys section>span:nth-child(3){grid-column:2;grid-row:2}.canvas-wrapper .tutorial-keys section>span:nth-child(4){grid-column:3;grid-row:2}.canvas-wrapper .ticker{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.canvas-wrapper .ticker{top:10px;padding:10px 20px}}.canvas-wrapper .ticker .ticker-symbol{font-size:32px;font-weight:700;color:#333;letter-spacing:2px;font-family:Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.canvas-wrapper .ticker .ticker-symbol{font-size:24px;letter-spacing:1px}}.canvas-wrapper .character-selector{position:absolute;top:20px;left:20px;background:#ffffffe6;border-radius:12px;padding:12px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a;z-index:1000}@media (max-width: 768px){.canvas-wrapper .character-selector{top:10px;left:10px;padding:8px 12px;max-width:calc(100vw - 20px)}}.canvas-wrapper .character-selector label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}@media (max-width: 768px){.canvas-wrapper .character-selector label{font-size:12px;margin-bottom:6px}}.canvas-wrapper .character-selector .character-buttons{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.canvas-wrapper .character-selector .character-buttons{gap:6px}}.canvas-wrapper .character-selector .character-buttons button{padding:8px 16px;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}@media (max-width: 768px){.canvas-wrapper .character-selector .character-buttons button{padding:6px 12px;font-size:12px;min-width:60px}}.canvas-wrapper .character-selector .character-buttons button:hover{background:#f5f5f5;border-color:#999}.canvas-wrapper .character-selector .character-buttons button.active{background:#4a90e2;color:#fff;border-color:#4a90e2;box-shadow:0 2px 4px #4a90e24d}.canvas-wrapper .character-selector .character-buttons button:active{transform:scale(.95)}.canvas-wrapper .social-links{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000;align-items:flex-end}@media (max-width: 768px){.canvas-wrapper .social-links{top:10px;right:10px;gap:8px}}.canvas-wrapper .social-links .ca-display{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 16px;box-shadow:0 4px 6px #0000001a;min-width:280px;max-width:400px}@media (max-width: 768px){.canvas-wrapper .social-links .ca-display{min-width:240px;max-width:calc(100vw - 20px);padding:10px 12px}}.canvas-wrapper .social-links .ca-display .ca-label{font-size:12px;font-weight:600;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.canvas-wrapper .social-links .ca-display .ca-address{font-size:14px;font-weight:500;color:#333;word-break:break-all;margin-bottom:10px;font-family:Courier New,monospace;line-height:1.4}@media (max-width: 768px){.canvas-wrapper .social-links .ca-display .ca-address{font-size:12px}}.canvas-wrapper .social-links .ca-display .copy-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.canvas-wrapper .social-links .ca-display .copy-button:hover:not(:disabled){background:#f5f5f5;border-color:#4a90e2;color:#4a90e2}.canvas-wrapper .social-links .ca-display .copy-button:disabled{opacity:.5;cursor:not-allowed}.canvas-wrapper .social-links .ca-display .copy-button.copied{background:#4a90e2;color:#fff;border-color:#4a90e2}.canvas-wrapper .social-links .ca-display .copy-button svg{flex-shrink:0}.canvas-wrapper .social-links .social-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.canvas-wrapper .social-links .social-button{padding:8px 12px;font-size:12px;gap:6px}.canvas-wrapper .social-links .social-button svg{width:16px;height:16px}}.canvas-wrapper .social-links .social-button svg{flex-shrink:0}.canvas-wrapper .social-links .social-button span{white-space:nowrap}.canvas-wrapper .social-links .social-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background:#fffffff2}.canvas-wrapper .social-links .social-button:active{transform:translateY(0)}.canvas-wrapper .social-links .social-button.x-button:hover{border-color:#000;color:#000}