@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.note-warning{border-color:gold;color:gold;box-shadow:0 0 30px #ffd70066}.note-critical{border-color:red;color:red;box-shadow:0 0 30px #f006;animation:slideDownShake .5s}.note-success{border-color:#0f0;color:#0f0;box-shadow:0 0 30px #0f06}@keyframes slideDownShake{0%{top:-100px;opacity:0}70%{top:20px;opacity:1;transform:translate(-50%) rotate(0)}80%{transform:translate(-52%) rotate(-2deg)}90%{transform:translate(-48%) rotate(2deg)}to{transform:translate(-50%) rotate(0)}}.medic-badge{top:5px;right:5px;width:25px;height:25px;font-size:.8rem;box-shadow:0 2px 5px #000c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{margin:0;background-color:#261609;background-image:radial-gradient(circle,#0000001a,#000000e6),url(https://images.unsplash.com/photo-1542261777-4ad26125549a?q=80&w=1920&auto=format&fit=crop);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#fff8e7;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.game-container{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:15px;background:#0009;border-radius:20px;border:3px solid rgba(255,255,255,.9);box-shadow:0 30px 60px #000c;width:95vw;max-width:900px;max-height:95vh;transition:all .8s ease-in-out;position:relative}.ambient-black{box-shadow:0 0 60px #ffd70026,inset 0 0 100px #000c;border-color:#777}.ambient-red{box-shadow:0 0 60px #ff000026,inset 0 0 100px #320000cc;border-color:#a33}h1{font-family:Cinzel,serif;font-size:2.2rem;color:#ffecd1;text-shadow:0 0 10px rgba(255,215,0,.5);margin:0}h2{font-family:Cinzel,serif;color:#e0d0b0;margin:0}.toss-section{display:flex;flex-direction:column;align-items:center}.coin-container{width:220px;height:220px;perspective:1200px;margin:20px auto;background:transparent;filter:drop-shadow(0 0 30px rgba(0,0,0,.8))}.coin{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 3s cubic-bezier(.175,.885,.32,1.275);border-radius:50%}.side{width:100%;height:100%;position:absolute;border-radius:50%;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);display:flex;justify-content:center;align-items:center;backface-visibility:hidden;border:4px solid rgba(255,255,255,.2)}.side.black-side{background:radial-gradient(circle at 30% 30%,#444,#000);transform:rotateY(0);box-shadow:inset 0 0 40px #000;color:#fff;border:6px solid #333}.side.red-side{background:radial-gradient(circle at 30% 30%,#ff4d4d,#8b0000);transform:rotateY(180deg);box-shadow:inset 0 0 40px #500;color:#fff;border:6px solid #ff0000}.coin-text{font-family:Cinzel,serif;font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.animate-flip{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(1080deg)}}.coin.outcome-Black{transform:rotateY(0)}.coin.outcome-Red{transform:rotateY(180deg)}.btn-toss{background:linear-gradient(to bottom,#fff,#ccc);color:#000;font-size:1.5rem;padding:15px 50px;border:none;border-radius:50px;box-shadow:0 0 30px #fff3;cursor:pointer;transition:all .2s;font-family:Cinzel,serif;font-weight:900;text-transform:uppercase;letter-spacing:2px}.btn-toss:hover{transform:scale(1.1);box-shadow:0 0 50px #fff9}.kill-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;display:flex;justify-content:center;align-items:center;overflow:hidden;animation:flashBang .2s cubic-bezier(.1,.7,1,.1) forwards}.slasher{position:absolute;width:150%;height:15px;background:red;box-shadow:0 0 20px red,0 0 50px red,0 0 100px #ff4d4d;transform:rotate(-45deg) scaleX(0);animation:slashStrike .3s cubic-bezier(.1,.9,.2,1) forwards}.shake-screen{animation:earthquake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes slashStrike{0%{transform:rotate(-45deg) scaleX(0);opacity:1}50%{transform:rotate(-45deg) scaleX(1);opacity:1}to{transform:rotate(-45deg) scaleX(1);opacity:0}}@keyframes flashBang{0%{background:#0000}10%{background:#000000e6}30%{background:#f006}to{background:#0000}}@keyframes earthquake{0%,to{transform:translate(0)}10%{transform:translate(-10px,-10px) rotate(-2deg)}20%{transform:translate(10px,10px) rotate(2deg)}30%{transform:translate(-10px,10px) rotate(-2deg)}40%{transform:translate(10px,-10px) rotate(2deg)}50%{transform:translate(-5px,-5px) rotate(-1deg)}60%{transform:translate(5px,5px) rotate(1deg)}}button{padding:12px 25px;font-family:Cinzel,serif;font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer;margin:5px;transition:all .2s;text-transform:uppercase}.btn-black{background:linear-gradient(to bottom,#2b2b2b,#000);color:#d4af37;border:1px solid #444}.btn-black:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000080}.btn-reset{background:linear-gradient(to bottom,#d4af37,#aa8c2c);color:#2e2003}.winner-text{color:#4ade80;font-family:Cinzel,serif;text-shadow:0 0 10px rgba(0,0,0,.8);margin-top:10px}.phase2-board{width:100%;display:flex;align-items:center;justify-content:space-between;animation:fadeSlideUp .8s ease-out forwards;position:relative}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.center-board{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;position:relative;z-index:2;margin-top:20px}.deck-area{width:120px;height:200px;display:flex;justify-content:center;align-items:center;perspective:1000px;position:relative}.deck-stack{width:100px;height:140px;border-radius:12px;border:2px solid rgba(255,255,255,.2);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Cinzel,serif;color:#fff;text-align:center;transition:all .3s ease}.black-stack{background:linear-gradient(135deg,#222,#000)}.red-stack{background:linear-gradient(135deg,#8b0000,#400000)}.deck-pulse-active{animation:activeDeckPulse 1.5s infinite;border-color:#fff!important}@keyframes activeDeckPulse{0%{transform:scale(1);box-shadow:0 0 10px #ffffff80}50%{transform:scale(1.08);box-shadow:0 0 30px #fffc,0 0 60px currentColor}to{transform:scale(1);box-shadow:0 0 10px #ffffff80}}.black-stack.deck-pulse-active{color:gold}.red-stack.deck-pulse-active{color:red}.grid-4x4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px;width:100%;box-sizing:border-box;background:#140a05d9;border-radius:15px;position:relative;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 30px #000000e6,inset 0 0 60px #000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.grid-4x4:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#2a1b0e,gold,#2a1b0e,gold);z-index:-1;border-radius:16px;background-size:400% 400%;animation:borderShimmer 8s ease infinite;opacity:.6}@keyframes borderShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-slot{width:100%;aspect-ratio:2.5 / 3.5;background:linear-gradient(to bottom,#1a1a1a,#0d0d0d);border:1px solid #444;border-bottom:3px solid #222;border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative;padding:0;box-shadow:inset 0 0 10px #000;transition:all .2s ease-out;overflow:hidden}.card-slot:hover{z-index:10;transform:translateY(-2px);border-color:gold;box-shadow:0 0 15px #ffd70033,inset 0 0 5px #000c;cursor:pointer}.empty-slot{opacity:.2;font-size:.7rem;color:#fff;text-transform:uppercase;letter-spacing:2px;pointer-events:none}.card-image{width:100%;height:100%;object-fit:fill;border-radius:6px;pointer-events:none;display:block}.face-down-stance{transform:rotate(180deg);filter:drop-shadow(-2px -2px 4px rgba(0,0,0,.5))!important}.selected-glow{border-color:#fff!important;box-shadow:0 0 20px #ffffff4d!important;transform:scale(1.05)!important;z-index:50}.card-slot:empty.valid-move-glow{background:#00ff000d;border-color:#0f0;box-shadow:inset 0 0 10px #0f03}.card-slot:empty.valid-move-glow:after{content:"";width:15px;height:15px;background:#0f0;border-radius:50%;box-shadow:0 0 10px #0f0;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.6}}.card-slot:not(:empty).valid-move-glow{border-color:red!important;box-shadow:0 0 15px #f006,inset 0 0 10px #f003;animation:shakeTarget .5s ease-in-out}@keyframes shakeTarget{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.kill-target-anim{border-color:red!important;box-shadow:0 0 25px red,inset 0 0 20px red!important;animation:killPulse .5s infinite alternate;z-index:20;cursor:crosshair!important}.kill-target-anim:before{content:"⚔️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:21;text-shadow:0 0 10px black;animation:iconBounce .5s infinite}@keyframes killPulse{0%{transform:scale(1);box-shadow:0 0 20px red}to{transform:scale(1.05);box-shadow:0 0 40px red}}@keyframes iconBounce{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.3)}}.deploy-glow{border:2px dashed #00ff00!important;background:#00ff0026!important;cursor:pointer;animation:pulseDeploy .8s infinite alternate!important;z-index:100}.deploy-glow:after{content:"⬇";position:absolute;font-size:2rem;color:#0f0;opacity:.5}@keyframes pulseDeploy{0%{box-shadow:inset 0 0 5px #0f0;transform:scale(1)}to{box-shadow:inset 0 0 20px #0f0;transform:scale(1.02)}}.game-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000000f2;border:2px solid #00ffff;color:#0ff;padding:15px 40px;border-radius:8px;font-family:Cinzel,serif;font-weight:700;font-size:1.2rem;z-index:5000;box-shadow:0 0 30px #0ff6;animation:slideDownFade .5s ease-out;text-transform:uppercase}.note-warning{border-color:gold;color:gold}.note-critical{border-color:red;color:red}.note-success{border-color:#0f0;color:#0f0}@keyframes slideDownFade{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}.medic-badge{position:absolute;top:5px;right:5px;width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Cinzel,serif;font-weight:900;font-size:.8rem;color:#fff;border:2px solid #fff;z-index:200;box-shadow:0 2px 5px #000c}.medic-safe{background:linear-gradient(135deg,#00c6ff,#0072ff)}.medic-warn{background:linear-gradient(135deg,#f7971e,#ffd200)}.medic-crit{background:linear-gradient(135deg,red,#950000)}.medic-slot-glow{box-shadow:inset 0 0 20px #00ffff4d!important;border-color:#00ffff80!important}.revive-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center}.revive-modal{background:linear-gradient(135deg,#1a1a1a,#000);border:2px solid #00ffff;padding:30px;border-radius:20px;text-align:center;max-width:600px;width:90%}.revive-grid-large{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-height:50vh;overflow-y:auto}.dead-card-large{width:100px;height:140px;border-radius:8px;cursor:pointer;border:2px solid #555}.btn-close-modal{position:absolute;top:10px;right:15px;background:none;border:none;color:#555;font-size:1.5rem;cursor:pointer}.reinforcement-panel{position:absolute;width:140px;padding:15px;background:#0a0a0af2;border:2px solid #ffd700;border-radius:12px;z-index:5000;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 10px 50px #000;animation:floatIn .3s ease-out}.panel-pos-black{top:30%;left:20%}.panel-pos-red{top:30%;right:20%}.preview-wrapper{position:relative;cursor:pointer;transition:transform .2s;width:100%;display:flex;justify-content:center}.preview-wrapper:hover{transform:scale(1.05)}.preview-card-img{width:90px;border-radius:6px;box-shadow:0 0 15px #00000080;transition:transform .3s ease}.direction-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#ffffffe6;text-shadow:0 0 10px #000,0 0 20px #00ffff;pointer-events:none;animation:bounceArrow 1s infinite alternate}@keyframes bounceArrow{0%{transform:translate(-50%,-50%) translateY(-2px)}to{transform:translate(-50%,-50%) translateY(2px)}}.tap-hint{font-size:.6rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.action-buttons{width:100%;display:flex;justify-content:center}.btn-deploy{width:100%;padding:8px 0;background:linear-gradient(to bottom,#2ecc71,#27ae60);border:1px solid #2ecc71;color:#fff;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase}.btn-deploy:hover{box-shadow:0 0 15px #2ecc71}.deployment-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000e6;border:2px solid #00ff00;border-radius:50px;padding:10px 30px;display:flex;align-items:center;gap:20px;z-index:6000;box-shadow:0 0 30px #00ff004d;animation:slideUp .3s ease-out}.deploy-text{color:#0f0;font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;font-size:1.1rem}.btn-cancel{background:#333;color:#fff;border:1px solid #555;padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:700}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes floatIn{0%{transform:translateY(30px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.win-Black{background:radial-gradient(circle,#323200cc,#000)}.win-Red{background:radial-gradient(circle,#320000cc,#000)}.victory-text{font-size:5rem;font-weight:900;text-transform:uppercase;animation:zoomIn .5s cubic-bezier(.175,.885,.32,1.275);z-index:10}.win-Black .victory-text{color:gold;text-shadow:0 0 20px #ffd700}.win-Red .victory-text{color:red;text-shadow:0 0 20px #ff0000}.victory-subtext{color:#fff;font-family:Cinzel,serif;font-size:1.5rem;letter-spacing:5px;margin-bottom:30px;z-index:10}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.candy-particle{position:absolute;top:-20px;width:15px;height:15px;border-radius:50%;box-shadow:0 0 10px currentColor;animation:candyFall 3s linear infinite}@keyframes candyFall{0%{transform:translateY(0) rotate(0) translate(0);opacity:1}50%{opacity:1}to{transform:translateY(105vh) rotate(720deg) translate(50px);opacity:0}}.confetti{position:absolute;top:-10px;width:15px;height:15px;background:gold;animation:fallDown 3s linear infinite}@keyframes fallDown{0%{transform:translateY(0) rotate(0)}to{transform:translateY(100vh) rotate(720deg)}}.firework{position:absolute;width:10px;height:10px;border-radius:50%;animation:explode 2s infinite}@keyframes explode{0%{transform:scale(1);opacity:1}50%{transform:scale(20);opacity:.5}to{transform:scale(30);opacity:0}}.blocked-slot{width:100%;height:100%;background:repeating-linear-gradient(45deg,#1a0505,#1a0505 10px,#2b0000 10px 20px);border-radius:10px;display:flex;justify-content:center;align-items:center;border:2px solid #550000;opacity:.7;cursor:not-allowed}.blocked-slot:after{content:"✖";color:#500;font-size:3rem;font-weight:700}.smoke-vanish{animation:smokePoof 1s forwards ease-out}@keyframes smokePoof{0%{transform:scale(1);opacity:1;filter:grayscale(0%)}to{transform:scale(2);opacity:0;filter:blur(10px)}}.vanish-animation{animation:poofGone .8s forwards ease-in-out;pointer-events:none}@keyframes poofGone{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.mobile-blur-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4000;animation:fadeIn .3s ease-out;display:none}@media(max-width:900px){body{height:auto;min-height:100vh;overflow-y:auto}.game-container{width:95%;height:auto;min-height:80vh;margin:20px auto;border-radius:15px;padding:15px 5px;justify-content:center}.phase2-board{flex-direction:column;gap:15px;width:100%}.left-deck{order:1}.center-board{order:2;margin-top:5px!important;width:100%}.right-deck{order:3}.grid-4x4{gap:6px;padding:8px;margin-top:0}.card-slot{aspect-ratio:2.5/3.5}.deck-area{width:100%;height:auto;flex-direction:row;justify-content:center;padding:5px}.deck-stack{width:70px;height:100px;font-size:.8rem}.mobile-blur-backdrop{display:block}.reinforcement-panel{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:280px!important;padding:20px!important;background:#1a1a1a!important;border:2px solid #ffd700!important;box-shadow:0 0 50px #000!important;z-index:6000}.preview-card-img{width:120px!important;margin-bottom:15px}.btn-deploy{padding:12px 0!important;font-size:1.1rem!important}}@media(max-width:380px){.deck-stack{width:60px;height:85px}.grid-4x4{gap:4px;padding:5px}.game-container{width:98%;margin:10px auto}}