:root{--cyan:#16d9ff;--pink:#ff3ca6;--violet:#7b5cff;--lime:#a7ed58;--modern-bg:#f4f7fb;--modern-ink:#18233a}
.chess-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,#0d3970 0,#061a36 37%,#020712 76%,#000 100%);transition:opacity .65s ease,visibility .65s ease}.chess-splash:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 20deg,transparent,#ecb84018,transparent 22%,#1e8dff18,transparent 48%);animation:splashGlow 7s linear infinite}.chess-splash.is-loaded{opacity:0;visibility:hidden;pointer-events:none}.chess-splash-inner{position:relative;display:flex;flex-direction:column;align-items:center;width:min(94vw,760px);padding:18px 20px 28px}.chess-splash-game-logo{display:block;width:min(78vw,560px);max-height:62vh;object-fit:contain;filter:drop-shadow(0 24px 35px #000b) drop-shadow(0 0 24px #d99e3060);animation:splashLogo 1.15s cubic-bezier(.2,.75,.25,1) both}.chess-splash-cloudix-logo{display:block;width:min(43vw,250px);max-height:110px;object-fit:contain;margin-top:-8px;filter:drop-shadow(0 0 16px #159dff88);animation:splashRise .75s .45s ease both}.chess-splash-loading{margin:9px 0 8px;color:#dbeaff;font:800 11px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:5px;text-shadow:0 0 12px #22aaff}.chess-splash-loading span{display:inline-block;width:24px;overflow:hidden;vertical-align:bottom;animation:loadingDots 1.15s steps(4,end) infinite}.chess-splash-track{width:min(54vw,300px);height:4px;overflow:hidden;border:1px solid #b8893f66;border-radius:99px;background:#0008;box-shadow:0 0 16px #087cff44}.chess-splash-track i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#23b7ff,#ffe08b,#23b7ff,transparent);animation:loadingTrack 1.25s ease-in-out infinite}@keyframes splashGlow{to{transform:rotate(360deg)}}@keyframes splashLogo{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes splashRise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes loadingDots{0%{width:0}100%{width:24px}}@keyframes loadingTrack{from{transform:translateX(-110%)}to{transform:translateX(330%)}}@media(max-width:600px){.chess-splash-inner{padding:12px 12px 24px}.chess-splash-game-logo{width:min(92vw,520px);max-height:60vh}.chess-splash-cloudix-logo{width:min(58vw,230px);margin-top:-2px}.chess-splash-loading{font-size:10px;letter-spacing:4px}}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#e8edf5;color:var(--modern-ink)}
.game-shell.awaiting-mode{visibility:hidden;opacity:0}.chess-mode-screen{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow:auto;padding:28px 16px;background:radial-gradient(circle at 50% 20%,#12396b,#04152d 48%,#01050d);opacity:0;visibility:hidden;transition:opacity .55s ease}.chess-mode-screen.is-ready{opacity:1;visibility:visible}.chess-mode-card{width:min(94vw,790px);display:grid;justify-items:center;gap:16px}.chess-mode-kicker{margin:0;color:#ffd77b;font:900 11px Arial;letter-spacing:6px;text-shadow:0 0 14px #ffbb45}.chess-mode-choice{display:block;width:100%;padding:0;overflow:hidden;border:2px solid #efbd4d;border-radius:25px;background:#061b37;cursor:pointer;box-shadow:0 18px 45px #000b,0 0 24px #d99e3033;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.chess-mode-choice img{display:block;width:100%;height:auto}.chess-mode-choice:hover,.chess-mode-choice:focus-visible{transform:translateY(-4px) scale(1.015);filter:brightness(1.12);box-shadow:0 24px 55px #000d,0 0 32px #36a8ff66;outline:none}.chess-mode-back{padding:10px 24px;border:1px solid #a87c36;border-radius:99px;background:#061327;color:#d9b666;font:800 10px Arial;letter-spacing:3px;cursor:pointer}.chess-invite[hidden]{display:none}.chess-invite{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:18px;background:#010711dc;backdrop-filter:blur(12px)}.chess-invite-card{position:relative;width:min(92vw,520px);padding:34px 30px 28px;border:2px solid #e1ae42;border-radius:28px;background:radial-gradient(circle at 50% 0,#123d73,#06172f 45%,#020914);color:#eef7ff;text-align:center;box-shadow:0 30px 90px #000,0 0 42px #d6a13c55}.invite-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:1px solid #d5ab5b;border-radius:50%;background:#07182f;color:#ffe49b;font-size:24px;cursor:pointer}.invite-piece{display:block;color:#ffd266;font-size:58px;filter:drop-shadow(0 0 18px #f1ad3d)}.chess-invite h2{margin:8px 0 9px;font:900 clamp(25px,5vw,42px) Georgia,serif;color:#fff1bd}.chess-invite-card>p:not(.chess-mode-kicker):not(.invite-status){margin:0 auto 18px;max-width:410px;color:#b9cbe1;line-height:1.55}.invite-room{display:grid;gap:6px;margin:15px auto 20px;padding:13px;border:1px solid #4773a4;border-radius:15px;background:#020b18}.invite-room small{color:#7ea7d7;font:800 9px Arial;letter-spacing:3px}.invite-room strong{color:#ffe294;font:900 22px Arial;letter-spacing:6px}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-actions button,.accept-invite{min-height:48px;border:1px solid #ddb24f;border-radius:13px;background:linear-gradient(135deg,#dfaa37,#fff09b);color:#081429;font:900 11px Arial;letter-spacing:1px;cursor:pointer}.invite-actions button:first-child{grid-column:1/-1}.invite-actions button:nth-child(2){background:#20ad63;color:#fff;border-color:#4cdd8d}.invite-actions button:nth-child(3){background:#0b2345;color:#ddecff;border-color:#4773a4}.accept-invite{width:100%}.invite-status{margin:16px 0 0;color:#7fdcff;font:700 11px Arial;letter-spacing:.5px}@media(max-width:600px){.chess-mode-screen{padding:18px 10px}.chess-mode-card{gap:12px}.chess-mode-choice{border-radius:17px}.chess-invite-card{padding:28px 18px 22px}.invite-room strong{font-size:18px;letter-spacing:4px}}
.game-shell{background:radial-gradient(circle at 13% 14%,#d8f7ff 0 12%,transparent 34%),radial-gradient(circle at 87% 18%,#ffe2f2 0 10%,transparent 32%),linear-gradient(145deg,#f9fbff,#e8eef8 62%,#f7f2ff);color:var(--modern-ink)}
.game-shell:before{opacity:.5;background-image:radial-gradient(circle,#aab6cb 1.2px,transparent 1.5px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#0008,transparent 70%)}
.atmosphere span{filter:blur(110px);opacity:.18}.atmosphere span:nth-child(1){background:var(--cyan)}.atmosphere span:nth-child(2){background:var(--pink)}.atmosphere span:nth-child(3){background:var(--violet)}
.topbar{background:rgba(255,255,255,.74);border-bottom:1px solid #cbd5e5;box-shadow:0 8px 35px #61769b18}.crest{background:linear-gradient(145deg,var(--cyan),var(--violet));color:#fff;clip-path:none;border-radius:16px;box-shadow:0 8px 22px #6e6cff45}.brand span{color:#6f7b92}.brand strong{color:#1b2942}.icon-btn{border-radius:13px!important;background:#fff!important;color:#34405a!important;border-color:#d5ddeb!important}.new-btn{border:0!important;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--pink))!important;color:#fff!important;box-shadow:0 9px 22px #b14eff45}
.panel{background:rgba(255,255,255,.76);border:1px solid #fff;box-shadow:0 20px 55px #49618120,0 0 0 1px #cbd6e655;border-radius:26px;backdrop-filter:blur(18px)}.panel:before,.panel:after{display:none}.eyebrow{color:#7b5cff}.panel h2{color:#1b2942;font-family:Inter,"Segoe UI",sans-serif;font-weight:750}.field-label{color:#8994a8}.segmented{border:0;background:#e9eef6;padding:4px;border-radius:14px;gap:3px}.segmented button,.difficulty button{border-radius:11px;background:transparent;color:#758096}.segmented button.active{background:#fff;color:#6247df;box-shadow:0 5px 14px #69799528}.difficulty button{border:1px solid #dce3ef;background:#f8faff}.difficulty button.active{background:linear-gradient(145deg,#edfaff,#f4efff);border-color:#7b5cff;color:#573bd3;box-shadow:0 8px 18px #6958e52b}.lore{border-color:#dde4ef;color:#738098}.lore span{color:#ff3ca6}.legend{color:#768198}.dot.move{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.dot.attack{border-color:var(--pink);box-shadow:0 0 9px var(--pink)}
.turn-banner{background:rgba(255,255,255,.9);border:1px solid #fff;color:#36425b;border-radius:100px;box-shadow:0 10px 25px #556c9020}.status-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.dark-turn .status-dot{background:var(--pink);box-shadow:0 0 12px var(--pink)}
.board-frame{width:min(100%,650px,calc(100vh - 190px));width:min(100%,650px,calc(100dvh - 190px));padding:16px;border-radius:34px;clip-path:none;background:linear-gradient(135deg,#fff,#dbe5f2);box-shadow:0 32px 65px #35496c36,0 0 0 1px #fff}.board-frame:before{inset:7px;border:1px solid #cbd7e7;border-radius:28px;box-shadow:none}.corner{width:14px;height:14px;background:#fff;border:4px solid var(--violet);box-shadow:0 0 0 3px #fff}.chessboard{border-radius:21px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff,0 8px 25px #51698d1f}.square.light{background:linear-gradient(145deg,#f5f8fd,#e8edf6)}.square.dark{background:linear-gradient(145deg,#cdeffd,#b7dff2)}.square:nth-child(4n+2),.square:nth-child(4n+3){--node:#ffcae6}.square:after{inset:auto;width:58%;height:58%;border-radius:50%;background:radial-gradient(circle,#fff 0 48%,#ffffff90 50%,transparent 68%);box-shadow:0 7px 16px #506b902b;z-index:-1}.square.dark:after{background:radial-gradient(circle,#eafaff 0 48%,#fff8 50%,transparent 68%)}.square:hover{filter:none;background:#dff8ff}.square.selected{box-shadow:inset 0 0 0 4px var(--violet),inset 0 0 28px #7b5cff42}.square.movable:before{width:22%;height:22%;background:var(--cyan);box-shadow:0 0 0 5px #fff,0 0 18px var(--cyan)}.square.attackable:before{inset:5px;border-color:var(--pink);box-shadow:inset 0 0 14px #ff3ca688,0 0 12px #ff3ca6}.rank,.file{color:#66748d;z-index:4}.warrior-piece{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0;filter:none!important;transform:none!important;overflow:visible}.warrior-piece img{width:94%;height:96%;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 4px #26364c55);transition:.2s ease;pointer-events:none}.square:hover .warrior-piece img,.square.selected .warrior-piece img{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 12px 7px #26364c55)}
.board-controls{color:#7b879d}.board-controls button{background:#fff;border-color:#d2dce9;color:#5d6980;border-radius:11px}.players>div{background:#f4f7fb;border-color:#dce4ef;opacity:.55;border-radius:14px}.players>div.current,.players>div.light-player.current{opacity:1;background:#fff;border-color:#9d8dff;box-shadow:0 8px 18px #6858df20}.avatar{background:linear-gradient(145deg,#eef6ff,#f5efff);border-color:#d9e1ed;border-radius:12px}.players small,.players b{color:#66738b}.move-log{border-color:#dfe6ef}.move-log>div:not(.empty-log){color:#5e6a80;border-color:#e8edf3}.tip{background:#f2f4ff;border-left-color:var(--violet);border-radius:0 13px 13px 0}.tip b{color:#6248db}.tip p{color:#657189}footer{border-top-color:#dce3ed;color:#8792a5}footer b{color:#725be5}
.modern-battle{background:radial-gradient(circle at 50% 48%,#ffffff 0 5%,#dffaffef 18%,#6654dddc 48%,#17213aed 78%);animation:battleIn 3.5s ease both}.modern-battle:before{content:"";position:absolute;inset:7%;border:1px solid #ffffff38;border-radius:40px;background:linear-gradient(135deg,#fff1,#ffffff05);backdrop-filter:blur(5px)}.arena-rings{position:absolute;width:min(84vw,900px);height:min(45vw,430px);border:3px solid #5de9ff;border-radius:50%;transform:perspective(700px) rotateX(66deg);box-shadow:0 0 0 28px #7b5cff22,0 0 0 58px #ff3ca616,0 0 55px #39dfff;bottom:9%}.battle-title{position:absolute;top:9%;text-align:center;color:#fff;animation:titleHold 3.5s ease both}.battle-title small{display:block;font:700 10px Arial;letter-spacing:6px;color:#62eaff;margin-bottom:8px}.battle-title b{font:800 clamp(22px,4vw,48px) Arial;letter-spacing:3px}.modern-battle .fighter{width:min(32vw,430px);height:min(68vh,650px);font-size:0;display:flex;align-items:flex-end;justify-content:center;bottom:8%}.modern-battle .fighter img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 25px 18px #0008)}.modern-battle .attacker{left:13%;animation:warriorCharge 2.65s .25s ease-in-out both}.modern-battle .defender{right:13%;animation:warriorFall 2.8s .25s ease-in both}.energy-slash{position:absolute;left:50%;top:48%;width:180px;height:180px;transform:translate(-50%,-50%) rotate(-18deg)}.energy-slash i{position:absolute;left:50%;width:8px;height:190px;border-radius:20px;background:#fff;box-shadow:0 0 8px #fff,0 0 25px var(--cyan),0 0 55px var(--violet);transform:rotate(45deg);animation:energy 1.15s 1.25s ease-out both}.energy-slash i:nth-child(2){transform:rotate(95deg);animation-delay:1.38s}.energy-slash i:nth-child(3){transform:rotate(135deg);animation-delay:1.51s}.impact-core{font-size:80px;color:#fff;z-index:4;text-shadow:0 0 15px #fff,0 0 35px var(--pink);animation:pulseImpact 1.25s 1.3s ease-out both}.modern-battle strong{bottom:8%;font-family:Arial,sans-serif;color:#fff;text-shadow:0 0 20px var(--pink);letter-spacing:12px;animation:impactText 3.5s ease both}
@keyframes battleIn{0%{opacity:0}8%{opacity:1}88%{opacity:1}100%{opacity:0}}@keyframes titleHold{0%{opacity:0;transform:translateY(-16px)}12%,72%{opacity:1;transform:none}86%,100%{opacity:0;transform:translateY(-8px)}}@keyframes warriorCharge{0%,22%{transform:translateX(-20%)}52%{transform:translateX(0)}68%{transform:translateX(42%) scale(1.08)}80%{transform:translateX(28%)}100%{transform:translateX(18%)}}@keyframes warriorFall{0%,62%{transform:none;opacity:1}73%{transform:translateX(8%) rotate(8deg);opacity:1}100%{transform:translateX(30%) rotate(18deg);opacity:.25;filter:blur(2px)}}@keyframes energy{0%{opacity:0;transform:scale(.2) rotate(45deg)}35%{opacity:1}100%{opacity:0;transform:scale(1.5) rotate(45deg)}}@keyframes pulseImpact{0%{transform:scale(.1);opacity:0}35%{transform:scale(1.7);opacity:1}100%{transform:scale(.8);opacity:0}}@keyframes impactText{0%,48%{opacity:0;transform:translateY(18px) scale(.8)}58%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:780px){.arena{padding-top:10px}.panel{border-radius:20px}.board-frame{padding:10px;border-radius:24px}.chessboard{border-radius:15px}.warrior-piece img{width:98%;height:98%}.board-controls{max-width:min(100%,calc(100dvh - 190px))}.modern-battle .fighter{width:46vw;height:55vh}.modern-battle .attacker{left:1%}.modern-battle .defender{right:1%}.battle-title{top:15%}.modern-battle strong{font-size:22px;letter-spacing:5px}}
@media(max-height:620px){.topbar{height:58px}.arena{padding-top:8px}.turn-banner{margin-bottom:7px;padding:7px 14px}.board-frame{width:min(100%,calc(100dvh - 155px));padding:8px}.board-controls{margin-top:8px}}

/* El ejército de la Sombra mira hacia el Reino de la Luz. */
.warrior-piece.obsidian img{transform:scaleX(-1)}
.warrior-piece.moving-piece{z-index:8;animation:boardPieceMove 1.4s cubic-bezier(.22,.72,.2,1) both}
@keyframes boardPieceMove{from{translate:var(--move-x) var(--move-y);filter:drop-shadow(0 18px 12px #16243b88)!important}70%{translate:0 0;scale:1.08}to{translate:0 0;scale:1}}
.square:hover .warrior-piece.obsidian img,.square.selected .warrior-piece.obsidian img{transform:translateY(-3px) scaleX(-1) scale(1.04)}

.exit-btn{height:42px;padding:0 18px;border:1px solid #ff6b8f!important;border-radius:12px;background:#fff0f4!important;color:#b12650!important;font:800 11px Arial,sans-serif!important;letter-spacing:1.4px;cursor:pointer}.exit-btn:hover{background:#ffe1e9!important;border-color:#e33d6b!important}
@media(max-width:780px){.header-actions{gap:6px}.exit-btn{padding:0 12px}.new-btn{font-size:9px!important}}
.modern-battle img[src*="/shadow-"]{transform:scaleX(-1)}
.icon-btn.muted{opacity:.55;color:#a5adbb!important;text-decoration:line-through}

/* Recorte del logo Cloudix para que su arte horizontal sea visible en la carga. */
.chess-splash-cloudix-logo{width:min(52vw,310px);height:92px;max-height:none;object-fit:cover;object-position:center 42%;margin-top:-5px;filter:brightness(1.45) drop-shadow(0 0 18px #159dffaa)}
@media(max-width:600px){.chess-splash-cloudix-logo{width:min(66vw,260px);height:78px;margin-top:-2px}}
.chess-mode-card{width:min(92vw,700px);gap:14px}

/* En combate cada ejército conserva su lado; solo avanza quien capturó. */
.modern-battle .shadow-fighter{left:13%;right:auto}
.modern-battle .light-fighter{right:13%;left:auto}
.modern-battle .attacker.shadow-fighter{animation:shadowAttack 2.65s .25s ease-in-out both}
.modern-battle .attacker.light-fighter{animation:lightAttack 2.65s .25s ease-in-out both}
.modern-battle .defender.shadow-fighter{animation:shadowDefeat 2.8s .25s ease-in both}
.modern-battle .defender.light-fighter{animation:lightDefeat 2.8s .25s ease-in both}
@keyframes shadowAttack{0%,22%{transform:translateX(-20%)}52%{transform:translateX(0)}68%{transform:translateX(42%) scale(1.08)}80%{transform:translateX(28%)}100%{transform:translateX(18%)}}
@keyframes lightAttack{0%,22%{transform:translateX(20%)}52%{transform:translateX(0)}68%{transform:translateX(-42%) scale(1.08)}80%{transform:translateX(-28%)}100%{transform:translateX(-18%)}}
@keyframes shadowDefeat{0%,62%{transform:none;opacity:1}73%{transform:translateX(-8%) rotate(-8deg);opacity:1}100%{transform:translateX(-30%) translateY(35px) rotate(-18deg);opacity:0;filter:blur(3px)}}
@keyframes lightDefeat{0%,62%{transform:none;opacity:1}73%{transform:translateX(8%) rotate(8deg);opacity:1}100%{transform:translateX(30%) translateY(35px) rotate(18deg);opacity:0;filter:blur(3px)}}
@media(max-width:780px){.modern-battle .shadow-fighter{left:1%;right:auto}.modern-battle .light-fighter{right:1%;left:auto}}

/* Regla visual definitiva: atacante a la izquierda, defensor a la derecha. */
.modern-battle .attacker{left:13%;right:auto;animation:shadowAttack 2.65s .25s ease-in-out both!important}
.modern-battle .defender{right:13%;left:auto;animation:lightDefeat 2.8s .25s ease-in both!important}
.modern-battle .attacker.light-fighter img{transform:scaleX(-1)}
.modern-battle .defender.shadow-fighter img{transform:none}
@media(max-width:780px){.modern-battle .attacker{left:1%;right:auto}.modern-battle .defender{right:1%;left:auto}}

.recorded-battle{background:#07101ee8;overflow:hidden;animation:recordedBattleIn 3.8s ease both}
.recorded-battle.video-mode{animation:none}.recorded-battle.video-mode .recorded-media{animation:checkmateImage .55s ease both}
.recorded-media{position:relative;width:min(94vw,1160px);height:min(84vh,650px);border:2px solid #9cecff;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #000d,0 0 45px #65dfff77;animation:recordedImage 3.8s ease both}.recorded-media img,.recorded-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07101e}.recorded-media video{display:none}.recorded-media.has-video video{display:block}.recorded-media.has-video img{display:none}
.recorded-impact{position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,#fff 0 2%,#6eeaffaa 4%,transparent 22%);animation:recordedFlash 1.1s 1.15s ease-out both}
.recorded-caption{position:absolute;left:50%;bottom:6%;display:grid;justify-items:center;gap:6px;transform:translateX(-50%);width:min(92vw,760px);padding:14px 22px;border:1px solid #ffffff55;border-radius:18px;background:#101a36dd;color:#fff;text-align:center;box-shadow:0 15px 40px #000a;backdrop-filter:blur(10px)}
.recorded-caption small{color:#79edff;font:800 10px Arial;letter-spacing:5px}.recorded-caption strong{position:static;font:900 clamp(25px,5vw,58px) Arial;letter-spacing:7px;color:#fff;text-shadow:0 0 24px #ff3ca6}.recorded-caption span{font:700 13px Arial;letter-spacing:1px}
.checkmate-battle{pointer-events:auto;animation:none;background:#050914f5}.checkmate-battle .recorded-media{animation:checkmateImage 1.2s ease both}.checkmate-actions{display:flex;gap:12px;margin-top:8px}.checkmate-actions button{min-height:44px;padding:10px 18px;border:1px solid #79edff;border-radius:12px;background:#fff;color:#26324d;font:800 11px Arial;letter-spacing:1px;cursor:pointer}.checkmate-actions button:last-child{border-color:#ff8baa;background:#321527;color:#fff}
@keyframes recordedBattleIn{0%{opacity:0}10%,88%{opacity:1}100%{opacity:0}}@keyframes recordedImage{0%{opacity:0;transform:scale(.82)}18%,82%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}@keyframes recordedFlash{0%,100%{opacity:0}45%{opacity:1}}@keyframes checkmateImage{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
@media(max-width:780px){.recorded-media{width:96vw;height:76vh;border-radius:18px}.recorded-caption{bottom:3%;padding:10px 14px}.recorded-caption strong{letter-spacing:3px}.recorded-caption span{font-size:10px}.checkmate-actions button{min-height:40px;padding:8px 12px}}

/* Oculta las pistas internas mientras llega una jugada del rival. */
body.applying-online-move #board .movable::after,
body.applying-online-move #board .attackable::after,
body.applying-online-move #board .selected::after{opacity:0!important;visibility:hidden!important}