.timebomb-root{--bg-color:var(--pink);background-color:var(--bg-color);color:var(--black);display:flex;flex-direction:column;min-height:100dvh;background-image:radial-gradient(#1A1A1A 1px,transparent 0);background-size:20px 20px;background-position:-10px -10px;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow-y:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.timebomb-root.playing-state{background-color:var(--purple)}.timebomb-root.frantic-state{animation:bgFlash .2s infinite alternate}@keyframes bgFlash{0%{background-color:var(--pink)}to{background-color:#FF3B3B}}.timebomb-root *{box-sizing:border-box;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}.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);white-space:nowrap}.game-container{flex:1;justify-content:center;padding:2rem 1.5rem;max-width:600px;margin:0 auto}.game-container,.view-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:2rem}.view-section{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:2.5rem;margin-bottom:1.5rem;color:var(--white);-webkit-text-stroke:1px var(--black);text-shadow:3px 3px 0 var(--black)}.instruction-card p{font-size:1.2rem;font-weight:700;line-height:1.6;margin-bottom:1rem}.play-card{background-color:var(--mint);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);display:flex;flex-direction:column;justify-content:center;min-height:180px;position:relative;width:100%}.card-label{position:absolute;top:1rem;left:0;width:100%;font-size:1.2rem;opacity:.8;letter-spacing:2px}.card-value{font-size:2.5rem;line-height:1.1;margin-top:1rem;text-wrap:balance}.bomb-icon{font-size:10rem;filter:drop-shadow(4px 4px 0 var(--black));animation:pulse 1s infinite;user-select:none;transition:transform .1s ease}.bomb-icon.pulse-fast{animation:pulse-fast .5s infinite;filter:drop-shadow(6px 6px 0 #FF3B3B)}.bomb-icon.pulse-frantic{animation:pulse-frantic .2s infinite;filter:drop-shadow(8px 8px 0 #FF3B3B)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1)}}@keyframes pulse-fast{0%{transform:scale(1.1) rotate(2deg);filter:drop-shadow(6px 6px 0 #FF3B3B)}50%{transform:scale(1.2) rotate(-2deg);filter:drop-shadow(4px 4px 0 var(--black))}to{transform:scale(1.1) rotate(2deg);filter:drop-shadow(6px 6px 0 #FF3B3B)}}@keyframes pulse-frantic{0%{transform:scale(1.2) rotate(-4deg);filter:drop-shadow(8px 8px 0 #FF3B3B)}50%{transform:scale(1.3) rotate(4deg);filter:drop-shadow(4px 4px 0 var(--black))}to{transform:scale(1.2) rotate(-4deg);filter:drop-shadow(8px 8px 0 #FF3B3B)}}.bomb-icon.explode{animation:explode .5s forwards}@keyframes explode{0%{transform:scale(1);opacity:1}50%{transform:scale(3);opacity:1}to{transform:scale(0);opacity:0}}.action-btn{background-color:var(--yellow);color:var(--black);font-size:2.2rem;padding:1.5rem;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}.action-btn:active,.action-btn:disabled{transform:translate(8px,8px);box-shadow:0 0 0 var(--black)}.action-btn:active{background-color:#FFC107}.action-btn:disabled{opacity:.5;cursor:not-allowed}.explosion-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#FF3B3B;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--white);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.boom-text{font-size:8rem;line-height:1;text-shadow:10px 10px 0 var(--black);-webkit-text-stroke:4px var(--black);transform:rotate(-5deg);margin-bottom:1rem}.boom-emoji{font-size:8rem;filter:drop-shadow(8px 8px 0 var(--black));animation:pulse .3s infinite alternate;margin-bottom:2rem}.penalty-text{background-color:var(--black);color:var(--white);padding:1rem 2rem;border-radius:12px;font-size:2rem;transform:rotate(3deg);margin-bottom:3rem;box-shadow:8px 8px 0 var(--yellow);border:var(--border-width) solid var(--black)}@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)}}@media (max-width:480px){.action-btn{font-size:1.8rem;padding:1.2rem}.card-value{font-size:2rem}.play-card{min-height:150px;padding:2rem 1rem}.bomb-icon{font-size:8rem}.boom-text{font-size:5rem;text-shadow:6px 6px 0 var(--black);-webkit-text-stroke:2px var(--black)}.boom-emoji{font-size:6rem}.penalty-text{font-size:1.2rem}.game-header{padding:.8rem 1rem}.back-btn{font-size:.9rem;padding:.4rem .8rem}.game-title{font-size:1.2rem!important}}