@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-deep:#05070a;--bg-main:#0c0f16;--bg-glass:#0f1624b3;--bg-glass-hover:#162035d9;--border-light:#ffffff14;--border-hover:#ffffff29;--color-diamonds:#f59e0b;--color-hearts:#ef4444;--color-spades:#6366f1;--color-clubs:#10b981;--glow-diamonds:0 0 15px #f59e0b66;--glow-hearts:0 0 15px #ef444466;--glow-spades:0 0 15px #6366f166;--glow-clubs:0 0 15px #10b98166;--text-dim:#94a3b8;--text-bright:#f8fafc;background-color:#080b11;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle,#151b2d 0%,#06090e 100%) fixed;width:100vw;height:100vh;margin:0;overflow:hidden}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000080}.glass-panel:hover{border-color:var(--border-hover)}.glow-text-diamonds{text-shadow:0 0 8px #f59e0b80;color:var(--color-diamonds)}.glow-text-hearts{text-shadow:0 0 8px #ef444480;color:var(--color-hearts)}.glow-text-spades{text-shadow:0 0 8px #6366f180;color:var(--color-spades)}.glow-text-clubs{text-shadow:0 0 8px #10b98180;color:var(--color-clubs)}@keyframes pulse-diamonds{0%,to{box-shadow:0 0 10px #f59e0b4d}50%{box-shadow:0 0 25px #f59e0bb3}}@keyframes pulse-hearts{0%,to{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 25px #ef4444b3}}@keyframes pulse-spades{0%,to{box-shadow:0 0 10px #6366f14d}50%{box-shadow:0 0 25px #6366f1b3}}@keyframes pulse-clubs{0%,to{box-shadow:0 0 10px #10b9814d}50%{box-shadow:0 0 25px #10b981b3}}@keyframes shield-pulsate{0%,to{border-color:#06b6d4cc;box-shadow:inset 0 0 20px #06b6d480,0 0 15px #06b6d466}50%{border-color:#06b6d4;box-shadow:inset 0 0 35px #06b6d4cc,0 0 25px #06b6d4b3}}@keyframes float-stun{0%,to{transform:translateY(0)rotate(90deg)}50%{transform:translateY(-5px)rotate(90deg)}}@keyframes draw-card-anim{0%{opacity:0;transform:translateY(150px)scale(.6)rotate(15deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes play-card-anim{0%{opacity:0;transform:scale(1.1)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shake-combat{0%{transform:translate(0)}20%{transform:translate(-8px,-12px)rotate(-3deg)}40%{transform:translate(8px,12px)rotate(3deg)}60%{transform:translate(-6px,6px)rotate(-1deg)}80%{transform:translate(6px,-6px)rotate(1deg)}to{transform:translate(0)}}.btn-premium{color:var(--text-bright);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-premium:hover:not(:disabled){background:linear-gradient(135deg,#334155 0%,#1e293b 100%);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-premium:active:not(:disabled){transform:translateY(0)}.btn-premium:disabled{opacity:.4;cursor:not-allowed}.btn-diamonds{border-color:#f59e0b66}.btn-diamonds:hover{border-color:var(--color-diamonds);background:linear-gradient(135deg,#451a03 0%,#78350f 100%)}.btn-hearts{border-color:#ef444466}.btn-hearts:hover{border-color:var(--color-hearts);background:linear-gradient(135deg,#450a0a 0%,#7f1d1d 100%)}.btn-spades{border-color:#6366f166}.btn-spades:hover{border-color:var(--color-spades);background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%)}.btn-clubs{border-color:#10b98166}.btn-clubs:hover{border-color:var(--color-clubs);background:linear-gradient(135deg,#022c22 0%,#064e3b 100%)}@keyframes end-turn-glow-pulse{0%{transform:scale(1);box-shadow:0 0 5px #6366f166}50%{border-color:#818cf8;transform:scale(1.05);box-shadow:0 0 20px #6366f1cc}to{transform:scale(1);box-shadow:0 0 5px #6366f166}}.btn-premium.btn-pulsate{animation:1.5s ease-in-out infinite end-turn-glow-pulse;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%)!important;border-color:#6366f1!important}.opponent-lane .card-element.stunned{cursor:default}.opponent-lane .card-element.stunned.targetable{cursor:pointer}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.welcome-screen{background:radial-gradient(circle,#1e293b66 0%,#030712f2 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.welcome-logo{letter-spacing:.1em;background:linear-gradient(90deg,#f59e0b,#ef4444,#6366f1,#10b981);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f14d);-webkit-background-clip:text;margin-bottom:10px;font-size:5rem;font-weight:800;animation:4s ease-in-out infinite logo-float}@keyframes logo-float{0%,to{filter:drop-shadow(0 0 30px #6366f14d);transform:translateY(0)}50%{filter:drop-shadow(0 0 50px #ef444480);transform:translateY(-10px)}}.welcome-subtitle{color:var(--text-dim);text-align:center;max-width:500px;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.mode-choices{gap:20px;width:100%;max-width:600px;margin-bottom:30px;display:flex}.mode-card{cursor:pointer;text-align:center;background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;flex:1;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-card:hover{background:#0f172ad9;border-color:#6366f166;transform:translateY(-5px);box-shadow:0 10px 30px #6366f126}.mode-card h3{margin-bottom:10px;font-size:1.5rem;font-weight:700}.mode-card p{color:var(--text-dim);font-size:.9rem;line-height:1.5}.draft-screen{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.draft-header{background:#0f172a80;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex}.draft-title{font-size:1.75rem;font-weight:700}.draft-turn-indicator{background:#ffffff0d;border-radius:20px;padding:6px 16px;font-size:1.25rem;font-weight:600}.draft-container{flex:1;grid-template-columns:280px 1fr 280px;gap:24px;min-height:0;display:grid}.draft-sidebar{flex-direction:column;gap:16px;max-height:calc(100vh - 150px);padding:20px;display:flex;overflow-y:auto}.draft-pool{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.subsection-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;display:grid}.sub-card{cursor:pointer;background:#0f172a80;border:1px solid #ffffff0d;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.sub-card:hover{background:#0f172acc;transform:scale(1.02)}.sub-card.diamonds{border-left:4px solid var(--color-diamonds)}.sub-card.hearts{border-left:4px solid var(--color-hearts)}.sub-card.spades{border-left:4px solid var(--color-spades)}.sub-card.clubs{border-left:4px solid var(--color-clubs)}.sub-card.diamonds:hover{border-color:var(--color-diamonds);box-shadow:0 0 15px #f59e0b33}.sub-card.hearts:hover{border-color:var(--color-hearts);box-shadow:0 0 15px #ef444433}.sub-card.spades:hover{border-color:var(--color-spades);box-shadow:0 0 15px #6366f133}.sub-card.clubs:hover{border-color:var(--color-clubs);box-shadow:0 0 15px #10b98133}.drafted-list{flex-direction:column;gap:8px;display:flex}.drafted-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;padding:8px 12px;font-size:.85rem;display:flex}.elite-pool-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;display:grid}.elite-draft-card{aspect-ratio:2.5/3.5;cursor:pointer;background:#0f172a;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px;transition:all .2s;display:flex;position:relative}.elite-draft-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}.gameplay-arena{background:radial-gradient(circle at 30% 30%,#111827 0%,#030712 100%);flex:1;grid-template-columns:1fr 340px;height:100vh;display:grid;position:relative}.battlefield{flex-direction:column;justify-content:space-between;height:100%;padding:12px;display:flex;position:relative}.player-banner{border:1px solid var(--border-light);background:#0f172a99;border-radius:12px;justify-content:space-between;align-items:center;height:52px;padding:8px 16px;display:flex}.player-info-left{align-items:center;gap:16px;display:flex}.player-name{font-size:1.1rem;font-weight:700}.hp-bar-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;width:250px;height:14px;position:relative;overflow:hidden}.hp-bar-fill{background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:7px;height:100%;transition:width .3s}.lp-counter{letter-spacing:.05em;color:#f43f5e;font-size:1.25rem;font-weight:800}.active-buff-badge{color:#000;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:800;animation:1.5s infinite alternate glow-pulse;box-shadow:0 0 10px #f59e0b66}@keyframes glow-pulse{0%{box-shadow:0 0 4px #f59e0b4d}to{box-shadow:0 0 14px #f59e0bb3}}.hand-container{z-index:10;justify-content:center;align-items:center;gap:-12px;height:145px;padding:8px 40px;display:flex}.board-zone{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;padding:10px;display:flex}.board-lane{background:#ffffff03;border:1px dashed #ffffff05;border-radius:8px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:110px;padding:6px;display:flex}.board-lane.tanks{background:#6366f108;border:1px dashed #6366f11a;min-height:110px}.opponent-board-side{transform:rotate(0)}.game-controls-divider{border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;justify-content:center;align-items:center;gap:20px;margin:4px 0;padding:4px 0;display:flex}.sidebar-panel{border-left:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f1af2;flex-direction:column;height:100vh;display:flex;overflow:hidden}.log-feed-header{letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #ffffff0d;padding:16px;font-size:1.1rem;font-weight:700}.log-feed-container{color:var(--text-dim);flex-direction:column;flex:1;gap:8px;padding:16px;font-family:monospace;font-size:.8rem;display:flex;overflow-y:auto}.log-item{word-break:break-all;background:#ffffff05;border-left:2px solid #fff3;border-radius:4px;padding:6px 8px}.deck-pile-indicators{border-top:1px solid #ffffff0d;grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.deck-status-box{border:1px solid var(--border-light);text-align:center;background:#0f162480;border-radius:8px;padding:10px;font-size:.85rem}.card-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#030712cc;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.card-modal-content{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:480px;padding:30px;display:flex}.choice-buttons-container{flex-direction:column;gap:12px;width:100%;display:flex}.choice-row-btn{color:var(--text-bright);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:12px;font-weight:500;transition:all .2s}.choice-row-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translate(4px)}.turn-handoff-screen{z-index:200;background:#030712;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.targeting-indicator-banner{z-index:50;color:#fff;background:#ef4444f2;border-radius:30px;align-items:center;gap:12px;padding:8px 24px;font-size:1rem;font-weight:700;animation:1s infinite alternate pulse-alert;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ef444480}@keyframes pulse-alert{0%{opacity:.8}to{opacity:1;transform:translate(-50%)scale(1.03)}}.card-element{aspect-ratio:2.5/3.6;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(145deg,#111827 0%,#030712 100%);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:space-between;width:96px;padding:8px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.card-element:hover{z-index:50;transform:translateY(-8px)scale(1.05);box-shadow:0 10px 20px #00000080}.card-element:active{cursor:grabbing}.card-element.diamonds{border-color:#f59e0b4d}.card-element.hearts{border-color:#ef44444d}.card-element.spades{border-color:#6366f14d}.card-element.clubs{border-color:#10b9814d}.card-element.diamonds:hover{border-color:var(--color-diamonds);box-shadow:0 0 15px #f59e0b66}.card-element.hearts:hover{border-color:var(--color-hearts);box-shadow:0 0 15px #ef444466}.card-element.spades:hover{border-color:var(--color-spades);box-shadow:0 0 15px #6366f166}.card-element.clubs:hover{border-color:var(--color-clubs);box-shadow:0 0 15px #10b98166}.card-element.playable.diamonds{cursor:pointer;animation:1.5s infinite pulse-diamonds}.card-element.playable.hearts{cursor:pointer;animation:1.5s infinite pulse-hearts}.card-element.playable.spades{cursor:pointer;animation:1.5s infinite pulse-spades}.card-element.playable.clubs{cursor:pointer;animation:1.5s infinite pulse-clubs}.card-element.targetable{cursor:pointer;animation:1s infinite alternate pulse-targetable}@keyframes pulse-targetable{0%{border-color:#ef444466;box-shadow:0 0 5px #ef444466}to{border-color:#ef4444;transform:scale(1.05);box-shadow:0 0 15px #ef4444cc}}.card-element.attack-ready{cursor:pointer;animation:1.5s infinite pulse-attack-ready}@keyframes pulse-attack-ready{0%,to{border-color:#22c55e;box-shadow:0 0 8px #22c55e4d}50%{border-color:#4ade80;box-shadow:0 0 20px #22c55eb3}}.card-suit-symbol{font-size:1.25rem;font-weight:700;line-height:1}.card-suit-symbol.diamonds{color:var(--color-diamonds)}.card-suit-symbol.hearts{color:var(--color-hearts)}.card-suit-symbol.spades{color:var(--color-spades)}.card-suit-symbol.clubs{color:var(--color-clubs)}.card-badge-elite{color:#fff;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:800;position:absolute;top:4px;right:4px}.card-center-rank{text-align:center;margin:auto 0;font-size:1.8rem;font-weight:800;line-height:1}.card-stats-row{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.card-stat-atk{color:#fca5a5}.card-stat-hp{color:#86efac}.card-element.stunned{filter:grayscale(.85)contrast(.9);cursor:not-allowed;animation:2s ease-in-out infinite float-stun;transform:rotate(90deg)}.card-element.stunned:hover{box-shadow:none;transform:rotate(90deg)scale(1)}.card-element.has-shield{animation:1.5s infinite shield-pulsate}.card-element.has-shield:after{content:"";pointer-events:none;border:2px solid #06b6d499;border-radius:12px;position:absolute;inset:-4px;box-shadow:0 0 10px #06b6d466}.underlay-stack-indicator{z-index:10;gap:4px;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.underlay-dot{border:1px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 5px #00000080}.underlay-dot.diamonds{background-color:var(--color-diamonds)}.underlay-dot.hearts{background-color:var(--color-hearts)}.underlay-dot.spades{background-color:var(--color-spades)}.underlay-dot.clubs{background-color:var(--color-clubs)}