.brainfreeze-root{--orange:#FF7A00;--boomred:#FF3B3B;--iceblue:#32C5FF;background-color:var(--black);color:var(--black);display:flex;flex-direction:column;height:100dvh;width:100vw;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.brainfreeze-root *{box-sizing:border-box;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}#introView{height:100%;flex-direction:column;justify-content:flex-start;padding:0;background-color:var(--purple);background-image:radial-gradient(var(--black) 2px,transparent 2px);background-size:30px 30px;background-position:-15px -15px;z-index:100;position:relative;overflow-y:auto}#introView,.game-header{width:100%;display:flex;align-items:center}.game-header{position:sticky;top:env(safe-area-inset-top,0);left:0;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--white);border-bottom:var(--border-width) solid var(--black);z-index:200}.game-header .impact-font{white-space:nowrap}.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)}.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%;max-width:500px;margin-top:auto}.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}.mode-toggle-container{width:100%;max-width:500px;text-align:left;margin-top:1.5rem;background-color:var(--white);border:var(--border-width) solid var(--black);border-radius:16px;padding:1.5rem;box-shadow:6px 6px 0 var(--black)}.mode-options{display:flex;flex-direction:row;gap:.8rem;margin-top:.5rem}.mode-btn{flex:1;padding:1.2rem .5rem;background-color:var(--white);color:var(--black);border:var(--border-width) solid var(--black);border-radius:8px;font-size:1.3rem;cursor:pointer;box-shadow:6px 6px 0 var(--black);transition:all .1s}.mode-btn.active,.mode-btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--black)}.mode-btn.active{background-color:var(--yellow)}.action-btn{background-color:var(--iceblue);color:var(--black);font-size:2.5rem;padding:1.5rem;width:100%;max-width:500px;border:var(--border-width) solid var(--black);border-radius:16px;box-shadow:8px 8px 0 var(--black);cursor:pointer;transition:all .1s ease;margin-top:2rem;margin-bottom:auto}.action-btn:active{transform:translate(8px,8px);box-shadow:0 0 0 var(--black)}.action-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--white);transform:none;box-shadow:8px 8px 0 var(--black)}#playView{height:100%;width:100%;flex-direction:column}#playView,.player-zone{position:relative;display:flex}.player-zone{flex:1;justify-content:center;align-items:center;cursor:pointer;transition:filter .2s ease;overflow:hidden}.player-zone.inactive{filter:grayscale(.6) brightness(.6);pointer-events:none}#player2-zone{background-color:var(--boomred);border-bottom:var(--border-width) solid var(--black);transform:rotate(180deg)}#player1-zone{background-color:var(--iceblue)}.tap-hint{font-size:3.5rem;color:var(--white);-webkit-text-stroke:2px var(--black);text-shadow:6px 6px 0 var(--black);opacity:.3;transition:opacity .2s}.player-zone:not(.inactive) .tap-hint{opacity:1;animation:pulseHint 1s infinite alternate}@keyframes pulseHint{0%{transform:scale(1)}to{transform:scale(1.1)}}.timer-bar-container{position:absolute;left:0;width:100%;height:12px;background-color:rgba(0,0,0,.4);z-index:5}#player2-zone .timer-bar-outer,.timer-bar-outer{bottom:0;top:auto}.timer-bar{height:100%;width:100%;background-color:var(--white);transform-origin:left;transition:width .05s linear;box-shadow:0 0 8px rgba(255,255,255,.6)}.center-console{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:450px;background-color:var(--yellow);border:var(--border-width) solid var(--black);border-radius:20px;box-shadow:8px 8px 0 rgba(0,0,0,.4);z-index:20;text-align:center;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .2s}@keyframes switchFlash{0%{background-color:var(--pink);transform:translate(-50%,-50%) scale(1.1);box-shadow:12px 12px 0 var(--black)}to{background-color:var(--yellow);transform:translate(-50%,-50%) scale(1);box-shadow:8px 8px 0 rgba(0,0,0,.4)}}.switch-anim{animation:switchFlash .5s ease-out}.switch-badge{background:var(--black);color:var(--white);padding:.2rem 1rem;border-radius:8px;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:25;pointer-events:none}@keyframes badgePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.badge-anim{animation:badgePop 1s forwards}.category-text{font-size:2.2rem;line-height:1.1;text-wrap:balance;width:100%}.category-text.p2{transform:rotate(180deg)}.divider{width:80%;height:4px;background-color:var(--black);border-radius:2px;margin:.5rem 0;opacity:.5}.quit-match-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:var(--white);color:var(--black);border:var(--border-width) 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}.quit-match-btn:active{transform:translateY(-50%) translate(3px,3px);box-shadow:0 0 0 var(--black)}.shatter-effect{animation:shatter .5s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes shatter{0%{transform:scale(1) rotate(0) translate(0);filter:brightness(1)}20%{transform:scale(1.05) rotate(-2deg) translate(-10px,5px);filter:brightness(2)}40%{transform:scale(.95) rotate(3deg) translate(10px,-5px);filter:brightness(.5)}60%{transform:scale(1.1) rotate(-1deg) translate(-5px,10px);opacity:1}to{transform:scale(0) rotate(15deg) translateY(50px);opacity:0}}.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(0,0,0,.85);z-index:50;color:var(--white);gap:1.5rem}.winner-text{font-size:5rem;color:var(--yellow);-webkit-text-stroke:3px var(--black);text-shadow:8px 8px 0 var(--black);margin-bottom:2rem;text-align:center}.btn-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.go-btn{background-color:var(--white);color:var(--black);font-size:1.5rem;padding:1rem 2rem;border:var(--border-width) solid var(--black);border-radius:12px;box-shadow:6px 6px 0 var(--yellow);cursor:pointer;transition:all .1s}.go-btn.primary{background-color:var(--yellow)}.go-btn:disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.go-btn:active:not(:disabled){transform:translate(6px,6px);box-shadow:0 0 0 var(--yellow)}@media (max-width:480px){.instruction-card h2{font-size:2.2rem}.tap-hint{font-size:2.5rem}.category-text{font-size:1.6rem}.winner-text{font-size:4rem}.quit-match-btn{width:40px;height:40px;font-size:1.2rem;right:10px}.game-header{padding:.8rem 1rem}.back-btn{font-size:.9rem;padding:.4rem .8rem}.game-header .impact-font{font-size:1.2rem!important}}