:root{--bg-color: #1a1a1a;--text-gold: #c5a059;--skin-tone: #e6c2a0;--skin-shadow: #d4a88ad0}*{box-sizing:border-box;margin:0;padding:0;touch-action:none;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-color);font-family:Roboto,sans-serif;height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shaking{animation:shake .5s;animation-iteration-count:infinite}#intro-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;z-index:100;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}.intro-content{color:#fff}.intro-content h1{font-family:Pirata One,cursive;font-size:3rem;color:var(--text-gold);margin-bottom:20px}.intro-content p{font-size:1.2rem;margin-bottom:10px;line-height:1.5}.intro-sub{color:#888;font-size:1rem!important;margin-top:20px!important;font-style:italic}#start-btn{margin-top:40px;background:transparent;border:2px solid var(--text-gold);color:var(--text-gold);padding:15px 40px;font-family:Pirata One,cursive;font-size:1.5rem;cursor:pointer;transition:all .3s}#start-btn:active{background:var(--text-gold);color:#000}#intro-layer.hidden{opacity:0;pointer-events:none;transition:opacity .5s ease}#voucher-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#2a2a2a,#000);display:flex;justify-content:center;align-items:center;z-index:1;text-align:center;color:var(--text-gold)}.voucher-card{border:4px double var(--text-gold);padding:30px;background:#1a1a1a;box-shadow:0 0 30px #c5a05926;max-width:90%;width:350px;position:relative}.voucher-card:before{content:"";position:absolute;inset:5px;border:1px solid #444;pointer-events:none}.voucher-header{display:flex;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:10px;margin-bottom:20px;font-family:Courier New,monospace;font-size:.8rem;color:#888}.voucher-title{font-family:Pirata One,cursive;font-size:3.5rem;color:var(--text-gold);line-height:1;text-shadow:2px 2px 0px #000}.voucher-for{font-size:1.2rem;margin:10px 0;color:#ccc}.voucher-for strong{color:#fff;font-family:Cinzel Decorative,cursive;font-size:1.4rem}.voucher-divider{margin:15px 0;color:var(--text-gold);font-size:1.5rem}.voucher-offer{font-family:Cinzel Decorative,cursive;font-size:1.8rem;color:#fff;line-height:1.3;border-top:1px solid #333;border-bottom:1px solid #333;padding:15px 0;margin:10px 0}.read-number{font-family:Roboto,sans-serif;font-weight:700;color:var(--text-gold);font-size:2.2rem;margin-right:5px;vertical-align:middle}.voucher-details{font-size:.9rem;color:#888;font-style:italic}.voucher-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:15px}.sign-box{display:flex;flex-direction:column;align-items:center}.sign-label{font-size:.7rem;text-transform:uppercase;color:#555;margin-bottom:5px}.signature{font-family:Caveat,cursive;font-size:1.5rem;color:var(--text-gold);transform:rotate(-5deg)}.date{font-family:Courier New,monospace;color:#ccc}#scratch-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;cursor:crosshair;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23c5a059" d="M12 2L12 22M9 19L15 19" stroke="%23c5a059" stroke-width="2"/></svg>') 12 24,crosshair;transition:opacity 1s ease}#scratch-canvas.fade-out{opacity:0;pointer-events:none}#ui-layer{position:absolute;top:20%;width:100%;text-align:center;z-index:60;pointer-events:none}#ui-layer.hidden{opacity:0}#instructions{color:#ffffffe6;font-family:Pirata One,cursive;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:opacity .5s ease}#success-modal{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:80;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .5s ease}#success-modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#222;border:1px solid var(--text-gold);padding:40px;text-align:center;border-radius:8px;color:#fff;box-shadow:0 0 30px #c5a0594d}.modal-content h2{font-family:Pirata One,cursive;font-size:2.5rem;color:var(--text-gold);margin-bottom:20px}#claim-btn{margin-top:20px;background:var(--text-gold);color:#000;border:none;padding:10px 30px;font-family:Roboto,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;border-radius:4px}#claim-btn:active{transform:scale(.95)}
