@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:white}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform .15s ease-in}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .15s linear;background:rgba(0,0,0,.5);z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:white}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px rgba(0,0,0,.6);font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:rgba(255,255,255,1);margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.battle-stage{position:relative;width:100%;min-height:450px;overflow:hidden;border-radius:1rem;background:linear-gradient(180deg,#0a0014,#1a0030 40%,#0d001a);border:1px solid rgba(139,92,246,.3)}.iso-grid{position:absolute;bottom:0;left:50%;width:700px;height:400px;transform:translateX(-50%) perspective(800px) rotateX(65deg);transform-origin:center bottom;background:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(139,92,246,.25) 0,rgba(139,92,246,.25) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(139,92,246,.25) 0,rgba(139,92,246,.25) 50px);background-size:50px 50px;border:2px solid rgba(139,92,246,.4);box-shadow:0 0 40px rgba(139,92,246,.15),inset 0 0 60px rgba(139,92,246,.08);opacity:.7}.iso-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(10,0,20,.8) 100%)}.arena-crowd{top:0;height:45%;background:radial-gradient(ellipse at 25% 80%,rgba(168,85,247,.15) 0,transparent 50%),radial-gradient(ellipse at 75% 80%,rgba(59,130,246,.15) 0,transparent 50%),linear-gradient(180deg,rgba(10,0,20,.9),transparent);overflow:hidden}.arena-crowd,.crowd-silhouettes{position:absolute;left:0;right:0}.crowd-silhouettes{bottom:0;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Ccircle cx='10' cy='15' r='4' fill='%23ffffff10'/%3E%3Ccircle cx='20' cy='12' r='4' fill='%23ffffff08'/%3E%3Ccircle cx='30' cy='16' r='4' fill='%23ffffff0c'/%3E%3Ccircle cx='40' cy='13' r='4' fill='%23ffffff10'/%3E%3Ccircle cx='50' cy='15' r='4' fill='%23ffffff08'/%3E%3Ccircle cx='60' cy='12' r='4' fill='%23ffffff0c'/%3E%3Ccircle cx='70' cy='16' r='4' fill='%23ffffff10'/%3E%3Ccircle cx='80' cy='13' r='4' fill='%23ffffff08'/%3E%3Ccircle cx='90' cy='15' r='4' fill='%23ffffff0c'/%3E%3C/svg%3E") repeat-x;animation:crowd-wave 3s ease-in-out infinite}@keyframes crowd-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.arena-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(168,85,247,.6);animation:float-particle var(--dur,6s) ease-in-out infinite;animation-delay:var(--delay,0s);left:var(--x,50%);bottom:var(--y,10%)}@keyframes float-particle{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}80%{opacity:.6}to{transform:translateY(-200px) scale(.3);opacity:0}}.arena-glow{position:absolute;inset:0;border-radius:1rem;pointer-events:none;box-shadow:inset 0 0 30px rgba(139,92,246,.1),inset 0 0 80px rgba(139,92,246,.05);animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.fighter-area{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;min-height:350px}.fighter-card{position:relative;width:180px;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;animation:fighter-enter .6s ease-out}.fighter-card:hover{transform:translateY(-4px)}@keyframes fighter-enter{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.fighter-card--player{animation-delay:.1s}.fighter-card--opponent{animation-delay:.3s}.fighter-card--Common{border:2px solid rgba(156,163,175,.5);box-shadow:0 0 15px rgba(156,163,175,.15)}.fighter-card--Uncommon{border:2px solid rgba(34,197,94,.6);box-shadow:0 0 20px rgba(34,197,94,.2)}.fighter-card--Rare{border:2px solid rgba(59,130,246,.7);box-shadow:0 0 25px rgba(59,130,246,.25)}.fighter-card--Epic{border:2px solid rgba(168,85,247,.7);box-shadow:0 0 30px rgba(168,85,247,.3)}.fighter-card--Legendary{border:2px solid rgba(234,179,8,.8);box-shadow:0 0 35px rgba(234,179,8,.35),0 0 60px rgba(234,179,8,.15)}.fighter-card--Mythic{border:2px solid rgba(236,72,153,.8);box-shadow:0 0 40px rgba(236,72,153,.4),0 0 80px rgba(236,72,153,.15);animation:mythic-border 2s ease-in-out infinite alternate}@keyframes mythic-border{0%{border-color:rgba(236,72,153,.8);box-shadow:0 0 40px rgba(236,72,153,.4)}to{border-color:rgba(168,85,247,.8);box-shadow:0 0 40px rgba(168,85,247,.4)}}.fighter-card__image{position:relative;width:100%;height:140px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#0d0d1a)}.fighter-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fighter-card__image--enemy{background:linear-gradient(135deg,#2e1a1a,#1a0d0d)}.fighter-card__header{padding:.5rem .75rem;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between}.fighter-card__name{font-family:var(--font-display,"Orbitron",sans-serif);font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.fighter-card__rarity{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;border-radius:4px}.fighter-card__stats{padding:.75rem;background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.stat-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.stat-row__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5)}.stat-row__value{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:1.1rem;font-weight:700}.stat-row__value--atk{color:#ef4444}.stat-row__value--def{color:#3b82f6}.stat-row__value--spd{color:#22c55e}.stat-row__value--crit{color:#eab308}.hp-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-top:.25rem}.hp-bar__fill{height:100%;border-radius:4px;transition:width .8s ease-out}.hp-bar__fill--high{background:linear-gradient(90deg,#22c55e,#4ade80)}.hp-bar__fill--mid{background:linear-gradient(90deg,#eab308,#facc15)}.hp-bar__fill--low{background:linear-gradient(90deg,#ef4444,#f87171)}.sta-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-top:.35rem}.sta-bar__fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .6s ease-out}.status-badges{display:flex;gap:4px;margin-top:.5rem;flex-wrap:wrap}.status-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.status-badge--bleed{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-badge--shield{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-badge--stun{background:rgba(234,179,8,.2);color:#facc15;border:1px solid rgba(234,179,8,.3)}.status-badge--heal{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-badge--buff{background:rgba(168,85,247,.2);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.status-badge--debuff{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.vs-badge{position:relative;z-index:20;flex-direction:column;gap:.5rem}.vs-badge,.vs-badge__circle{display:flex;align-items:center}.vs-badge__circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316 50%,#dc2626);justify-content:center;box-shadow:0 0 30px rgba(239,68,68,.4),0 0 60px rgba(239,68,68,.15);animation:vs-pulse 2s ease-in-out infinite}.vs-badge__text{font-family:var(--font-display,"Orbitron",sans-serif);font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.attack-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#22c55e;z-index:25;animation:arrow-pulse 1s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(34,197,94,.6));pointer-events:none;opacity:0}.attack-arrow--active{opacity:1}@keyframes arrow-pulse{0%,to{transform:translate(-50%,-50%) translateX(-5px);opacity:.6}50%{transform:translate(-50%,-50%) translateX(5px);opacity:1}}.battle-effects{inset:0;z-index:30;overflow:hidden}.battle-effects,.damage-number{position:absolute;pointer-events:none}.damage-number{font-family:var(--font-display,"Orbitron",sans-serif);font-weight:900;font-size:1.8rem;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:float-damage 1.2s ease-out forwards;z-index:35}.damage-number--hit{color:#ef4444}.damage-number--crit{color:#eab308;font-size:2.2rem}.damage-number--heal{color:#22c55e}@keyframes float-damage{0%{transform:translateY(0) scale(.5);opacity:0}15%{transform:translateY(-10px) scale(1.2);opacity:1}30%{transform:translateY(-20px) scale(1)}to{transform:translateY(-80px) scale(.8);opacity:0}}.crit-flash{position:absolute;top:20%;left:50%;transform:translateX(-50%);font-family:var(--font-display,"Orbitron",sans-serif);font-size:1.6rem;font-weight:900;color:#eab308;text-shadow:0 0 20px rgba(234,179,8,.8),0 0 40px rgba(234,179,8,.4);z-index:40;animation:crit-text 1.5s ease-out forwards;white-space:nowrap}@keyframes crit-text{0%{transform:translateX(-50%) scale(0);opacity:0}15%{transform:translateX(-50%) scale(1.3);opacity:1}30%{transform:translateX(-50%) scale(1)}80%{opacity:1}to{transform:translateX(-50%) translateY(-30px) scale(.8);opacity:0}}.ko-flash{position:absolute;top:30%;left:50%;transform:translateX(-50%);font-family:var(--font-display,"Orbitron",sans-serif);font-size:3rem;font-weight:900;color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.8);z-index:40;animation:ko-text 2s ease-out forwards}@keyframes ko-text{0%{transform:translateX(-50%) scale(0) rotate(-10deg);opacity:0}20%{transform:translateX(-50%) scale(1.5) rotate(5deg);opacity:1}40%{transform:translateX(-50%) scale(1) rotate(0deg)}80%{opacity:1}to{transform:translateX(-50%) scale(.9);opacity:0}}.screen-shake{animation:shake .4s ease-out}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}.hit-flash{animation:fighter-hit .3s ease-out}@keyframes fighter-hit{0%{filter:brightness(1)}30%{filter:brightness(2) saturate(.5)}to{filter:brightness(1)}}.heal-pulse{animation:heal-glow .8s ease-out}@keyframes heal-glow{0%{box-shadow:0 0 0 0 rgba(34,197,94,0)}50%{box-shadow:0 0 30px 10px rgba(34,197,94,.4)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.your-turn-banner{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);z-index:35;padding:.75rem 2.5rem;background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),rgba(59,130,246,.3),rgba(59,130,246,.15),transparent);border:1px solid rgba(59,130,246,.5);border-radius:8px;font-family:var(--font-display,"Orbitron",sans-serif);font-size:1rem;font-weight:700;color:#93c5fd;text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;animation:turn-appear .5s ease-out}@keyframes turn-appear{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.round-transition{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;background:rgba(0,0,0,.7);animation:round-fade 1.5s ease-out forwards}.round-transition__text{font-family:var(--font-display,"Orbitron",sans-serif);font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(139,92,246,.6)}@keyframes round-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;pointer-events:none}}@media (max-width:768px){.fighter-area{flex-direction:column;gap:1rem;padding:1rem}.fighter-card{width:140px}.fighter-card__image{height:100px}.vs-badge__circle{width:60px;height:60px}.vs-badge__text{font-size:1.2rem}.iso-grid{width:400px;height:250px}}