:root{--white: #ffffff;--gray-300: #e1e1e6;--gray-400: #8d8d99;--gray-450: #414146;--gray-500: #29292e;--gray-600: #202024;--gray-700: #1a1a1e;--gray-800: #121214;--gray-900: #050e15;--black: #000000;--blue-100: rgb(44, 160, 255);--blue-200: rgb(23, 145, 245);--blue-300: #2479ff;--blue-400: #1467ec;--blue-500: #015294;--blue-800: #003c6d;--blue-900: #00253c;--blue-950: #001c2b;--green: rgb(41 224 169 / 1);--green-200:rgb(36, 209, 157);--green-300:rgb(24, 197, 145);--green-400:rgb(9, 179, 128);--green-500:rgb(6, 150, 107);--green-600:rgb(4, 122, 87);--green-700:rgb(2, 94, 66);--green-800:rgb(1, 61, 43);--red-200:rgb(252, 93, 93);--red-300:rgb(243, 79, 79);--red-400:rgb(255 45 60);--red-500:rgb(243, 33, 47);--red-600:rgb(230, 26, 40);--red-700:rgb(199, 17, 29);--red-800:rgb(155, 15, 24);--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--yellow-200:#fef08a;--yellow-400:#fde047;--yellow-500:#facc15;--yellow-600:#eab308;--yellow-700:#ca8a04}h1,h2,h3,h4,h5,h6,p,strong,span,b,ul,li,ul li,ol,ol li,i,a,button,input,select,textarea{font-size:1rem;line-height:1.4rem}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:200 900;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;font-family:"Nunito Sans",sans-serif;margin:0;padding:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:var(--gray-800);background-attachment:fixed}img{display:block;max-width:100%;height:auto}.hiddenScrollbarBody{overflow:hidden}*{scrollbar-color:auto;scrollbar-width:auto}*::-webkit-scrollbar{margin-right:.5rem;height:.25rem;width:.25rem}*::-webkit-scrollbar-corner{background-image:none;border-style:none}*::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-style:none;background-color:initial}*::-webkit-scrollbar-thumb{cursor:move;border-radius:.625rem;background-color:#015294}.modal ::-webkit-scrollbar-thumb{background:#626262;border-radius:10px;border:1px solid #626262}@keyframes uUnit{0%{text-shadow:0 0 3px rgba(0,0,0,0)}40%{text-shadow:0 0 3px rgba(0,0,0,0)}50%{text-shadow:#fff 1px -1px,#fff -1px 1px,#fff 1px 1px,#fff -1px -1px}60%{text-shadow:0 0 3px rgba(0,0,0,0)}100%{text-shadow:0 0 3px rgba(0,0,0,0)}}.logoUnitarios{background:radial-gradient(rgba(28, 184, 216, 0.3) 0%, rgba(255, 255, 255, 0) 70%);width:620px;height:460px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:30px;-webkit-animation:shake 80s infinite;animation:shake 80s infinite;-webkit-transition:.3s;transition:.3s}.baseUnitarios{width:100%;height:50px;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transition:.3s;max-width:56px;min-width:56px}.diamanteUnitarios{clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0% 50%);width:58%;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(#1ec6e4), color-stop(#106477), color-stop(85%, #000));background:linear-gradient(0deg, #0086e7, #0075ca, #000 85%);-webkit-transition:.3s;transition:.3s}.diamanteUnitarios.borda{position:absolute;background:#0086e7;width:68%}.bordatUnitarios{width:50%;height:100%;margin-top:0;position:absolute;left:0;clip-path:polygon(100% 0, 40% 50%, 100% 100%, 0 50%);background:#127388;-webkit-transition:.3s;transition:.3s}.bordatUnitarios.right{right:0;left:auto;transform:rotate(180deg)}.setaUnitarios{width:50%;height:100%;position:absolute;left:0;-webkit-clip-path:polygon(100% 0, 40% 50%, 100% 100%, 0 50%);clip-path:polygon(100% 0, 39% 50%, 100% 100%, 0 50%);background:-webkit-gradient(linear, left top, right top, from(black), color-stop(70%, #002743));background:linear-gradient(to right, black, #002743 70%);-webkit-transition:.3s;transition:.3s}.setaUnitarios.right{right:0;left:auto;transform:rotate(180deg)}.riscoUnitarios{width:19.5%;height:1px;position:absolute;left:0;background:-webkit-gradient(linear, right top, left top, from(#0086e7), color-stop(125%, transparent));background:linear-gradient(to left, #0086e7, transparent);margin-top:0px;-webkit-transition:.3s;transition:.3s}.riscoUnitarios.right{right:0;left:auto;background:linear-gradient(to left, transparent, #0086e7)}.uUnitarios{position:absolute;font-size:26px;color:#fff;font-weight:400;background:-webkit-linear-gradient(#2faeff, #2faeff, #2faeff, #fff, #2faeff, #2faeff, #2faeff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;padding-top:7px;-webkit-animation:uUnit 8s infinite;animation:uUnit 8s infinite;-webkit-transition:.2s;transition:.2s}h1.titleUnitarios{color:#049dff;transition:.3s;margin-left:10px}.logo-unitarios-books{display:flex;margin:20px 0;align-items:center;text-decoration:none}.textUnitarios{text-transform:uppercase;font-weight:300;font-size:1.5rem;line-height:1.9rem}[data-svg]{display:flex;justify-content:center;align-items:center;width:1.25rem}[data-svg] svg{fill:var(--gray-400);transition:.3s}[data-svg] svg.fill-none,[data-svg] svg .fill-none{fill:none}[data-svg] svg.stroke-none,[data-svg] svg .stroke-none{stroke:none}[data-svg] .fill-default{fill:var(--gray-400)}[data-svg] .stroke-default{stroke:var(--gray-400)}[data-svg] .fill-red{fill:var(--red-400)}[data-svg] .fill-blue{fill:var(--blue-300)}[data-svg] .fill-black{fill:var(--black)}[data-svg] .fill-white{fill:var(--white)}[data-svg] .fill-yellow{fill:var(--yellow-500)}[data-svg] .fill-green{fill:var(--green-400)}[data-svg] .fill-orange{fill:var(--orange-500)}[data-svg] .stroke-red{stroke:var(--red-400)}[data-svg] .stroke-blue{stroke:var(--blue-300)}[data-svg] .stroke-black{stroke:var(--black)}[data-svg] .stroke-white{stroke:var(--white)}[data-svg] .stroke-yellow{stroke:var(--yellow-500)}[data-svg] .stroke-green{stroke:var(--green-400)}[data-svg] .stroke-orange{stroke:var(--orange-500)}[nav-mobile]{padding:.46rem;transition:.3s}[nav-mobile] [data-svg]{width:2rem}[nav-mobile] *{pointer-events:none}[nav-profile]{background:var(--blue-300);width:2.5rem;height:2.5rem;display:flex;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);transition:.3s}[nav-profile] [data-svg]{width:1.7rem;height:1.7rem}[nav-profile]:hover{background:rgba(0,0,0,0);border:1px solid var(--blue-300)}[nav-profile]:hover svg{stroke:var(--blue-300)}.grid-header h1,.grid-header h1 span{color:var(--white)}.grid-header{padding-right:2rem;height:80px;padding-left:1rem;background-color:var(--gray-700);border:none;border-bottom:1px solid var(--gray-500);align-items:center;display:flex;grid-column:1/-1;align-items:center}.wrap-perfil{margin-left:auto}.grid-header .profile img{width:3rem;border-radius:50%}@media screen and (max-width: 600px){.wrap-logo{margin-left:auto}.wrap-logo h1{display:none}}.grid-aside{display:flex;padding:.75rem;padding-top:1.5rem;border:none;border-right:1px solid var(--gray-500);gap:.75rem;flex-direction:column;width:300px;transition:.3s;height:calc(100vh - 80px);overflow:auto}.grid-aside nav{display:flex;flex-direction:column;height:calc(100vh - 7.5rem)}.grid-aside ul{list-style-type:none;width:100%;transition:.3s}.grid-aside ul li{color:var(--gray-400);display:flex;flex-wrap:wrap;align-items:center;width:100%;border:1px solid rgba(0,0,0,0);border-radius:7px;transition:.3s;margin-bottom:.2rem}.grid-aside ul li[dropdown]{padding:.7rem;gap:.6rem;cursor:pointer;transition:.3s;position:relative}.grid-aside ul li[dropdown] span{pointer-events:none}.grid-aside ul li[dropdown]:hover,.grid-aside ul li[dropdown].active{border:1px solid var(--gray-500);color:var(--gray-300)}.grid-aside ul li[dropdown]::before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--gray-400);transform:rotate(90deg);border-style:solid;border-width:4px;content:"";right:6px;position:absolute;transition:.3s;top:1.05rem;pointer-events:none}.grid-aside ul li[dropdown].active::before{transform:rotate(-90deg);content:""}.grid-aside svg{stroke-width:1.5px;fill:none;stroke:var(--gray-400);transition:.3s}.grid-aside i,.grid-aside i svg{pointer-events:none;font-style:initial}.grid-aside ul li[dropdown]:hover svg,.grid-aside ul li[dropdown].active svg{stroke:var(--blue-300);color:var(--blue-300)}.grid-aside ul li ul li a svg{stroke:var(--gray-400) !important}.grid-aside ul li a{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem;text-decoration:none;color:var(--gray-400);border-radius:.3125rem;transition:.3s;font-size:1.05rem;line-height:1.45rem;position:relative;width:100%;transition:.3s}.grid-aside ul li a:hover,.grid-aside ul li a.active{background:var(--gray-600);color:var(--gray-300)}.grid-aside ul li a:hover svg,.grid-aside ul li a.active svg,.grid-aside ul li a.hover i,.grid-aside ul li a.active i{stroke:var(--blue-300) !important;color:var(--blue-300) !important;transition:.3s}.grid-aside ul li a span{flex:1}.grid-aside ul li[dropdown]>ul{list-style-type:none;height:0;opacity:0;position:absolute;top:-30px;transition:.3s;overflow:hidden}.grid-aside ul li[dropdown].active>ul.show,.grid-aside ul li[dropdown]>ul.show{height:auto;position:relative;opacity:1;top:0;transition:.3s}.grid-aside ul li svg.stroke-green{stroke:var(--green-400) !important}.grid-aside ul li svg.stroke-red{stroke:var(--red-400) !important}.grid-aside ul li svg.stroke-yellow{stroke:var(--yellow-500) !important}.grid-aside ul li svg.stroke-orange{stroke:var(--orange-500) !important}.grid-aside ul li svg.stroke-white{stroke:var(--white) !important}.grid-aside ul li svg.stroke-black{stroke:var(--black) !important}[nav-mobile]{display:none;cursor:pointer}.grid-aside nav ul:last-of-type{margin-top:auto}.grid-aside ul li [data-svg].stroke-red svg{stroke:var(--red-400) !important}.grid-aside ul li a em{position:absolute;top:-0.2rem;right:6px;background:var(--blue-400);font-size:.65rem;font-weight:900;border-radius:4px;padding:0rem .2rem;line-height:1rem;color:var(--gray-300)}.grid-aside ul li a.active em{top:-0.5rem}.nameHome{bottom:-0.5rem;color:#fff;right:0;font-size:.75rem;font-weight:550;line-height:.6rem;border-radius:3em;flex:initial !important;font-style:italic;margin-top:4px}@media screen and (max-width: 1024px){.grid-aside ul li[dropdown]:hover>ul{list-style-type:none;height:0;opacity:0;position:absolute;top:-30px;transition:.3s;overflow:hidden}[nav-mobile]{display:inline}.grid-aside{position:absolute;left:-90000px;top:80px;width:1px}.grid-aside.show{left:0;background:#000;width:100%;height:calc(100% - 80px);top:80px;z-index:999999}}.grid-main{height:calc(100vh - 80px);overflow:auto}.grid-main h1{color:var(--gray-300);font-size:2rem;line-height:2rem;word-wrap:break-word}.grid-template{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;background:var(--gray-800);min-height:100vh;height:100%}.wrapper{padding:1.5rem 1.5rem 2.5rem 1.5rem;gap:2.5rem;display:flex;flex-direction:column;max-width:1545px;margin-left:auto;margin-right:auto}.flex-gap{display:flex;gap:2.5rem;flex-direction:column}@media screen and (max-width: 1024px){.grid-template{grid-template-columns:1fr;grid-template-rows:1fr}}.politica{width:100%;border:1px solid var(--gray-500);border-radius:4px;padding:5rem}.politica h2{color:var(--gray-300);font-size:1.7rem;line-height:2.2rem;word-wrap:break-word;margin-bottom:1rem;margin-top:3rem}.politica h2:first-child{margin-top:0}.politica p{color:var(--gray-300);font-size:1.2rem;font-weight:300;line-height:1.8rem;margin-bottom:1rem}.politica strong{color:var(--gray-300);font-size:1.2rem;font-weight:700;line-height:1.8rem}.politica a{color:var(--blue-300);font-size:1.2rem;font-weight:300;line-height:1.8rem;margin-bottom:1rem;word-wrap:break-word}.politica ul,.politica ol{padding-left:revert;margin-bottom:2rem}.politica ul li,.politica ol li{color:var(--gray-300);font-size:1.2rem;font-weight:300;line-height:1.8rem;margin-bottom:1rem}@media screen and (max-width: 1200px){.politica{width:100%;padding:2rem;border:none}}@media screen and (max-width: 1024px){.politica{padding:0}}:root{--cell: 77px;--cell-height: 100px;--gap: 13px;--cols: 7;--rows: 10}.wrapgame{display:flex;gap:20px;width:100%;max-width:1024px;margin:0 auto;position:relative;z-index:2}.board{display:grid;grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell-height);gap:var(--gap);padding:12px;border-radius:12px;border-top:3px solid #3658d5;color:#e6eef8}.wrapgame.player2 .board{border-bottom:3px solid #922cd5;border-top:none}.cell{background:rgba(0,0,0,0);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default;box-shadow:rgba(0,0,0,0);transition:all .12s ease}.cell.empty{background:#071226}.cell.owner-1{box-shadow:0 0px 0px 2px rgba(90,136,253,.6)}.cell.owner-2{box-shadow:0 0 0px 2px rgba(146,44,213,.65)}.cell.owner-1 .piece{box-shadow:0 8px 28px rgba(99,102,241,.08)}.cell.owner-2 .piece{box-shadow:0 8px 28px rgba(244,63,94,.08)}.cell.diamond{background:url("../images/unitarios-tatico/j1.png") no-repeat center center,radial-gradient(circle at 50% 70%, #fff 5%, #52fafc 36%, transparent 85%),radial-gradient(circle at 50% 80%, transparent 5%, #619fda 85%) !important;box-shadow:0 0px 0px 2px rgba(90,136,253,.6)}.cell:nth-child(64),.cell:nth-child(65),.cell:nth-child(66),.cell:nth-child(66),.cell:nth-child(68),.cell:nth-child(69),.cell:nth-child(70){box-shadow:0 0 0px 2px rgba(146,44,213,.65)}.cell.owner-1:hover{box-shadow:0 0px 0px 2px rgba(90,136,253,.6),0 0 22px #3a6de2}.cell.owner-2:hover{box-shadow:0 0 0px 2px rgba(146,44,213,.65),0 0 15px #c42bc4}.piece{border-radius:4px;width:var(--cell);height:var(--cell-height);display:flex;align-items:center;justify-content:center;color:#07203a;font-weight:700;position:relative;z-index:2;transition:transform .28s cubic-bezier(0.2, 0.9, 0.2, 1),filter .18s ease}.owner-1 .canhao{background:url("../images/unitarios-tatico/canhao.png") no-repeat center center;background-size:contain}.owner-1 .tri{background:url("../images/unitarios-tatico/a1.png") no-repeat center center;background-size:contain}.owner-1 .sqr{background:url("../images/unitarios-tatico/g1.png") no-repeat center center;background-size:contain}.owner-1 .cir{background:url("../images/unitarios-tatico/l1.png") no-repeat center center;background-size:contain}.owner-1 .cura{background:url("../images/unitarios-tatico/p1.png") no-repeat center center;background-size:contain}.owner-2 .canhao{background:url("../images/unitarios-tatico/canhao.png") no-repeat center center;background-size:contain}.owner-2 .tri{background:url("../images/unitarios-tatico/a2.png") no-repeat center center;background-size:contain}.owner-2 .sqr{background:url("../images/unitarios-tatico/g2.png") no-repeat center center;background-size:contain}.owner-2 .cir{background:url("../images/unitarios-tatico/l2.png") no-repeat center center;background-size:contain}.owner-2 .cura{background:url("../images/unitarios-tatico/p2.png") no-repeat center center;background-size:contain}.diamond{background:#071a23 url("../images/unitarios-tatico/j1.png") no-repeat center center !important;background-size:contain}.piece:hover{cursor:pointer}.owner-1#attackerPiece .canhao.attack-anim{background:url("../images/unitarios-tatico/canhao-attack-right.png") no-repeat center center}.owner-1#defenderPiece .canhao.attack-anim{background:url("../images/unitarios-tatico/canhao-attack-left.png") no-repeat center center}.owner-1#attackerPiece .sqr.attack-anim{background:url("../images/unitarios-tatico/g1-attack-right.png") no-repeat center center}.owner-1#defenderPiece .sqr.attack-anim{background:url("../images/unitarios-tatico/g1-attack-left.png") no-repeat center center}.owner-1#attackerPiece .cir.attack-anim{background:url("../images/unitarios-tatico/l1-attack-right.png") no-repeat center center}.owner-1#defenderPiece .cir.attack-anim{background:url("../images/unitarios-tatico/l1-attack-left.png") no-repeat center center}.owner-1#attackerPiece .cura.attack-anim{background:url("../images/unitarios-tatico/p1-upgrade.png") no-repeat center center}.owner-1#defenderPiece .cura.attack-anim{background:url("../images/unitarios-tatico/cura-attack.png") no-repeat center center}.owner-1#attackerPiece .tri.attack-anim{background:url("../images/unitarios-tatico/a1-attack-right.png") no-repeat center center}.owner-1#defenderPiece .tri.attack-anim{background:url("../images/unitarios-tatico/a1-attack-left.png") no-repeat center center}.owner-2#attackerPiece .canhao.attack-anim{background:url("../images/unitarios-tatico/canhao-attack-right.png") no-repeat center center}.owner-2#defenderPiece .canhao.attack-anim{background:url("../images/unitarios-tatico/canhao-attack-left.png") no-repeat center center}.owner-2#attackerPiece .sqr.attack-anim{background:url("../images/unitarios-tatico/g2-attack-right.png") no-repeat center center}.owner-2#defenderPiece .sqr.attack-anim{background:url("../images/unitarios-tatico/g2-attack-left.png") no-repeat center center}.owner-2#attackerPiece .cir.attack-anim{background:url("../images/unitarios-tatico/l2-attack-right.png") no-repeat center center}.owner-2#defenderPiece .cir.attack-anim{background:url("../images/unitarios-tatico/l2-attack-left.png") no-repeat center center}.owner-2#attackerPiece .cura.attack-anim{background:url("../images/unitarios-tatico/p2-upgrade.png") no-repeat center center}.owner-2#defenderPiece .cura.attack-anim{background:url("../images/unitarios-tatico/cura2-attack.png") no-repeat center center}.owner-2#attackerPiece .tri.attack-anim{background:url("../images/unitarios-tatico/a2-attack-right.png") no-repeat center center}.owner-2#defenderPiece .tri.attack-anim{background:url("../images/unitarios-tatico/a2-attack-left.png") no-repeat center center}.cura{background:#9333ea;border-radius:50%;position:relative}.badge{position:absolute;right:6px;bottom:6px;font-size:11px;background:#06151d;padding:2px 6px;border-radius:10px;z-index:2;pointer-events:none}.owner-1.highlight{outline:3px solid rgba(99,102,241,.18);box-shadow:0 0px 0px 2px rgba(90,136,253,.6),0 0 22px #3a6de2;background:radial-gradient(#fff 20%, #a0d5ff 30%, #0b4674 90%)}.owner-2.highlight{outline:3px solid rgba(99,102,241,.18);box-shadow:0 0 0px 2px rgba(146,44,213,.65),0 0 15px #c42bc4;background:radial-gradient(#fff 20%, #a0d5ff 30%, #0b4674 90%)}.range{background:rgba(51,146,209,.3);outline:1px dashed rgba(51,146,209,.3)}.attack-range{background:radial-gradient(rgba(225, 51, 51, 0.6), rgba(63, 96, 244, 0.01));outline:2px dashed rgba(244,63,94,.09);cursor:pointer}.upgrade-range{background:radial-gradient(#cfe116 20%, #eeffa0 30%, #620b74 90%);outline:2px dashed rgba(147,51,234,.09);cursor:pointer}.movable{outline:1px solid #81f8fb;cursor:pointer}.movable:hover{transform:translateY(-4px)}.chosen-move{box-shadow:0 6px 18px rgba(79,215,255,.8)}@keyframes hitFlash{0%{filter:brightness(1)}50%{filter:brightness(0.45) saturate(1.3);transform:scale(1.06)}100%{filter:none;transform:none}}.hit-anim{animation:hitFlash .26s ease}@keyframes dieFade{0%{opacity:1;transform:none}100%{opacity:0;transform:scale(0.6) translateY(-8px)}}.die-anim{animation:dieFade .45s forwards}@keyframes upgradeGlow{0%{box-shadow:0 0 5px rgba(147,51,234,.5)}50%{box-shadow:0 0 20px rgba(147,51,234,.8),0 0 30px rgba(147,51,234,.6)}100%{box-shadow:0 0 5px rgba(147,51,234,.5)}}.upgrade-anim{animation:upgradeGlow 1s ease}.sidebar{width:360px;padding:0 1rem;border-radius:12px;height:fit-content;position:sticky;top:1.5rem;color:#e6eef8}.turn{display:flex;justify-content:space-between;align-items:center;padding:0;border-radius:8px;flex-wrap:wrap;gap:.5rem}#turnLabel{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:#3658d5;padding:.5rem;border-radius:4px;width:100%}.player2 #turnLabel{background:#6a288c}.players{display:flex;gap:8px;justify-content:space-between;width:100%}.pbox{padding:6px 8px;border-radius:4px;width:50%;text-align:center;color:#e6eef8}.pbox:first-child{border-bottom:1px solid #3f56d0}.pbox:last-child{border-bottom:1px solid #6a288c}.controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;margin:1rem 0;flex-direction:column}button{background:rgba(0,0,0,0);border:1px solid #4654cb;color:#e6eef8;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;width:100%}.player2 button{border-color:#6a288c}button:hover,.player2 button:hover{border:1px solid #7cf8fb}button.primary{background:#4654cb}.player2 button.primary{background:#6a288c}button.upgrade-btn{background:#9333ea}button.defense-btn{background:#0ea5e9}button.disabled{opacity:.35;pointer-events:none}.small{display:none}.cancel-move-btn{background:#e74c3c !important;border:1px solid #c0392b !important;margin-top:10px}.cancel-move-btn:hover{background:#c0392b !important}.piece.hit-anim::after{content:"";position:absolute;top:50%;left:-20%;width:140%;height:4px;background:linear-gradient(90deg, transparent, rgba(179, 25, 25, 0.9), transparent);transform:translateY(-50%) rotate(-20deg) scaleX(0.3);opacity:0;animation:hitSlash .22s ease-out forwards;pointer-events:none}.modal-content:has(#attackerPiece .piece.cura) #defenderPiece .piece.hit-anim::after{content:none !important;animation:none !important;opacity:0 !important}@keyframes hitSlash{0%{transform:translateY(-50%) rotate(-20deg) scaleX(0.3);opacity:0}20%{opacity:1}100%{transform:translateY(-50%) rotate(-20deg) scaleX(1.2);opacity:0}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1000;justify-content:center;align-items:center}.modal-content{display:flex;gap:50px;background-color:#0b1220;padding:30px;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5)}.modal-piece{display:flex;flex-direction:column;align-items:center;gap:15px}.modal-piece .piece{width:var(--cell);height:var(--cell-height);font-size:30px}.modal-piece .info{text-align:center;color:#e6eef8}.modal-piece .info .name{font-weight:bold;margin-bottom:5px}.modal-piece .info .stats{font-size:14px}.modal-piece .piece.attack-anim{transform:translate(var(--tx, 0), var(--ty, 0))}.modal-piece .piece.hit-anim{animation:hitFlash .26s ease}.modal-piece .piece.die-anim{animation:dieFade .45s forwards}.modal-piece .cura.die-anim{animation:none !important}.modal-piece .piece.upgrade-anim{animation:upgradeGlow 1s ease}.cell.used-this-turn{opacity:.5;pointer-events:none}.cell.used-this-turn .piece{filter:grayscale(70%)}.moves-counter{padding:8px 10px;border-radius:8px;margin:2rem 0;text-align:center;display:flex;flex-direction:column;gap:.5rem}.moves-counter .moves-left{font-weight:bold;color:#3f56d0;font-size:2rem}.player2 .moves-counter .moves-left{color:#9942c6}.selected-piece{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;display:none}.wrap-status{margin:3rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(63,86,208,.2);padding:1rem;font-size:1rem;color:#fff;text-align:center;border-radius:4px}.player2 .wrap-status{background:rgba(104,43,137,.2)}#status{margin-top:10px;color:#fff}.game-mode-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:2000;justify-content:center;align-items:center}.game-mode-content{background-color:#0b1220;padding:40px;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5);text-align:center;max-width:500px}.game-mode-content h2{margin-top:0;margin-bottom:20px;color:#e6eef8}.game-mode-content p{margin-bottom:30px;color:#9fb0c8}.game-mode-buttons{display:flex;flex-direction:column;gap:15px}.game-mode-buttons button{padding:12px 20px;font-size:16px}.upgrade-modal-content{background-color:#0b1220;padding:30px;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5);text-align:center;max-width:500px}.upgrade-modal-content h2{margin-top:0;margin-bottom:20px;color:#e6eef8}.upgrade-modal-content p{margin-bottom:30px;color:#9fb0c8}.upgrade-buttons{display:flex;gap:15px;justify-content:center}.upgrade-buttons button{padding:12px 20px;font-size:16px}.computer-thinking{position:fixed;top:20px;right:20px;background-color:rgba(11,18,32,.9);color:#e6eef8;padding:10px 20px;border-radius:8px;display:none;z-index:1500}@keyframes newPieceGlow{0%{box-shadow:0 0 5px rgba(255,215,0,.8)}50%{box-shadow:0 0 20px gold,0 0 30px rgba(255,215,0,.8)}100%{box-shadow:0 0 5px rgba(255,215,0,.8)}}.new-piece-anim{animation:newPieceGlow 1.5s ease}.credits{position:fixed;font-size:4rem;color:rgba(255,255,255,.05);bottom:2rem;display:flex;align-items:end;right:2rem;justify-content:flex-end;text-align:right;z-index:-1;pointer-events:none;flex-direction:column;line-height:4rem}.credits span{font-size:1.2rem;color:rgba(255,255,255,.12)}.star{position:fixed;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,.8);animation:blink1 2s infinite alternate;z-index:1}@keyframes blink1{0%{opacity:.75;box-shadow:0 0 5px rgba(255,255,255,.5)}20%{opacity:.2;box-shadow:0 0 15px #fff}30%{opacity:.75;box-shadow:0 0 15px #fff}}@keyframes blink2{0%{opacity:.55;box-shadow:0 0 5px rgba(255,255,255,.7)}20%{opacity:.15;box-shadow:0 0 15px #fff}30%{opacity:.55;box-shadow:0 0 15px #fff}}@keyframes blink3{0%{opacity:.3;box-shadow:0 0 5px rgba(255,255,255,.6)}30%{opacity:.15;box-shadow:0 0 10px rgba(255,255,255,.8)}40%{opacity:.3;box-shadow:0 0 10px rgba(255,255,255,.8)}}.cards-container{margin:1rem 0;padding:1rem;background:rgba(63,86,208,.1);border-radius:8px;border:1px solid rgba(63,86,208,.3)}.player2 .cards-container{background:rgba(104,43,137,.1);border:1px solid rgba(104,43,137,.3)}.cards-title{font-size:1rem;font-weight:bold;margin-bottom:.5rem;color:#e6eef8;text-align:center}.hand-container{display:flex;gap:.5rem;flex-wrap:wrap}.card{background:linear-gradient(135deg, #2a3f8f, #1e2b5f);border:1px solid #4a5bc4;border-radius:8px;padding:.5rem 1rem;color:#fff;font-weight:bold;font-size:1.1rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.3);flex:1}.player2 .card{background:linear-gradient(135deg, #6a288c, #4a1c6c);border:1px solid #8a3cac}.card:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.4);background:linear-gradient(135deg, #3a4f9f, #2e3b6f)}.player2 .card:hover{background:linear-gradient(135deg, #7a389c, #5a2c7c)}.card.selected{border:2px solid gold;box-shadow:0 0 15px rgba(255,215,0,.5)}.card.used{opacity:.5;pointer-events:none;background:linear-gradient(135deg, #2a2a2a, #1a1a1a);border:1px solid #444}.card.disabled{opacity:.4;pointer-events:none;background:linear-gradient(135deg, #2a2a2a, #1a1a1a);border:1px solid #444;cursor:not-allowed}.card-effect-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1500;justify-content:center;align-items:center}.card-effect-content{background-color:#0b1220;padding:30px;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5);text-align:center;max-width:500px;color:#e6eef8}.card-effect-content h2{margin-top:0;margin-bottom:20px}.card-effect-content p{margin-bottom:20px;font-size:1.1rem}.card-effect-buttons{display:flex;gap:15px;justify-content:center}.card-effect-buttons button{padding:12px 20px;font-size:16px}.extra-move{background:rgba(255,215,0,.3) !important;outline:2px dashed rgba(255,215,0,.7) !important;cursor:pointer !important}.no-cards{text-align:center;color:#9fb0c8;padding:1rem;font-style:italic;flex:1}.cards-container:has(.no-cards){display:none}.draw-card-btn{margin-top:.5rem;background:linear-gradient(135deg, #0ea5e9, #0a7cb8) !important;border:1px solid #0ea5e9 !important}.player2 .draw-card-btn{background:linear-gradient(135deg, #9333ea, #7b2bcc) !important;border:1px solid #9333ea !important}.draw-card-btn:hover{background:linear-gradient(135deg, #2ab5f9, #0a8cc8) !important}.player2 .draw-card-btn:hover{background:linear-gradient(135deg, #a343fa, #8b3bcc) !important}@media screen and (max-width: 1280px){.wrapgame{z-index:2;flex-direction:column}.wrapboard{order:2;z-index:1;margin:0 auto}.sidebar{width:100%;padding:0 1rem;height:135px;order:1;z-index:2;background:#121214;overflow-y:auto;display:flex;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding:.3rem;align-items:center;top:0}.turn{display:none}.moves-counter{padding:0;margin:0;flex-direction:row;gap:.5rem;justify-content:center;order:2;align-items:center}.cards-container{order:8;width:100%}.controls{flex-wrap:initial;margin:0;flex-direction:row;width:100%;order:4}.controls button{padding:.3rem .5rem;font-size:.85rem;line-height:1.2rem}.wrap-status{margin:0;flex-direction:row;padding:.6rem .5rem;gap:1rem;order:3;flex:1}.wrap-status strong{display:none}.wrap-status strong,.wrap-status #status{font-size:.8rem;margin-top:0}}@media screen and (max-width: 700px){:root{--cell: 66px;--cell-height: 86px}.modal-piece .piece{width:77px !important;height:100px !important}}@media screen and (max-width: 615px){:root{--cell: 54px;--cell-height: 70px}.badge{right:0;bottom:0;font-size:10px;font-weight:bold}}@media screen and (max-width: 520px){:root{--cell: 44px;--cell-height: 57px}.controls button{padding:.3rem .05rem;line-height:1rem}@keyframes hitFlash{0%{filter:brightness(1)}50%{filter:brightness(0.45) saturate(1.3);transform:scale(1.01)}100%{filter:none;transform:none}}}@media screen and (max-width: 460px){:root{--cell: 38px;--cell-height: 49px;--gap: 8px}.sidebar{height:160px}.wrap-status{flex:initial;width:100%}}@media screen and (max-width: 380px){:root{--cell: 34px;--cell-height: 44px}}