*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;background:#0a0f0d;font-display:swap}#app{width:100vw;height:100vh;position:relative}#canvas{display:block;width:100%;height:100%;touch-action:none}.info{position:fixed;top:2rem;left:2rem;color:#fff;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fadeIn .8s ease-out}.info h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#d4af37,#f4e4b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info p{font-size:.95rem;color:#ffffffb3;font-weight:400}.mobile-text{display:none}@media(pointer:coarse){.desktop-text{display:none}.mobile-text{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.info{top:1rem;left:1rem;right:1rem}.info h1{font-size:1.5rem}.info p{font-size:.85rem}}@media print{body{background:#fff}.info{color:#0a0f0d}#canvas{display:none}}.loading{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0a0f0d;color:#d4af37;font-size:1.2rem}.liquid-glass{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a}#waffle-btn{position:fixed;bottom:2rem;left:50%;transform:translateY(20px) scale(.9) translate(-50%);opacity:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:50;transition:all .3s cubic-bezier(.25,.8,.25,1);outline:none}#waffle-btn:hover{background:#ffffff26;box-shadow:0 12px 40px #0006,inset 0 1px 1px #fff3;transform:translateY(-2px) scale(1.05) translate(-50%)}#waffle-btn:active{transform:translateY(0) scale(.95) translate(-50%)}#waffle-btn svg{width:28px;height:28px;color:#d4af37}.liquid-glass-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0f0d80;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.liquid-glass-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.liquid-glass-modal:before{content:"";position:absolute;width:90%;max-width:360px;height:auto;min-height:420px;background:#ffffff14;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 64px #0006,inset 0 1px 1px #fff3;border-radius:28px;z-index:-1;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(1) translateY(0)}.liquid-glass-modal.hidden:before{transform:scale(.9) translateY(20px)}.liquid-glass-modal h2{color:#fff;font-size:1.5rem;margin-bottom:.2rem;font-weight:600;text-align:center}.liquid-glass-modal .subtitle{color:#d4af37;font-size:.9rem;margin-bottom:1.5rem;text-align:center}#close-modal{position:absolute;top:max(2rem,calc(50vh - 190px));right:max(1.5rem,calc(50vw - 160px));background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:101}#close-modal:hover{background:#fff3}#qr-container{background:#fff;padding:1rem;border-radius:16px;box-shadow:0 8px 24px #0003;margin-bottom:2rem}#qr-container img{display:block;margin:0 auto}.modal-actions{display:flex;gap:1rem;width:100%;max-width:300px}.action-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem 1rem;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-family:inherit}.action-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-btn:active{transform:translateY(0)}.action-btn svg{color:#d4af37}@media(max-width:480px){.liquid-glass-modal:before{width:92%}}