.quickdraw-wrapper{min-height:100dvh;width:100vw;background-color:var(--purple);background-image:radial-gradient(var(--black) 2px,transparent 2px);background-size:30px 30px;background-position:-15px -15px;color:var(--black);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:1000;touch-action:manipulation;user-select:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.quickdraw-wrapper *{box-sizing:border-box}.quickdraw-impact{font-family:Archivo Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:1px}.quickdraw-space{font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif}.quickdraw-hidden{display:none!important}.quickdraw-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--white);border-bottom:4px solid var(--black);z-index:100}.quickdraw-header>.quickdraw-impact{white-space:nowrap}.quickdraw-back-btn{background-color:var(--yellow);color:var(--black);border:3px solid var(--black);padding:.5rem 1rem;font-size:1.2rem;border-radius:8px;cursor:pointer;box-shadow:3px 3px 0 var(--black);transition:all .1s ease;text-decoration:none}.quickdraw-back-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.quickdraw-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.quickdraw-instruction-card{background-color:var(--white);border:4px solid var(--black);border-radius:16px;padding:2.5rem 1.5rem;text-align:center;box-shadow:8px 8px 0 var(--black);width:100%;max-width:500px}.quickdraw-instruction-card h2{font-size:3rem;margin-bottom:1rem;color:var(--black);-webkit-text-stroke:0;text-shadow:4px 4px 0 var(--yellow);line-height:1}.quickdraw-setting-row{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:.5rem 0;border-top:2px dashed rgba(0,0,0,.2)}.quickdraw-select{padding:.4rem .8rem;font-size:1.2rem;background:var(--mint);border:3px solid var(--black);border-radius:8px;font-weight:700;cursor:pointer;outline:none}.quickdraw-toggle{appearance:none;width:50px;height:26px;background:#ccc;border-radius:50px;border:3px solid var(--black);position:relative;cursor:pointer;outline:none}.quickdraw-toggle:after{content:"";position:absolute;top:1px;left:2px;width:18px;height:18px;background:var(--white);border-radius:50%;border:2px solid var(--black);transition:.2s}.quickdraw-toggle:checked{background:var(--yellow)}.quickdraw-toggle:checked:after{left:24px}.quickdraw-action-btn{background-color:var(--yellow);color:var(--black);font-size:2.5rem;padding:1.5rem;width:100%;max-width:500px;border:4px solid var(--black);border-radius:16px;box-shadow:8px 8px 0 var(--black);cursor:pointer;transition:all .1s ease;margin-top:2rem}.quickdraw-action-btn:active{transform:translate(8px,8px);box-shadow:0 0 0 var(--black)}.quickdraw-play{flex:1;display:flex;flex-direction:column;background-color:var(--black);position:relative;overflow:hidden}.quickdraw-tap-area{flex:1;width:100%;display:flex;justify-content:center;align-items:center;position:relative;transition:background-color .1s}.quickdraw-tap-p2{background-color:#FF3B3B;border-bottom:6px solid var(--black);transform:rotate(180deg)}.quickdraw-tap-p1{background-color:#32C5FF}.quickdraw-tap-area:active{filter:brightness(.8)}.quickdraw-player-label{position:absolute;bottom:20px;font-size:2rem;color:var(--white);-webkit-text-stroke:2px var(--black);text-shadow:4px 4px 0 var(--black);opacity:.5}.quickdraw-score-bar{position:absolute;bottom:70px;display:flex;gap:15px;z-index:40;pointer-events:none}.bullet-hole{width:28px;height:28px;background-color:rgba(0,0,0,.3);border:3px solid var(--black);border-radius:50%;box-shadow:inset 2px 2px 4px rgba(0,0,0,.5);transition:background-color .2s}.bullet-hole.filled{background-color:var(--yellow);box-shadow:inset -2px -2px 0 rgba(0,0,0,.2),0 0 8px var(--yellow)}.quickdraw-ready-text{font-size:3rem;color:var(--yellow);-webkit-text-stroke:2px var(--black);text-shadow:4px 4px 0 var(--black);animation:pulseText 1s infinite alternate}.quickdraw-center-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10;pointer-events:none}.quickdraw-center-status,.quickdraw-status-badge{display:flex;justify-content:center;align-items:center}.quickdraw-status-badge{background-color:var(--black);color:var(--white);border:4px solid var(--white);border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.8);transition:all .1s cubic-bezier(.175,.885,.32,1.275);flex-direction:column;overflow:hidden}.quickdraw-status-text-p1,.quickdraw-status-text-p2{font-size:2.5rem;padding:.8rem 3rem;width:100%;text-align:center}.quickdraw-status-text-p2{transform:rotate(180deg)}.quickdraw-status-divider{width:100%;height:4px;background-color:var(--white)}.quickdraw-status-badge.draw{background-color:var(--yellow);color:var(--black);border-color:var(--black);transform:scale(1.15);animation:shake .5s infinite}.quickdraw-status-badge.draw .quickdraw-status-divider{background-color:var(--black)}.quickdraw-status-badge.fakeout{background-color:var(--boomred);color:var(--white);border-color:var(--black);transform:scale(1.1)}.quickdraw-status-badge.fakeout .quickdraw-status-divider{background-color:var(--black)}@keyframes pulseText{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes shake{0%{transform:scale(1.15) rotate(0deg)}25%{transform:scale(1.15) rotate(2deg)}50%{transform:scale(1.15) rotate(0deg)}75%{transform:scale(1.15) rotate(-2deg)}to{transform:scale(1.15) rotate(0deg)}}.quickdraw-flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--white);pointer-events:none;z-index:20;transition:opacity .1s}.quickdraw-quit-match-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:var(--white);color:var(--black);border:4px solid var(--black);border-radius:50%;font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:30;box-shadow:3px 3px 0 var(--black);transition:all .1s}.quickdraw-quit-match-btn:active{transform:translateY(-50%) translate(3px,3px);box-shadow:0 0 0 var(--black)}.quickdraw-game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(26,26,26,.95);z-index:50;color:var(--white);gap:1.5rem;text-align:center;padding:1rem}.quickdraw-winner-text{font-size:5rem;color:var(--yellow);-webkit-text-stroke:3px var(--black);text-shadow:8px 8px 0 var(--black);margin-bottom:0;line-height:1}.quickdraw-reason-text{font-size:1.5rem;color:var(--white);margin-bottom:2rem;background:var(--black);padding:.5rem 1.5rem;border-radius:8px;border:2px solid var(--white)}.quickdraw-btn-row{display:flex;gap:1rem}.quickdraw-go-btn{background-color:var(--white);color:var(--black);font-size:1.5rem;padding:1rem 2rem;border:4px solid var(--black);border-radius:12px;box-shadow:6px 6px 0 var(--yellow);cursor:pointer;transition:all .1s;text-decoration:none}.quickdraw-go-btn.primary{background-color:var(--yellow)}.quickdraw-go-btn:disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.quickdraw-go-btn:active:not(:disabled){transform:translate(6px,6px);box-shadow:0 0 0 var(--yellow)}@media (max-width:480px){.quickdraw-winner-text{font-size:3.5rem}.quickdraw-status-text-p1,.quickdraw-status-text-p2{font-size:1.8rem;padding:.6rem 2rem}.quickdraw-quit-match-btn{width:40px;height:40px;font-size:1.2rem;right:10px}.quickdraw-btn-row{flex-wrap:wrap;justify-content:center}.quickdraw-header{padding:.8rem 1rem}.quickdraw-back-btn{font-size:.9rem;padding:.4rem .8rem}.quickdraw-header>.quickdraw-impact{font-size:1.2rem!important}}.quickdraw-countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:60;pointer-events:none}.quickdraw-countdown-number{font-size:10rem;color:var(--yellow);-webkit-text-stroke:4px var(--black);text-shadow:10px 10px 0 var(--black);animation:countdownPop 1s ease-out infinite}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}10%{transform:scale(1.1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}