.splurt-root{--bg-color:#B28DFF;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)}.splurt-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;align-items:center;justify-content:center;padding:2rem 1.5rem;max-width:600px;margin:0 auto}.card-stack,.game-container{display:flex;flex-direction:column;width:100%}.card-stack{gap:1.5rem;margin-bottom:2.5rem;transition:transform .1s ease}.play-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);display:flex;flex-direction:column;justify-content:center;min-height:180px;position:relative}.play-card.category{background-color:var(--mint);transform:rotate(-1deg)}.play-card.condition{background-color:var(--pink);transform:rotate(1deg)}.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}.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}.view-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;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(--black);-webkit-text-stroke:0;text-shadow:4px 4px 0 var(--yellow)}.instruction-card p{font-size:1.2rem;font-weight:700;line-height:1.6;margin-bottom:1rem}@media (max-width:480px){.card-value{font-size:2rem}.action-btn{font-size:1.8rem;padding:1.2rem}.play-card{min-height:150px;padding:2rem 1rem}.game-header{padding:.8rem 1rem}.back-btn{font-size:.9rem;padding:.4rem .8rem}.game-title{font-size:1.2rem!important}}.mode-toggle-container{width:100%;max-width:600px;text-align:left;margin:1rem 0;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;width:100%}.mode-options .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-options .mode-btn.active,.mode-options .mode-btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--black)}.mode-options .mode-btn.active{background-color:var(--yellow)}.timer-bar-container{position:absolute;top:-2rem;left:0;width:100%;height:16px;background-color:var(--black);z-index:150;border-radius:8px;border:var(--border-width) solid var(--black);overflow:hidden}.timer-bar{height:100%;width:100%;transform-origin:left;transition:width .05s linear}.splurt-penalty-overlay{position:absolute;top:-2rem;left:-1rem;width:calc(100% + 2rem);height:calc(100% + 4rem);background-color:rgba(255,255,255,.95);z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;animation:penaltyPop .3s cubic-bezier(.36,.07,.19,.97);border-radius:16px;border:var(--border-width) solid var(--black)}@keyframes penaltyPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}