.timebomb-root{--mint:#d0e8e8;--pink:#fdb9c8;--yellow:#ffd13b;--purple:#b28dff;--black:#1a1a1a;--white:#fff;--bg-color:var(--pink);background-color:var(--bg-color);color:var(--black);z-index:9999;background-image:radial-gradient(#1a1a1a 1px,#0000 1px);background-position:-10px -10px;background-size:20px 20px;flex-direction:column;min-height:100vh;display:flex;position:fixed;inset:0;overflow-y:auto}.timebomb-root.playing-state{background-color:var(--purple)}.timebomb-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Helvetica Neue,Arial,sans-serif}.impact-font{text-transform:uppercase;letter-spacing:1px;font-family:Impact,Arial Black,sans-serif!important}.game-header{background-color:var(--white);border-bottom:4px solid var(--black);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.back-btn{background-color:var(--yellow);color:var(--black);border:3px solid var(--black);cursor:pointer;box-shadow:3px 3px 0px var(--black);border-radius:8px;padding:.5rem 1rem;font-size:1.2rem;text-decoration:none;transition:all .1s}.back-btn:active{box-shadow:0px 0px 0px var(--black);transform:translate(3px,3px)}.game-title{color:var(--black);font-size:2.2rem}.game-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:600px;margin:0 auto;padding:2rem 1.5rem;display:flex}.view-section{flex-direction:column;align-items:center;gap:2rem;width:100%;animation:.3s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.instruction-card{background-color:var(--white);border:4px solid var(--black);text-align:center;box-shadow:8px 8px 0px var(--black);border-radius:16px;width:100%;padding:2.5rem 1.5rem}.instruction-card h2{color:var(--white);-webkit-text-stroke:1px var(--black);text-shadow:3px 3px 0px var(--black);margin-bottom:1.5rem;font-size:2.5rem}.instruction-card p{margin-bottom:1rem;font-size:1.2rem;font-weight:700;line-height:1.6}.play-card{background-color:var(--mint);border:4px solid var(--black);text-align:center;box-shadow:8px 8px 0px var(--black);border-radius:16px;flex-direction:column;justify-content:center;width:100%;min-height:180px;padding:2.5rem 1.5rem;display:flex;position:relative}.card-label{opacity:.8;letter-spacing:2px;width:100%;font-size:1.2rem;position:absolute;top:1rem;left:0}.card-value{text-wrap:balance;margin-top:1rem;font-size:2.5rem;line-height:1.1}.bomb-icon{filter:drop-shadow(4px 4px 0px var(--black));-webkit-user-select:none;user-select:none;font-size:10rem;transition:transform .1s;animation:1s infinite pulse}.bomb-icon.pulse-fast{filter:drop-shadow(6px 6px #ff3b3b);animation:.5s infinite pulse-fast}.bomb-icon.pulse-frantic{filter:drop-shadow(8px 8px #ff3b3b);animation:.2s infinite pulse-frantic}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)rotate(2deg)}to{transform:scale(1)}}@keyframes pulse-fast{0%{filter:drop-shadow(6px 6px #ff3b3b);transform:scale(1.1)rotate(2deg)}50%{filter:drop-shadow(4px 4px 0px var(--black));transform:scale(1.2)rotate(-2deg)}to{filter:drop-shadow(6px 6px #ff3b3b);transform:scale(1.1)rotate(2deg)}}@keyframes pulse-frantic{0%{filter:drop-shadow(8px 8px #ff3b3b);transform:scale(1.2)rotate(-4deg)}50%{filter:drop-shadow(4px 4px 0px var(--black));transform:scale(1.3)rotate(4deg)}to{filter:drop-shadow(8px 8px #ff3b3b);transform:scale(1.2)rotate(-4deg)}}.bomb-icon.explode{animation:.5s forwards explode}@keyframes explode{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(3)}to{opacity:0;transform:scale(0)}}.action-btn{background-color:var(--yellow);color:var(--black);border:4px solid var(--black);width:100%;box-shadow:8px 8px 0px var(--black);cursor:pointer;border-radius:16px;padding:1.5rem;font-size:2.2rem;transition:all .1s;position:relative;overflow:hidden}.action-btn:active,.action-btn:disabled{box-shadow:0px 0px 0px var(--black);transform:translate(8px,8px)}.action-btn:active{background-color:#ffc107}.action-btn:disabled{opacity:.5;cursor:not-allowed}.explosion-overlay{z-index:1000;width:100vw;height:100vh;color:var(--white);background-color:#ff3b3b;flex-direction:column;justify-content:center;align-items:center;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;display:flex;position:fixed;top:0;left:0}.boom-text{text-shadow:10px 10px 0px var(--black);-webkit-text-stroke:4px var(--black);margin-bottom:1rem;font-size:8rem;line-height:1;transform:rotate(-5deg)}.boom-emoji{filter:drop-shadow(8px 8px 0px var(--black));margin-bottom:2rem;font-size:8rem;animation:.3s infinite alternate pulse}.penalty-text{background-color:var(--black);color:var(--white);box-shadow:8px 8px 0px var(--yellow);border:4px solid var(--black);border-radius:12px;margin-bottom:3rem;padding:1rem 2rem;font-size:2rem;transform:rotate(3deg)}@keyframes shake{10%,90%{transform:translate(-5px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-15px,5px)}40%,60%{transform:translate(15px,-5px)}}@media (max-width:400px){.action-btn{padding:1.2rem;font-size:1.8rem}.card-value{font-size:2rem}.play-card{min-height:150px;padding:2rem 1rem}.bomb-icon{font-size:8rem}.boom-text{text-shadow:6px 6px 0px var(--black);-webkit-text-stroke:2px var(--black);font-size:5rem}.boom-emoji{font-size:6rem}.penalty-text{font-size:1.2rem}}