:root{--heaven-gold: #FFD700;--hell-red: #8B0000;--neutral-gray: #333333;--bg-gradient-top: #87CEEB;--bg-gradient-bottom: #4682B4;--font-stack: Arial, sans-serif;--vh: 1vh;--vw: 1vw;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--safe-left: env(safe-area-inset-left, 0);--safe-right: env(safe-area-inset-right, 0);--keyboard-offset: 0px;--thumb-reach: 60px;--min-touch-target: 44px;--comfortable-touch-target: 48px;--gpu-accelerated: translateZ(0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-stack);background:linear-gradient(#87ceeb,#4682b4);min-height:100vh;min-height:-webkit-fill-available;display:flex;justify-content:center;align-items:center;padding:1rem;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:hidden;position:fixed;width:100%;height:100%}html{height:-webkit-fill-available;background:#87ceeb}.game-container{max-width:600px;width:100%;text-align:center;padding:1rem;padding-bottom:200px;position:relative}.game-logo{max-width:200px;height:auto;margin:0 auto 1rem;display:block}@media(max-width:480px){.game-logo{max-width:150px;margin-bottom:.5rem}}@keyframes particle-heaven{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--offset-x)),calc(-50% + var(--offset-y) - 100px)) scale(1.5) rotate(360deg)}}@keyframes particle-hell{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--offset-x)),calc(-50% + var(--offset-y) + 100px)) scale(1.2)}}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-150%) scale(1.2)}to{opacity:0;transform:translate(-50%,-250%) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake{animation:shake .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .3s ease-in-out}@keyframes milestonePopIn{0%{transform:translate(-50%,-50%) scale(0) rotate(-180deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg);opacity:1}70%{transform:translate(-50%,-50%) scale(.9) rotate(-5deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes cardFlip{0%{transform:perspective(800px) rotateY(0)}50%{transform:perspective(800px) rotateY(90deg);opacity:.5}to{transform:perspective(800px) rotateY(180deg);opacity:0}}.card-flip-out{animation:cardFlip .4s ease-in-out forwards}@keyframes cardFlipIn{0%{transform:perspective(800px) rotateY(-180deg);opacity:0}50%{transform:perspective(800px) rotateY(-90deg);opacity:.5}to{transform:perspective(800px) rotateY(0);opacity:1}}.card-flip-in{animation:cardFlipIn .4s ease-in-out forwards}h1{font-size:1.8rem;color:#1a1a1a;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,255,255,.9),0 2px 4px rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.3);font-weight:700}.meter-container{margin:1rem 0;display:flex;align-items:center;justify-content:center;gap:1rem}.meter-icon{width:32px;height:32px;opacity:.9}@media(max-width:480px){.meter-icon{width:24px;height:24px}}.heaven-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.hell-icon{filter:drop-shadow(0 0 8px rgba(139,0,0,.6))}.meter{width:80%;height:30px;background:#fff;border:2px solid var(--neutral-gray);border-radius:15px;overflow:hidden;position:relative;margin:0 auto;box-shadow:inset 0 2px 4px #0000001a}.meter:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,transparent,transparent 9%,rgba(0,0,0,.1) 9%,rgba(0,0,0,.1) 10%);z-index:2;pointer-events:none}.meter-fill{height:100%;background:linear-gradient(to right,gold,#333,#8b0000);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;will-change:width}.meter-fill:after{content:"";position:absolute;top:0;right:-10px;width:20px;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);filter:blur(8px);opacity:.8}.meter-fill.heaven-leaning{box-shadow:0 0 20px #ffd70099}.meter-fill.hell-leaning{box-shadow:0 0 20px #8b000099}.meter-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1a1a1a;font-weight:700;z-index:3;text-shadow:0 0 6px rgba(255,255,255,.9),0 1px 2px rgba(255,255,255,.8),0 1px 1px rgba(0,0,0,.2);font-size:.9rem}.sin-card{background:#fff;border-radius:10px;padding:1rem;margin:1rem 0;box-shadow:0 2px 5px #0003;min-height:100px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:none}#sin-text{transition:opacity .2s ease}.sin-category-badge{position:absolute;top:-15px;right:10px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #0003;display:none;z-index:10;animation:badgeSlideIn .3s ease forwards}@keyframes badgeSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.sin-category-badge.show{display:block}.sin-category-badge.petty{background:linear-gradient(135deg,#9370db,#8a2be2);color:#fff}.sin-category-badge.modern{background:linear-gradient(135deg,#00ced1,#20b2aa);color:#fff}.sin-category-badge.workplace{background:linear-gradient(135deg,#4682b4,#5f9ea0);color:#fff}.sin-category-badge.relationship{background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff}.sin-category-badge.social{background:linear-gradient(135deg,#32cd32,#228b22);color:#fff}.sin-category-badge.existential{background:linear-gradient(135deg,#483d8b,#6a5acd);color:#fff}.sin-category-badge.digital{background:linear-gradient(135deg,tomato,#ff4500);color:#fff}.sin-card.swoosh-left{animation:swoosh-left .3s ease forwards}.sin-card.swoosh-right{animation:swoosh-right .3s ease forwards}@keyframes swoosh-left{to{transform:translate(-100%);opacity:0}}@keyframes swoosh-right{to{transform:translate(100%);opacity:0}}.gesture-hints{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;opacity:0;transition:opacity .3s ease}.gesture-hints.show{opacity:1}.hint-arrow{display:flex;flex-direction:column;align-items:center;font-size:24px;opacity:.3;transition:all .2s ease}.hint-arrow span{font-size:30px;margin-bottom:5px}.hint-arrow small{font-size:12px;text-transform:uppercase;letter-spacing:1px}.hint-left{color:var(--heaven-gold)}.hint-right{color:var(--hell-red)}.touch-ripple{position:fixed;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:ripple-expand .6s ease-out;pointer-events:none;z-index:9999}@keyframes ripple-expand{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.sin-card.preview-forgive{background:linear-gradient(to right,#ffd70033,#fff)!important}.sin-card.preview-forgive .hint-left{opacity:1;transform:scale(1.2)}.sin-card.preview-condemn{background:linear-gradient(to left,#8b000033,#fff)!important}.sin-card.preview-condemn .hint-right{opacity:1;transform:scale(1.2)}.sin-card.holding{transform:scale(.95);box-shadow:0 8px 20px #0000004d}.sin-card.exit-left{animation:exitLeft .3s ease-out forwards}.sin-card.exit-right{animation:exitRight .3s ease-out forwards}.sin-card.exit-up{animation:exitUp .3s ease-out forwards}@keyframes exitLeft{to{transform:translate(-150%) rotate(-30deg);opacity:0}}@keyframes exitRight{to{transform:translate(150%) rotate(30deg);opacity:0}}@keyframes exitUp{to{transform:translateY(-150%) scale(.5);opacity:0}}.timer-bar{width:100%;height:8px;background:#0003;position:absolute;bottom:0;left:0;border-radius:0 0 10px 10px}.timer-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:0 0 10px 10px;box-shadow:0 0 10px #4caf5080}.timer-bar.active:after{animation:timer var(--timer-duration, 3.5s) linear forwards}.timer-bar.pulse:after{animation:timer var(--timer-duration, 3.5s) linear forwards,timerPulse .5s ease-in-out infinite;background:linear-gradient(90deg,#ff6b6b,red);box-shadow:0 0 15px #f009}@keyframes timer{to{width:0}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.timer-bar.timer-paused:after{animation-play-state:paused!important;background:linear-gradient(90deg,orange,#ff8c00);box-shadow:0 0 10px #ffa500cc}.timer-bar.timer-paused:before{content:"⏸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;z-index:10;text-shadow:0 0 3px rgba(0,0,0,.5)}.button-container{display:flex;justify-content:space-around;margin:1rem 0}.judge-btn{padding:.8rem 2rem;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;min-width:120px;min-height:44px;transition:all .1s ease;position:relative;box-shadow:0 4px 6px #0003;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.judge-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}.judge-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.judge-btn:active{transform:translateY(2px);box-shadow:0 2px 4px #0003}.heaven-btn{background:var(--heaven-gold);color:var(--neutral-gray)}.heaven-btn:hover{background:#ffe033}.hell-btn{background:var(--hell-red);color:#fff}.hell-btn:hover{background:#a00000}.stats-container{margin-top:1rem;font-size:1rem;color:#1a1a1a;text-shadow:0 0 8px rgba(255,255,255,.9),0 2px 3px rgba(255,255,255,.7),0 1px 2px rgba(0,0,0,.2);font-weight:600}.stats-container p{margin:.5rem 0;display:inline-block;margin:0 1rem}.stats-container span{font-weight:700;font-size:1.2rem;display:inline-block;min-width:3rem;text-align:center;transition:all .3s ease}.stats-container span.pop{animation:popNumber .4s ease}.streak-container{display:inline-flex;align-items:center;position:relative}.streak-fire{font-size:1.5rem;margin-left:.5rem;animation:flicker 1.5s ease-in-out infinite;display:none}.streak-fire.active{display:inline-block}.streak-multiplier{position:absolute;top:-8px;right:-25px;background:var(--heaven-gold);color:var(--neutral-gray);padding:1px 4px;border-radius:10px;font-size:.6rem;font-weight:700;display:none}.streak-multiplier.active{display:block;animation:bounceIn .5s ease}@keyframes popNumber{0%{transform:scale(1)}50%{transform:scale(1.4);color:var(--heaven-gold)}to{transform:scale(1)}}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bounceIn{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:480px){h1{font-size:1.3rem;margin-bottom:.5rem}.game-container{padding:.5rem;padding-bottom:90px;padding-top:calc(var(--safe-top) + .5rem);max-height:100vh;overflow:hidden}.judge-btn{font-size:1rem;padding:.8rem 1.2rem;min-height:var(--comfortable-touch-target);min-width:100px;touch-action:manipulation}.sin-card{font-size:.85rem;padding:.6rem;min-height:70px;margin:.5rem 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.button-container{gap:.5rem;margin:.5rem 0}.stats-container{margin-top:.5rem;font-size:.85rem}.stats-container p{margin:.25rem .3rem;font-size:.85rem}.meter-container{margin:.5rem 0}.meter{width:90%;height:25px}.streak-multiplier{right:-20px;top:-6px;font-size:.5rem;padding:1px 3px}.menu-btn{width:45px;height:45px;top:calc(var(--safe-top) + 15px);right:calc(var(--safe-right) + 15px)}.mobile-device .button-container{opacity:.4;transform:scale(.9);transition:all .3s ease}.mobile-device .button-container:hover{opacity:1;transform:scale(1)}.mobile-device .gesture-hints{display:flex}.mobile-device .sin-card:before{content:"👆 Swipe or tap to judge";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:.7rem;color:#666;opacity:.7;pointer-events:none}.mobile-device .sin-card.holding:before{content:"⏸️ Hold to pause timer";color:gold;opacity:1}}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.menu-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#fff;border:2px solid var(--neutral-gray);border-radius:50%;cursor:pointer;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px #0003;transition:all .2s ease}.menu-btn span{width:20px;height:2px;background:var(--neutral-gray);transition:all .3s ease}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.menu-btn.active span:nth-child(1){transform:rotate(45deg) translateY(6px)}.menu-btn.active span:nth-child(2){opacity:0}.menu-btn.active span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;opacity:0;transition:opacity .3s ease}.menu-overlay.active{display:block;opacity:1}.menu-content{position:fixed;top:80px;right:20px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 20px #0000004d;min-width:200px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;margin:8px 0;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.menu-item:hover{background:#e0e0e0;transform:translate(-2px)}.menu-icon{width:24px;height:24px}.start-btn{margin-top:1rem;padding:1rem 2rem;font-size:1.2rem;background:var(--heaven-gold);color:var(--neutral-gray);border:none;border-radius:5px;cursor:pointer;transition:transform .1s ease;font-weight:700}.start-btn:hover{transform:scale(1.05)}.start-btn:active{transform:scale(.95)}.soul-animation{position:fixed;width:40px;height:60px;object-fit:contain;z-index:1000;opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .15s ease;pointer-events:none}.soul-ascending{filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.soul-falling{filter:drop-shadow(0 0 10px rgba(139,0,0,.8))}#last-judged-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #0003;width:90%;max-width:500px;font-size:.9rem;z-index:50;display:none;max-height:120px;overflow-y:auto}#last-judged-panel h3{margin-top:0;font-size:1rem;color:#1a1a1a;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:12px;font-weight:600}#last-sins-list{list-style:none;padding-left:0;margin:0}#last-sins-list li{margin-bottom:.75rem;display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px}#last-sins-list li span{flex:1;line-height:1.4}.copy-btn,.share-btn{font-size:.8rem;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:1px solid #2968A3;color:#fff;font-weight:700;transition:all .2s ease}.copy-btn:hover{background:linear-gradient(135deg,#357abd,#2968a3);transform:translateY(-1px);box-shadow:0 2px 8px #357abd66}.copy-btn:active{transform:translateY(0);box-shadow:none}.copy-btn.loading{opacity:.6;pointer-events:none}.copy-btn.loading:after{content:"...";animation:loadingDots 1s infinite}.share-btn{background:linear-gradient(135deg,gold,orange);border:1px solid #FF8C00;color:#1a1a1a;font-weight:700;transition:all .2s ease}.share-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-1px);box-shadow:0 2px 8px #ff8c0066}.share-btn:active{transform:translateY(0);box-shadow:none}.share-btn.loading{opacity:.6;pointer-events:none}.share-btn.loading:after{content:"...";animation:loadingDots 1s infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}#share-card-template{display:none;width:480px;background:#0a0a0a;font-family:var(--font-stack);position:absolute;left:-9999px;overflow:hidden}#share-card-template.heaven-verdict{background:linear-gradient(135deg,#1a3a52,#2a4a62 50%,gold 200%)}#share-card-template.hell-verdict{background:linear-gradient(135deg,#1a0a0a,#3a1a1a 50%,#8b0000 200%)}.share-card-content{padding:40px 30px;position:relative;z-index:2}#share-logo{width:140px;display:block;margin:0 auto 25px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.8))}#share-sin{font-size:22px;text-align:center;margin:0 0 20px;line-height:1.5;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:500;padding:0 20px}#share-verdict{font-size:20px;text-align:center;margin:0 0 25px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700;line-height:1.4}#share-footer{font-size:16px;text-align:center;color:#fff;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:1px}#share-footer strong{color:gold;font-size:18px}#share-card-template:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.1) 0%,transparent 40%);pointer-events:none}#share-card-template:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#FFD700,transparent);opacity:.6}@media(max-width:768px){#last-judged-panel{width:95%;bottom:10px;padding:10px;max-height:100px}}@media(max-width:480px){#last-judged-panel{font-size:.75rem;bottom:5px;padding:8px;max-height:80px}#last-judged-panel h3{font-size:.85rem;margin-bottom:6px;padding-bottom:4px}#last-sins-list{margin:0}#last-sins-list li{font-size:.7rem;margin-bottom:.4rem;gap:4px}.copy-btn,.share-btn{font-size:.65rem;padding:2px 4px}}.flash-fail{animation:flashFail .4s ease}@keyframes flashFail{0%{background-color:#8b000040;background-image:linear-gradient(#8b000040,#8b000026)}to{background-color:transparent;background-image:linear-gradient(var(--bg-gradient-top),var(--bg-gradient-bottom))}}.golden-sin{animation:goldenPulse .8s ease-in-out infinite alternate;border:2px solid #FFD700!important;background:linear-gradient(135deg,#fff8dc,#fffacd)!important}.golden-sin #sin-text{color:#b8860b;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}@keyframes goldenPulse{0%{box-shadow:0 0 20px #ffd70099}to{box-shadow:0 0 40px #ffd700e6,inset 0 0 20px #ffd7004d}}.clutch-save{animation:clutchFlash .3s ease-out}@keyframes clutchFlash{0%{border-color:#ff8c00}50%{border-color:gold;transform:scale(1.05)}to{border-color:#333}}.divine-pot{position:absolute;top:10px;left:20px;font-size:1rem;color:gold;background:#000000b3;padding:8px 15px;border-radius:20px;border:2px solid #FFD700;text-shadow:0 0 10px rgba(255,215,0,.8);transition:all .3s ease;animation:potGlow 2s ease-in-out infinite;z-index:100;font-weight:700}@keyframes potGlow{0%,to{box-shadow:0 0 10px #ffd70099;border-color:gold}50%{box-shadow:0 0 20px gold,0 0 30px #ffd700b3;border-color:#fff}}#pot-value{font-weight:700;font-size:1.1rem;display:inline-block;transition:transform .3s ease}.divine-pot.pulse-pot #pot-value{animation:potPulse .5s ease}@keyframes potPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3);color:#fff;text-shadow:0 0 20px rgba(255,215,0,1)}}@keyframes spillAnimation{0%{transform:translate(-50%) translateY(0) scale(.8);opacity:0}20%{transform:translate(-50%) translateY(0) scale(1.1);opacity:1}80%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(20px) scale(.9);opacity:0}}@keyframes coinFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(300px) translate(var(--offset-x)) rotate(720deg);opacity:0}}@keyframes potShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.timer-bar.paused-for-milestone{background:linear-gradient(90deg,gold,orange)!important;opacity:.7}.timer-bar.paused-for-milestone:after{content:"PAUSED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(max-width:480px){.divine-pot{position:absolute;top:5px;left:10px;font-size:.75rem;background:#0009;padding:4px 8px;border-radius:12px;z-index:100}.pot-label{font-size:.7rem}#pot-value{font-size:.85rem}}@keyframes potBurst{0%{opacity:0;transform:translate(-50%) scale(.5)}50%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-50px) scale(1)}}.frenzy-mode{animation:frenzyBg .5s ease infinite alternate}@keyframes frenzyBg{0%{background-color:#ffd7001a}to{background-color:#ff64001a}}.frenzy-mode .sin-card{animation:frenzyShake .1s ease infinite}@keyframes frenzyShake{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-1deg)}75%{transform:translate(2px) rotate(1deg)}}@keyframes frenzyBounce{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.05)}}@keyframes floatUpFade{0%{opacity:0;transform:translate(-50%,-50%)}50%{opacity:1;transform:translate(-50%,-70%)}to{opacity:0;transform:translate(-50%,-100%)}}.streak-multiplier.active{animation:multiplierPulse .6s ease infinite}@keyframes multiplierPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pop{animation:popNumber calc(.4s * var(--pop-scale, 1.2)) ease}.frenzy-start-btn{padding:15px 30px!important;font-size:1.3rem!important;font-weight:700;border:none;background:#ff4500;color:#fff;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-top:10px;box-shadow:0 4px 15px #ff450066;transition:all .2s ease}.frenzy-start-btn:hover{background:#ff6500;transform:scale(1.05);box-shadow:0 6px 20px #ff450099}.frenzy-start-btn:active{transform:scale(.98)}.share-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#000000e6;color:gold;padding:12px 24px;border-radius:24px;font-weight:700;animation:toastSlideIn .3s ease;z-index:1000}@keyframes toastSlideIn{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes penaltyFloat{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-10px) scale(1.2)}to{opacity:0;transform:translate(-50%,-60px) scale(.8)}}@keyframes protectBounce{0%{opacity:0;transform:translate(-50%) translateY(20px)}50%{opacity:1;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#streak-count.protected{position:relative}#streak-count.protected:after{content:"🛡️";position:absolute;right:-25px;top:-2px;font-size:.8rem;animation:shieldPulse 2s ease infinite}@keyframes shieldPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.keyboard-visible{--keyboard-height: 0px}.keyboard-visible #last-judged-panel{bottom:calc(var(--keyboard-height) + 10px);transition:bottom .3s ease}.keyboard-visible .divine-pot{bottom:calc(var(--keyboard-height) + 80px);transition:bottom .3s ease}@media(orientation:landscape)and (max-height:500px){.game-container{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto 1fr auto;gap:.5rem;max-width:100%;height:100vh;padding:.5rem}.game-logo{grid-column:1 / -1;max-width:120px;margin:0 auto .5rem}.meter-container{grid-column:1 / -1;margin:.5rem 0}.sin-card{grid-column:2;max-height:calc(100vh - 120px);overflow-y:auto;margin:0}.stats-container{grid-column:1;align-self:start;margin-top:1rem}.button-container{position:fixed;bottom:calc(var(--safe-bottom) + 10px);left:50%;transform:translate(-50%);display:flex;gap:3rem;z-index:100}.judge-btn{min-width:120px;min-height:50px;font-size:1.1rem}#last-judged-panel{position:fixed;right:calc(var(--safe-right) + 10px);top:calc(var(--safe-top) + 60px);bottom:calc(var(--safe-bottom) + 60px);left:auto;width:200px;max-width:200px;transform:translate(180px);transition:transform .3s ease;overflow-y:auto}.divine-pot{position:fixed;top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);bottom:auto;font-size:.8rem;background:#000000b3;color:gold;padding:6px 12px;border-radius:15px;z-index:40}}.panel-tab{position:absolute;left:-25px;top:50%;transform:translateY(-50%);width:25px;height:60px;background:#fff;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#333;box-shadow:-2px 0 5px #0000001a;z-index:1;transition:all .2s ease}.panel-tab:hover{background:#f5f5f5}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.soul-animation{display:none!important}}@media(prefers-color-scheme:dark){:root{--bg-gradient-top: #1a1a2e;--bg-gradient-bottom: #16213e;--neutral-gray: #e0e0e0}.sin-card,.menu-content,#last-judged-panel{background:#2a2a2a;color:#e0e0e0}}.shop-btn{margin-top:12px;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-family:var(--font-stack);background:var(--heaven-gold);color:var(--neutral-gray);box-shadow:0 3px 10px #00000040;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;min-height:var(--min-touch-target)}.shop-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;filter:brightness(1.05)}.shop-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000040}.shop-btn:focus-visible{outline:3px solid var(--bg-gradient-bottom);outline-offset:2px}.shop-overlay,.runend-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10001;padding:16px}.shop-overlay[hidden],.runend-overlay[hidden]{display:none}.shop-content,.runend-content{background:#fff;color:#1a1a1a;padding:24px;border-radius:16px;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0006;font-family:var(--font-stack)}.shop-content h2,.runend-content h2{margin-top:0}.shop-souls{font-weight:700}.shop-content ul{list-style:none;margin:0;padding:0}.shop-content li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.shop-content li button{margin-left:auto;padding:6px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:700;background:var(--bg-gradient-bottom);color:#fff;min-height:var(--min-touch-target);transition:filter .15s ease}.shop-content li button:hover:not(:disabled){filter:brightness(1.1)}.shop-content li button:disabled{background:#ccc;color:#777;cursor:not-allowed}.shop-desc{flex-basis:100%;font-size:.85rem;opacity:.75}.shop-price{font-weight:700;color:var(--bg-gradient-bottom)}.shop-close,.runend-continue{margin-top:16px;padding:10px 18px;border:none;border-radius:12px;cursor:pointer;font-weight:700;background:var(--bg-gradient-bottom);color:#fff;min-height:var(--min-touch-target);transition:filter .15s ease}.shop-close:hover,.runend-continue:hover{filter:brightness(1.1)}.corruption-bar{height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-top:6px}#corruption-fill{height:100%;width:0;background:linear-gradient(90deg,var(--hell-red),#DC143C);transition:width .3s ease}@media(max-width:768px){.shop-overlay,.runend-overlay{align-items:center}.shop-content,.runend-content{max-height:85vh}}.decree-banner{margin:8px auto 0;max-width:90%;padding:4px 14px;border-radius:999px;font-size:.82rem;font-weight:600;color:#5a4500;background:linear-gradient(90deg,#ffd700d9,#ffc850d9);box-shadow:0 2px 8px #00000026;text-align:center}.shop-section-title{margin:18px 0 4px;font-size:.95rem;color:#1a1a1a;border-top:1px solid #eee;padding-top:12px}#shop-idle-list{list-style:none;padding:0;margin:0}#shop-idle-list li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eee}#shop-idle-list li button{margin-left:auto}#prestige-cancel{margin-top:8px}