.fingers-root{--orange:#FF7A00;--boomred:#FF3B3B;--bg-color:var(--orange);background-color:var(--bg-color);color:var(--black);display:flex;flex-direction:column;min-height:100dvh;width:100vw;background-image:radial-gradient(#1A1A1A 2px,transparent 0);background-size:30px 30px;background-position:-15px -15px;position:relative;z-index:1;overflow-x:hidden;overflow-y:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.fingers-root *{box-sizing:border-box;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--white);border-bottom:var(--border-width) solid var(--black);position:sticky;top:env(safe-area-inset-top,0);z-index:100}.back-btn{background-color:var(--yellow);color:var(--black);border:var(--border-width) 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}.back-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.game-title{font-size:2.2rem;color:var(--black);line-height:1;white-space:nowrap}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;max-width:600px;margin:0 auto;width:100%;gap:1.5rem;position:relative}.hidden{display:none!important}.view-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.instruction-card{background-color:var(--white);border:var(--border-width) solid var(--black);border-radius:16px;padding:2.5rem 1.5rem;text-align:center;box-shadow:8px 8px 0 var(--black);width:100%}.instruction-card h2{font-size:3rem;margin-bottom:1.5rem;color:var(--white);-webkit-text-stroke:2px var(--black);text-shadow:4px 4px 0 var(--black);line-height:1}.instruction-card p{font-size:1.2rem;font-weight:700;line-height:1.5;margin-bottom:1rem;text-transform:uppercase}.action-btn{background-color:var(--white);color:var(--black);font-size:2rem;padding:1.2rem;width:100%;border:var(--border-width) solid var(--black);border-radius:16px;box-shadow:8px 8px 0 var(--black);cursor:pointer;transition:all .1s ease;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:.5rem}.action-btn:active{transform:translate(8px,8px);box-shadow:0 0 0 var(--black)}.action-btn.primary{background-color:var(--yellow);font-size:2.2rem;padding:1.5rem}.action-btn.danger{background-color:var(--boomred);color:var(--white)}.game-controls{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--black);color:var(--white);padding:.8rem 1.5rem;border-radius:12px;border:var(--border-width) solid var(--black);box-shadow:6px 6px 0 var(--yellow)}.toggle-container{display:flex;align-items:center;gap:.8rem;cursor:pointer}.toggle-switch{width:60px;height:32px;background-color:var(--white);border:var(--border-width) solid var(--black);border-radius:20px;position:relative;transition:background-color .3s}.toggle-knob{width:20px;height:20px;background-color:var(--black);border-radius:50%;position:absolute;top:3px;left:4px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.is-spicy .toggle-switch{background-color:var(--boomred)}.is-spicy .toggle-knob{transform:translateX(26px);background-color:var(--white)}.card-stack{position:relative;min-height:280px;perspective:1000px}.card-stack,.play-card{width:100%;display:flex;justify-content:center;align-items:center}.play-card{background-color:var(--white);border:var(--border-width) solid var(--black);border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:10px 10px 0 var(--black);height:100%;flex-direction:column;position:absolute;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;transform-origin:center bottom}.play-card.spicy-card{background-color:var(--pink);color:var(--black)}.card-label{position:absolute;top:1.5rem;left:0;width:100%;font-size:1.2rem;color:var(--black);opacity:.6}.card-value{font-size:2.2rem;line-height:1.2;margin-top:1.5rem;text-wrap:balance}.card-exit{transform:translateX(-150%) rotate(-20deg) scale(.8)!important;opacity:0}.card-enter{transform:translateX(150%) rotate(20deg) scale(.8);opacity:0}.card-active{transform:translateX(0) rotate(0) scale(1);opacity:1;z-index:10}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(26,26,26,.95);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--white)}.countdown-overlay.finished{background-color:var(--boomred);animation:severeShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes severeShake{0%,to{transform:translateZ(0) rotate(0deg)}10%,90%{transform:translate3d(-10px,-15px,0) rotate(-2deg)}20%,80%{transform:translate3d(15px,10px,0) rotate(2deg)}30%,50%,70%{transform:translate3d(-25px,15px,0) rotate(-3deg)}40%,60%{transform:translate3d(25px,-15px,0) rotate(3deg)}}.count-number{font-size:15rem;line-height:1;text-shadow:12px 12px 0 var(--orange);-webkit-text-stroke:4px var(--orange);animation:popScale 1s linear forwards}.count-text{font-size:6rem;color:var(--white);-webkit-text-stroke:3px var(--black);text-shadow:8px 8px 0 var(--purple);animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.point-emoji{font-size:8rem;filter:drop-shadow(8px 8px 0 var(--purple));animation:pointPulse .5s infinite alternate}.countdown-next-btn{margin-top:3rem;background-color:var(--white);color:var(--black);width:auto;padding:1rem 3rem;font-size:1.5rem;animation:fadeIn .5s ease-in-out}@keyframes popScale{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.2);opacity:1}40%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes shake{10%,90%{transform:translate3d(-5px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-15px,5px,0)}40%,60%{transform:translate3d(15px,-5px,0)}}@keyframes pointPulse{0%{transform:translateX(-10px)}to{transform:translateX(20px)}}.loading-text{font-size:1.5rem;color:var(--black);animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:480px){.action-btn{font-size:1.5rem;padding:1.2rem}.action-btn.primary,.card-value{font-size:1.8rem}.play-card{padding:2rem 1.5rem;min-height:240px}.count-number{font-size:10rem}.count-text{font-size:4rem}.game-header{padding:.8rem 1rem}.back-btn{font-size:.9rem;padding:.4rem .8rem}.game-title{font-size:1.2rem!important}}