@keyframes monster-alert{50%{transform:translate(4%)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.monster-board *{transition:none!important;animation:none!important}}.monster-board{aspect-ratio:1;isolation:isolate;box-sizing:border-box;touch-action:manipulation;background:#39a99c;border:5px solid #f5b947;border-radius:13px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 6px #6d3b44,0 9px 24px #080b2b88}.monster-board .board-square{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;cursor:pointer;touch-action:manipulation;outline-offset:-4px;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex;position:relative;overflow:visible}.monster-board .square-light{background:linear-gradient(140deg,#fff1ce,#e5cf9a)}.monster-board .square-dark{background:linear-gradient(140deg,#4cc2ad,#24998f)}.monster-board .board-square:disabled{cursor:default;opacity:1;filter:none}.monster-board .board-square:focus-visible{z-index:4;outline:3px solid #fff}.monster-board .monster-piece{object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 1px #1c204866);-webkit-user-select:none;user-select:none;width:93%;max-width:none;height:99%;transition:transform .16s;position:relative}.monster-board .square-selected{z-index:3;background:#ffd85b;box-shadow:inset 0 0 0 3px #fff6a6}.monster-board .square-selected .monster-piece{transform:translateY(-5%)scale(1.09)}.monster-board .square-last:after{content:"";pointer-events:none;z-index:0;background:#ffe16c3d;border:2px solid #ffe88a88;border-radius:5px;position:absolute;inset:2px}.monster-board .square-legal:before{content:"";aspect-ratio:1;z-index:3;pointer-events:none;background:#123e4b66;border-radius:50%;width:26%;position:absolute;box-shadow:0 0 0 3px #e2fff766}.monster-board .square-capture:before{content:"";z-index:3;pointer-events:none;border:3px solid #ff365f;border-radius:50%;position:absolute;inset:2px}.monster-board .square-hint{background:#f4b83e;box-shadow:inset 0 0 0 3px #ffe15b}.monster-board .square-check{background:#ef4362;box-shadow:inset 0 0 0 3px #ffb9aa}.monster-board .square-check .monster-piece{animation:.65s ease-in-out 2 monster-alert}.monster-board .rank-label,.monster-board .file-label{z-index:4;color:#154e50;text-shadow:0 1px #fff5;pointer-events:none;font:800 clamp(8px,2.1vw,11px)/1 system-ui;position:absolute}.monster-board .rank-label{top:3px;left:2px}.monster-board .file-label{bottom:2px;right:3px}.monster-board .hint-badge{z-index:5;color:#603500;pointer-events:none;background:#ffe758;border-radius:50%;place-items:center;width:35%;height:35%;font-size:clamp(10px,3vw,18px);font-weight:900;display:grid;position:absolute;top:1px;right:1px;box-shadow:0 1px 4px #3b280977}@media (prefers-reduced-motion:reduce){.monster-board *{transition:none!important;animation:none!important}}.monster-board .monster-piece{filter:drop-shadow(0 2px 1px #1c204844);width:116%;height:123%;max-height:none;margin-top:-9%}.monster-board .capture-spark{z-index:8;pointer-events:none;border-radius:2px;width:8px;height:8px;position:absolute;top:46%;left:46%;box-shadow:0 0 8px #ffdc68}.monster-board.motion-off *{transition:none!important;animation:none!important}:root{color:#fff9ed;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--yellow:#ffc34a;--cyan:#2ed4da;--red:#f04f60;--purple:#7654d4;background:#21143d;font-family:Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior-y:none;background:radial-gradient(at 80% 0,#5a3687aa,#0000 60%),linear-gradient(#171d4599,#24153ddd),url(/monstruos-ajedrez/art/world.svg) top/cover fixed;min-width:280px;min-height:100dvh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation;letter-spacing:.15px;background:linear-gradient(#4f5082,#30335b);border:2px solid #ffffff30;border-radius:15px;min-height:46px;padding:10px 13px;font-family:inherit;font-size:14px;font-weight:900;line-height:1.15;transition:transform .12s,filter .15s;box-shadow:0 4px #11152d}button:hover{filter:brightness(1.1)}button:active{transform:translateY(2px);box-shadow:0 2px #11152d}button:disabled{opacity:.45;cursor:default;filter:saturate(.4)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fff181}button[aria-pressed=true]{color:#422640;background:linear-gradient(#ffe476,#ffb539);border-color:#fff39e;box-shadow:0 4px #99543e}h1,h2,p{margin:0}h1{text-wrap:balance;font-size:20px;line-height:1.15}h2{font-size:19px;line-height:1.2}p{line-height:1.5}#app{max-width:620px;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(22px + env(safe-area-inset-bottom,0px));margin:auto}.top{align-items:center;gap:10px;min-height:62px;margin-bottom:12px;display:flex}.top>div{flex:1;min-width:0}.eyebrow{letter-spacing:1.4px;color:#a8d7eb;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.back,.gear{border-radius:13px;flex:0 0 44px;min-height:44px;padding:6px}.back{background:linear-gradient(#7358a7,#453368);font-size:32px}.gear{font-size:23px}.hero{text-align:center;padding:3px 8px 16px;position:relative;overflow:hidden}.hero-monster{filter:drop-shadow(0 12px 10px #0d092b88);width:168px;height:168px;animation:4s ease-in-out infinite bob}.game-title{letter-spacing:-1.4px;color:#ffce51;text-shadow:0 3px #d96f3b,0 6px #602e5f,2px 8px 8px #1a1428;margin:0 0 18px;font-size:clamp(31px,8vw,48px);font-weight:1000;line-height:1;transform:rotate(-2deg)}.game-title span{color:#5fe4dc;text-shadow:0 3px #2589b1,0 6px #30375e;font-size:.75em;display:block}.hero p{color:#e4d7f2;max-width:300px;margin:auto;font-size:14px}.sparks{color:#ffdc76;font-size:40px;position:absolute;top:30px;left:12%;transform:rotate(-12deg)}.home-actions{gap:12px;max-width:390px;margin:0 auto;display:grid}.home-actions button{text-align:left;text-shadow:0 1px #0003;min-height:60px;padding:14px 22px;font-size:19px}.primary{color:#4e2442;background:linear-gradient(#ffd75f,#f7a92d);border-color:#fff09a;box-shadow:0 5px #9c5137}.cyan{color:#143d61;background:linear-gradient(#47e5e5,#13b9d3);border-color:#9df8ee;box-shadow:0 5px #21668e}.purple{background:linear-gradient(#a77bff,#7652d5);border-color:#d6baff;box-shadow:0 5px #442b7e}.wide{width:100%}.stats{text-align:center;justify-content:center;gap:0;max-width:420px;margin:23px auto 12px;display:flex}.stats span{color:#c5c0df;border-right:1px solid #ffffff26;flex:1;font-size:12px}.stats span:last-child{border:0}.stats b{color:#ffda6a;margin-bottom:3px;font-size:19px;display:block}.offline{text-align:center;color:#98b1c8;font-size:11px}.footer{text-align:center;color:#a391bc;letter-spacing:1.8px;margin:20px 0 0;font-size:9px;font-weight:900}.panel,.intro-card,.world,.instruction{background:linear-gradient(130deg,#3c305cdd,#24264bdd);border:1px solid #a5a0ec48;border-radius:20px;padding:18px;box-shadow:0 6px 20px #110c2b55}.panel h2{margin:8px 0 15px}.choices{gap:9px;margin-bottom:14px;display:flex}.choices>button{flex:1;min-width:0}.choices.levels>button{justify-items:center;gap:4px;padding:8px 4px;display:grid}.choices img{width:58px;height:65px}.help{color:#ccc3dc;margin:12px 0 23px;font-size:13px}.intro-card{margin-bottom:20px}.intro-card p{color:#d0c8e4;margin:9px 0;font-size:14px}.gold{color:#ffda67}.lesson-list{gap:10px;display:grid}.lesson-list button{text-align:left;align-items:center;gap:12px;padding:12px;display:flex}.lesson-list small{color:#c5d7e7;margin-top:6px;font-size:11px;font-weight:500;display:block}.lesson-list button>span:nth-child(2){flex:1}.number,.world-badge{color:#54304a;background:#ffcf5d;border:2px solid #ffe8a7;border-radius:11px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:17px;font-weight:900;display:inline-grid}.world{margin:16px 0}.world h2{align-items:center;gap:10px;display:flex}.world p{color:#cebedf;margin:10px 0 15px;font-size:12px}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.level-grid button{border-radius:12px;align-content:center;gap:4px;min-height:58px;padding:6px 2px;display:grid}.level-grid b{font-size:18px}.level-grid small{color:#e9dcff;font-size:8px}.level-grid .solved{background:linear-gradient(#4c9d9b,#227b83);border-color:#7cf0c7}.level-grid .solved small{color:#ffdb65;font-size:11px}.arena{max-width:560px;margin:auto}.player{background:linear-gradient(120deg,#275b9c,#142e60);border:2px solid #9bdbe95e;border-radius:16px;align-items:center;gap:10px;min-height:66px;margin:0 0 13px;padding:8px 12px;display:flex;box-shadow:0 4px #111a3d}.player img{filter:drop-shadow(0 2px 2px #0005);width:44px;height:52px}.player>div{flex:1;min-width:0}.player b{font-size:14px;line-height:1.3;display:block}.player small{color:#c4e2ff;margin-top:4px;font-size:10px;display:block}.self{background:linear-gradient(120deg,#a73561,#612748);border-color:#f692a184;margin:15px 0 4px}.self small{color:#ffc7c9}.clock{letter-spacing:.5px;flex-shrink:0;font-size:22px}.crown{color:#ffcf64;font-size:30px}.instruction{background:#222745e8;border-color:#72d9c95e;border-radius:15px;margin:0 0 13px;padding:12px 14px;font-size:13px}.board-wrap{padding:5px 2px 0}.message{color:#ffdc8e;min-height:19px;margin:8px 2px 0;font-size:12px}.hint-text{color:#c1f9df;margin:3px 2px 10px;font-size:12px;line-height:1.5}.hint-text:empty{margin:0}.game-tools{justify-content:center;gap:7px;margin:12px 0;display:flex}.game-tools button{background:linear-gradient(#6650a3,#3f356f);flex:1;min-width:0;min-height:47px;padding:10px 6px;font-size:12px}.game-tools button[data-action=hint]{color:#553042;background:linear-gradient(#ffd85b,#f4ac32);border-color:#ffeaa0}.secondary-tools{justify-content:center;gap:10px;margin:17px 0 12px;display:flex}.secondary-tools button{color:#cfc4e5;background:#292644;border-color:#a79cca44;min-height:42px;padding:8px 14px;font-size:11px}.moves{color:#c1c4dc;background:#17182f77;border-radius:13px;padding:12px;font-size:12px}.moves p{overflow-wrap:anywhere;padding-top:10px;line-height:1.8}.completion{text-align:center;background:linear-gradient(#4d3d73,#29224f);border:2px solid #ffd263;border-radius:19px;margin-top:15px;padding:20px}.completion h2{color:#ffdc6c}.completion p{color:#e0d8ee;margin-bottom:15px;font-size:13px}.completion button{margin:6px}.earned-stars{color:#ffcf55;text-shadow:0 3px #b56b3b;padding:8px;font-size:40px}.modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(30px + env(safe-area-inset-bottom,0px));background:#110c2bcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.modal>section{background:linear-gradient(#493466,#272449);border:2px solid #a786d1;border-radius:23px;gap:16px;width:100%;max-width:410px;max-height:100%;padding:23px;display:grid;overflow:auto;box-shadow:0 10px 40px #0008}.modal h2{color:#ffda72}.modal p,.modal a{color:#e0d5ec;font-size:13px;line-height:1.5}.modal button{width:100%}.promotion{gap:5px;display:flex}.promotion button{flex:1;min-width:0;padding:4px}.promotion img{width:100%;height:70px}.recovery{gap:20px;padding:25px;display:grid}.recovery textarea{width:100%;height:180px}#toast{left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));color:#4e3157;z-index:20000;opacity:0;pointer-events:none;background:#fff0c8;border-radius:15px;max-width:90vw;padding:13px 19px;font-size:13px;transition:all .2s;position:fixed;transform:translate(-50%,15px);box-shadow:0 5px 20px #0006}#toast.shown{opacity:1;transform:translate(-50%)}@keyframes bob{50%{transform:translateY(-6px)rotate(2deg)}}@media (width<=350px){#app{padding-left:9px;padding-right:9px}.top{gap:7px;min-height:52px}.top h1{font-size:17px}.eyebrow{letter-spacing:.7px;font-size:8px}.hero-monster{width:125px;height:125px}.hero p{font-size:12px}.home-actions button{min-height:53px;font-size:17px}.player{gap:7px;min-height:57px;padding:6px 9px}.player img{width:35px;height:43px}.player b{font-size:12px}.player small{font-size:9px}.clock{font-size:19px}.panel{padding:14px}.choices{gap:5px}.choices button{font-size:12px}.game-tools{gap:5px}.game-tools button{font-size:11px}.level-grid{gap:6px}}@media (orientation:landscape) and (height<=500px){#app{max-width:760px}.arena{max-width:480px}.board-wrap{max-width:340px;margin:auto}.top{min-height:46px}.hero-monster{width:100px;height:100px}.home-actions{grid-template-columns:1fr 1fr;max-width:600px}.hero{padding:0 0 12px}.game-title{font-size:31px}.hero p{max-width:none}.player{min-height:52px}.player img{height:40px}.modal>section{padding:15px}.choices img{height:46px}.panel{max-width:550px;margin:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.theme-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-list button{text-align:left;gap:9px;padding:12px;display:grid}.theme-list small{font-size:11px;font-weight:500;line-height:1.4}.theme-preview{color:#ffe58c;text-shadow:0 2px 4px #222;background:repeating-conic-gradient(#fff1ce 0% 25%,#39a99c 0% 50%) 50%/30px 30px;border-radius:10px;place-items:center;height:64px;font-size:28px;display:grid}.theme-preview.lava{background:repeating-conic-gradient(#ffd099 0% 25%,#a04348 0% 50%) 50%/30px 30px}.theme-preview.ice{background:repeating-conic-gradient(#e3fcff 0% 25%,#5e8eb3 0% 50%) 50%/30px 30px}.theme-preview.cosmic{background:repeating-conic-gradient(#ded0ff 0% 25%,#7758a3 0% 50%) 50%/30px 30px}.trophies-heading{margin:27px 0 14px}.achievements{gap:10px;display:grid}.achievements article{background:#262744b3;border:1px solid #fff2;border-radius:14px;align-items:center;gap:13px;padding:13px;display:flex}.achievements article>span{color:#8e83a6;font-size:32px}.achievements article.earned>span{color:#ffd668}.achievements article.earned{border-color:#ffd2637d}.achievements p{color:#beb2ce;margin-top:4px;font-size:12px}[data-theme=lava] .monster-board .square-light{background:linear-gradient(140deg,#ffe4ac,#e6b982)}[data-theme=lava] .monster-board .square-dark{background:linear-gradient(140deg,#b85d55,#8e3b4d)}[data-theme=ice] .monster-board .square-light{background:linear-gradient(140deg,#f1ffff,#c4e9ed)}[data-theme=ice] .monster-board .square-dark{background:linear-gradient(140deg,#70a9c7,#4f7fa8)}[data-theme=cosmic] .monster-board .square-light{background:linear-gradient(140deg,#e9dcff,#c2b1e0)}[data-theme=cosmic] .monster-board .square-dark{background:linear-gradient(140deg,#8a6bb4,#634b91)}[data-theme]:not([data-theme=crystal]) .monster-board .square-selected,[data-theme]:not([data-theme=crystal]) .monster-board .square-hint{background:#ffce56}[data-theme]:not([data-theme=crystal]) .monster-board .square-check{background:#f04b6b}body{background:linear-gradient(#171d4533,#24153d80),url(/monstruos-ajedrez/art/kingdom.png) top/cover fixed}.hero-monster{width:185px;height:185px}.hero p{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#211c40b3;border-radius:12px;padding:7px 10px}.top{background:linear-gradient(90deg,#201736d9,#20173670);border-radius:17px;padding:5px}.arena{background:linear-gradient(#1e23400a,#20152e33);border-radius:20px}.board-wrap{perspective:1000px}.monster-board{transform-origin:50% 70%;border-width:6px;transform:rotateX(6deg);box-shadow:0 8px #996540,0 13px #4c3044,0 20px 25px #0c082c99}.player img{object-fit:contain;width:54px;height:60px}.game-tools button{background:linear-gradient(#8270b9,#4b377e);border-color:#c6ade575}.piece-style-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.piece-style-list button{text-align:center;justify-items:center;gap:7px;padding:9px 5px;display:grid}.piece-style-list img{aspect-ratio:1;object-fit:contain;width:100%;max-width:100px}.piece-style-list b{font-size:12px}.piece-style-list small{font-size:10px;font-weight:500;line-height:1.4}[data-theme=lava] body{background:linear-gradient(#7a28374d,#2614329c),url(/monstruos-ajedrez/art/kingdom.png) top/cover fixed}[data-theme=ice] body{background:linear-gradient(#1c6e9f33,#102e4f88),url(/monstruos-ajedrez/art/kingdom.png) top/cover fixed}[data-theme=cosmic] body{background:linear-gradient(#6e258c44,#1a103b99),url(/monstruos-ajedrez/art/kingdom.png) top/cover fixed}@media (width<=350px){.hero-monster{width:130px;height:130px}.player img{width:38px;height:45px}.piece-style-list{gap:5px}.piece-style-list b{font-size:10px}}@media (orientation:landscape) and (height<=500px){.hero-monster{width:110px;height:110px}.player img{width:39px;height:43px}}.piece-coach{background:linear-gradient(115deg,#34234feb,#223858eb);border:1px solid #87d6da88;border-radius:16px;align-items:center;gap:10px;min-height:104px;margin:13px 0 8px;padding:12px;display:flex;box-shadow:0 4px #15152c}.piece-coach img{object-fit:contain;flex-shrink:0;width:62px;height:70px}.piece-coach b{color:#ffdf86;font-size:14px}.piece-coach b small{color:#9fece4;background:#172440;border-radius:5px;padding:3px 6px;font-size:11px}.piece-coach p{color:#f0e7f8;margin:5px 0;font-size:12px}.piece-coach strong{color:#98f1d1;font-size:11px}.coach-emblem{color:#ffd563;padding:0 8px;font-size:34px}.board-key{color:#e8ddfc;flex-wrap:wrap;justify-content:center;gap:10px;padding:6px;font-size:10px;display:flex}.board-key span:first-child{color:#95f9da}.board-key span:last-child{color:#ffde74}.battle-brief{background:#17263eaa;border-left:4px solid #ffd365;border-radius:10px;gap:8px;margin-bottom:20px;padding:13px;display:grid}.battle-brief b{color:#ffdc77;letter-spacing:1px;font-size:12px}.battle-brief span{color:#e1d9ec;font-size:13px;line-height:1.5}.academy-meter{background:#151a32;border:1px solid #b29ddc;border-radius:8px;height:12px;margin:15px 0;overflow:hidden}.academy-meter i{background:linear-gradient(90deg,#36d9c3,#ffe481);height:100%;display:block}.lesson-list .next-lesson{background:linear-gradient(100deg,#554276,#34466d);border-color:#ffe089;box-shadow:0 4px #9e633d}.lesson-list .next-lesson small{color:#ffe18c}.monster-board .square-selected .monster-piece{filter:drop-shadow(0 3px 2px #28164d99)drop-shadow(0 0 7px #fff3ac);transform:translateY(-4%)scale(1.13)}.monster-board .square-hint .hint-badge{color:#ffe47c;z-index:4;background:#3d2451;border-radius:50%;place-items:center;width:17px;height:17px;font-size:13px;display:grid;top:2px;right:2px}@media (width<=350px){.piece-coach{gap:7px;padding:9px}.piece-coach img{width:45px;height:55px}.piece-coach p{font-size:11px}.board-key{gap:7px;font-size:9px}}.capture-tray{background:#171c3599;border:1px solid #a79cd444;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0;padding:8px;display:grid}.capture-tray>div{align-items:center;gap:7px;min-width:0;display:flex}.capture-tray b{color:#ffc0c7;font-size:10px}.capture-tray>div:last-child b{color:#a6dcff}.capture-tray span{flex-wrap:wrap;align-items:center;gap:1px;display:flex}.capture-tray img{object-fit:contain;width:24px;height:29px}.capture-tray small{color:#c7bdda;font-size:9px;font-weight:400}.home-mission{text-align:left;background:linear-gradient(120deg,#244c5df5,#3e3566f5);border-color:#7fdfce99;align-items:center;gap:10px;width:100%;max-width:390px;margin:0 auto 15px;padding:10px 12px;display:flex}.home-mission img{object-fit:contain;width:49px;height:60px}.home-mission span{flex:1;gap:5px;min-width:0;display:grid}.home-mission small{letter-spacing:1px;color:#8df3da;font-size:9px}.home-mission b{font-size:13px}.home-mission em{color:#e1d8f4;font-size:10px;font-style:normal;font-weight:400}.home-mission strong{color:#ffe18c;font-size:27px}