.bb-game{display:grid;gap:10px;justify-items:center;padding:12px;border-radius:16px;background:url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/balancebox/maze_bg.svg) center / cover}.bb-stage{width:min(100%,62vh,560px)}.bb-board{position:relative;width:100%;aspect-ratio:1;background:#f5e6c8;border-radius:6px;box-shadow:0 10px 24px #0005;transition:transform .1s linear}.bb-map>*,.bb-ball{position:absolute}.bb-wall{background:#8b5a2b;border-radius:3px;z-index:2}.bb-contact{display:grid;place-items:center}.bb-contact img{position:absolute;inset:0;width:100%;height:100%}.bb-contact span{position:relative;font-weight:800;font-size:clamp(.8rem,2.6vw,1.4rem);color:#1f2a44}.bb-ball{z-index:3;transition:transform .3s}.bb-ball.bb-small{transform:scale(.4)}.bb-pad{display:grid;justify-items:center;gap:4px}.bb-pad div{display:flex;gap:4px}.bb-pad button{width:64px;height:64px;border:0;border-radius:50%;background:#fff;font-size:1.8rem;box-shadow:0 4px #0003;touch-action:none;user-select:none}.bb-sensor[aria-pressed=true]{background:#86efac}.de-game{position:relative;display:grid;gap:8px;padding:10px;border-radius:16px;background:url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/digital_electricity/texture02.webp) center / cover}.de-top{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.de-top button{width:56px;height:56px;border:0;border-radius:50%;background:#fff;padding:8px;box-shadow:0 3px #0003}.de-top button img{width:100%;height:100%}.de-top button:disabled{opacity:.4}.de-mode{background:#fff;border-radius:999px;padding:4px 12px;font-weight:800}.de-main{display:grid;grid-template-columns:90px 1fr;gap:8px}.de-palette{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow:auto;padding:6px;border-radius:12px;background:url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/digital_electricity/texture01.webp) center / cover}.de-palette button{width:74px;height:64px;border:0;border-radius:10px;background:#fffc;padding:4px}.de-palette img{width:100%;height:100%;object-fit:contain}.de-board{position:relative;width:100%;aspect-ratio:10 / 7;background:#fffffff0;border-radius:12px;overflow:hidden;touch-action:none}.de-wires{position:absolute;inset:0;width:100%;height:100%}.de-wire{stroke:#555;stroke-width:5;stroke-linecap:round;cursor:pointer}.de-wire.one{stroke:#ef4444}.de-wire.selected{stroke:#2563eb;stroke-width:8}.de-comps{position:absolute;inset:0;pointer-events:none}.de-comp{position:absolute;pointer-events:auto;cursor:grab;touch-action:none}.de-comp>img:first-child{width:100%;height:100%;object-fit:contain;pointer-events:none}.de-comp.selected{outline:3px dashed #2563eb;border-radius:6px}.de-seg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.de-count{position:absolute;left:50%;bottom:-1.4em;transform:translate(-50%);font-weight:800;background:#fff;border-radius:6px;padding:0 4px}.de-period{position:absolute;top:-18px;left:0;width:26px;height:26px;min-height:0;border-radius:50%;border:0;background:#facc15;font-weight:800;padding:0}.de-plus{left:auto;right:0}.de-pin{position:absolute;width:20px;height:20px;min-height:0;padding:0;border-radius:50%;border:3px solid #1f2a44;background:#fff;transform:translate(-50%,-50%);z-index:2}.de-pin.de-out{left:100%}.de-pin.de-in{left:0}.de-pin.one{background:#ef4444}.de-pin.picked{background:#22c55e;transform:translate(-50%,-50%) scale(1.4)}.de-tip{margin:0;text-align:center;font-weight:700;background:#fffd;border-radius:12px;padding:4px 10px;min-height:1.6em}.de-intro{position:absolute;inset:20% 10% auto;z-index:5;display:grid;justify-items:center;gap:10px;padding:16px;border-radius:16px;background:#fffffff2;font-weight:700;font-size:1.15rem;text-align:center;box-shadow:0 6px 20px #0004}.de-intro[hidden]{display:none}.de-intro button{border:0;border-radius:999px;padding:6px 18px;background:#22c55e;color:#fff;font-weight:800}@media(max-width:600px){.de-main{grid-template-columns:1fr}.de-palette{flex-direction:row;max-height:none}}.ae-game .de-board{aspect-ratio:10 / 7}.ae-label{position:absolute;left:100%;top:0;z-index:3;background:#fffd;border-radius:6px;padding:0 4px;font:800 .75rem/1.2 sans-serif;white-space:nowrap;pointer-events:none}.ae-wiper{position:absolute;left:55%;top:10%;height:80%;width:24px;min-height:0;writing-mode:vertical-lr;direction:ltr;z-index:2}.ae-game .de-pin{border-color:#1f2a44}.pg-game{display:grid;gap:.6rem}.pg-scene{position:relative;width:100%;aspect-ratio:1000 / 600;max-height:70vh;justify-self:center;overflow:hidden;border-radius:14px;background:#f6d79a center / cover;touch-action:none;user-select:none;outline-offset:3px}.pg-plane{position:absolute;left:0;top:0;z-index:10;object-fit:contain;pointer-events:none}.pg-cloud{position:absolute;z-index:5;background:center / contain no-repeat;display:grid;place-items:center;font-weight:800;color:#1f2a44;font-size:clamp(.8rem,2.4vw,1.5rem);pointer-events:none}.pg-cloud.is-done{transition:opacity .4s .5s,transform .5s;opacity:0;transform:scale(1.3)}.pg-tooltip{position:absolute;left:50%;bottom:3%;transform:translate(-50%);margin:0;z-index:20;background:#fffc;border-radius:8px;padding:.2rem .8rem;font-weight:700;white-space:nowrap}.pg-next{position:absolute;right:2%;top:3%;margin:0;z-index:20;min-width:3rem;text-align:center;background:#fff;border:3px solid #2e6bd0;border-radius:12px;padding:.2rem .6rem;font-size:1.6rem;font-weight:800}.pg-pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-areas:". up ." "left down right";gap:.3rem;justify-content:center}.pg-pad button{min-height:52px;font-size:1.3rem;touch-action:none}.pg-pad [data-key=up]{grid-area:up}.pg-pad [data-key=left]{grid-area:left}.pg-pad [data-key=down]{grid-area:down}.pg-pad [data-key=right]{grid-area:right}.pg-status{margin:0;text-align:center;min-height:1.5em}.pg-tutorial{display:grid;gap:1rem;padding:1.2rem;border-radius:14px;background:#ddd center / 300px}.pg-tutorial-instruction{margin:0;font-size:1.25rem;font-weight:700;background:#fffd;padding:.6rem;border-radius:10px;text-align:center}.pg-tutorial-body{background:#ffffff80;border-radius:10px;padding:.8rem;min-height:120px;white-space:pre-line}.pg-question{font-weight:700;text-align:center}.pg-choices{display:flex;justify-content:center;gap:1rem}.pg-choice{min-width:100px;min-height:70px;font-size:2rem;font-weight:800;border-radius:12px;border:3px solid #555;background:#fff}.pg-choice.is-good{border-color:#2e9e3e}.pg-choice.is-bad{border-color:#d33}.pg-feedback{text-align:center;font-weight:700;min-height:1.5em}.pg-tutorial-nav{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.pg-game [hidden]{display:none!important}.cg-game{display:grid;gap:.6rem}.cg-sea{position:relative;width:100%;aspect-ratio:1000 / 600;max-height:72vh;overflow:hidden;border-radius:16px;background:#1b6fa8 center / cover;touch-action:manipulation}.cg-score{position:absolute;right:2%;top:2%;z-index:5;background:#fff;border-radius:20px;padding:.1rem .8rem;font-weight:700}.cg-fish{position:absolute;padding:0;border:0;min-height:0;background:left center / calc(var(--frames) * 100%) 100% no-repeat;animation:cg-swim 1s steps(1) infinite;transition:opacity .5s;cursor:pointer}.cg-fish.is-left{transform:scaleX(-1)}.cg-fish.is-caught{opacity:0;pointer-events:none}.cg-fish:focus-visible{outline:3px solid #ffde59}@keyframes cg-swim{0%{background-position:0 center}50%{background-position:100% center}}.cg-status{margin:0;text-align:center;min-height:1.5em;font-weight:700}.fb-game{display:grid;gap:.6rem;padding:clamp(.6rem,2vw,1.2rem);background:#64b560;border-radius:16px}.fb-instruction,.fb-status{margin:0;text-align:center;background:#fffd;border-radius:8px;padding:.3rem .6rem}.fb-status{min-height:1.5em;font-weight:700}.fb-field{justify-self:center;width:min(100%,110vh);aspect-ratio:800 / 520;background:center / 100% 100% no-repeat;display:grid;place-items:center}.fb-border{width:86%;height:75%;overflow:visible;touch-action:none;outline-offset:4px}.fb-ball{cursor:grab}.fb-aim{stroke:#ee4b4b;stroke-width:4;stroke-linecap:round;opacity:0}.sud-game{display:grid;gap:1rem;padding:1rem;background:url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/sudoku/background.svg) center/cover;color:#1f2a44;border-radius:16px;text-align:center}.sud-game>p,.sud-datasets{padding:.7rem;border-radius:12px;background:#ffffffed}.sud-datasets{display:flex;gap:.7rem;flex-wrap:wrap;text-align:left}.sud-datasets label{display:flex;gap:.3rem}.sud-board{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));width:min(100%,550px);justify-self:center;background:#43618c;border:3px solid #43618c;border-radius:8px;overflow:hidden}.sud-board button{min-width:0;min-height:0;aspect-ratio:1;border:1px solid #7490b1;background:#f8f3e1;padding:8%;border-radius:0}.sud-board button.is-fixed{background:#bad9e6}.sud-board button.is-error{background:#ffb6b6}.sud-board img{width:100%;height:100%;object-fit:contain}.sud-board button:focus-visible{outline:3px solid #174ccd;outline-offset:-4px}.sud-symbols{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.sud-symbols button{width:55px;height:55px;padding:.4rem;border:3px solid #7092b9;background:#fffef1;border-radius:12px}.sud-symbols img{width:100%;height:100%;object-fit:contain}.sud-symbols button[aria-pressed=true]{border-color:#174ccd;background:#fce88e}.sud-next,.sud-retry{justify-self:center;min-height:48px;padding:.6rem 1.5rem}.sud-status{min-height:2em;background:#ffffffdf;border-radius:12px;padding:.5rem}.sud-game [hidden]{display:none!important}@media(max-width:540px){.sud-game{padding:.5rem}.sud-symbols button{width:45px;height:45px}}.sud-primero .sud-datasets{display:none}.sud-primero .sud-game{gap:.65rem}.sud-primero .sud-board{width:min(100%,360px)}.sud-primero .sud-symbols button{width:64px;height:64px}.sud-primero .sud-game>p{font-size:1.05rem;line-height:1.4;margin:0}@media(max-width:540px){.sud-primero .sud-symbols button{width:56px;height:56px}}.tg-game{display:grid;gap:.6rem;padding:clamp(.5rem,2vw,1rem);background:#b9d3ff;border-radius:16px}.tg-instruction{margin:0;text-align:center;background:#fffd;border-radius:12px;padding:.3rem .8rem;font-size:1.1rem}.tg-board{position:relative;justify-self:center;width:min(100%,70vh,640px);aspect-ratio:1;touch-action:none}.tg-bg{position:absolute;inset:0;width:100%;height:100%}.tg-model,.tg-piece{position:absolute;transform-origin:center}.tg-model{pointer-events:none}.tg-piece{padding:0;border:0;background:none;min-height:0;cursor:grab;touch-action:none}.tg-piece img{display:block;width:100%;height:100%;transform:scaleX(var(--mirror, 1));pointer-events:none}.tg-piece.selected img{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 6px #265bba)}.tg-piece:focus-visible{outline:3px dashed #265bba}.tg-tools{position:absolute;z-index:300;display:flex;gap:6px;transform:translate(-50%,calc(-100% - 30px))}.tg-tools button{width:56px;height:56px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px #0003;padding:8px;touch-action:none}.tg-tools img{width:100%;height:100%;pointer-events:none}.tg-primero .tg-game{background:#e1f1ed}.tg-primero .tg-instruction{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700}.tg-primero .tg-piece:focus-visible{outline:4px solid #1d5d87;outline-offset:3px}.tg-primero .tg-tools{display:none}.hanoi-game{display:grid;gap:.85rem;padding:clamp(.6rem,2vw,1.2rem)}.hanoi-instruction,.hanoi-help,.hanoi-status{margin:0;text-align:center}.hanoi-help{font-size:.9rem}.hanoi-status{min-height:1.6em}.hanoi-scroller{overflow-x:auto;background:#badcc6 url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/hanoi/background.svg) center / cover;border-radius:16px;overscroll-behavior-x:contain;scroll-padding:1rem}.hanoi-board{display:flex;align-items:end;gap:1.1rem;width:max-content;min-width:100%;padding:1rem}.hanoi-tower{display:grid;gap:.3rem;justify-items:center;flex:0 0 104px}.hanoi-real .hanoi-board{width:100%;gap:clamp(.3rem,3vw,2rem);justify-content:space-around}.hanoi-real .hanoi-tower{flex:1 1 0;min-width:70px;max-width:200px}.hanoi-peg{position:relative;height:clamp(245px,48vh,400px);width:100%;isolation:isolate}.hanoi-support{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.hanoi-disc{position:absolute;left:50%;transform:translate(-50%);border-radius:999px;border:2px solid var(--disc-color);background:var(--disc-color);box-shadow:inset 0 -5px #0002,inset 0 3px #fff4;color:#172535;line-height:1;font-size:clamp(1rem,2.3vw,1.5rem);padding:.15rem;min-height:0;touch-action:none;user-select:none}.hanoi-disc:disabled{opacity:1;cursor:default}.hanoi-disc:enabled{cursor:grab}.hanoi-disc[aria-pressed=true]{outline:4px solid #193e6b;outline-offset:3px}.hanoi-disc:focus-visible{outline:4px solid #193e6b;outline-offset:3px}.hanoi-disc.is-dragging{opacity:.3}.hanoi-destination{min-height:44px;width:100%;padding:.35rem;font-size:.8rem}.hanoi-destination.is-target{border-color:#478142;background:#e0f3d8}.hanoi-destination.is-model{border-color:#a33138;background:#fbe4e4}.hanoi-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.hanoi-tools button{min-height:44px}.hanoi-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);border-radius:999px;border:2px solid #193e6b;background:var(--disc-color);color:#172535;display:grid;place-items:center;font-size:1.4rem;box-shadow:0 4px 12px #0004}.hanoi-game [hidden]{display:none!important}@media(max-width:390px){.hanoi-real .hanoi-board{padding:.8rem .3rem}}.hanoi-primero .hanoi-game{gap:.55rem;padding:.45rem}.hanoi-primero .hanoi-instruction{font-weight:800;font-size:clamp(1rem,2.6vw,1.25rem)}.hanoi-primero .hanoi-help{font-size:1rem}.hanoi-primero .hanoi-board{width:100%;min-width:100%;gap:clamp(.2rem,1.4vw,.8rem);padding:.5rem}.hanoi-primero .hanoi-tower{flex:1 1 0;min-width:48px}.hanoi-primero .hanoi-peg{height:clamp(260px,42vh,320px)}.hanoi-primero .hanoi-disc{min-height:36px;font-size:clamp(1.1rem,3vw,1.7rem);font-weight:800}.hanoi-primero .hanoi-destination{min-height:48px;font-size:clamp(.7rem,1.8vw,1rem);font-weight:800}.hanoi-primero .hanoi-scroll-hint,.hanoi-primero .hanoi-tools [data-scroll]{display:none}.ns-game{display:grid;gap:.8rem;padding:clamp(.6rem,2vw,1.2rem);background:#a26d3f var(--ns-bg) center / cover;border-radius:16px}.ns-instruction,.ns-status{margin:0;text-align:center;background:#fffd;border-radius:8px;padding:.3rem .6rem}.ns-status{min-height:1.5em;font-weight:700}.ns-option{justify-self:center;display:inline-flex;gap:.4rem;align-items:center;background:#fffd;border-radius:8px;padding:.2rem .7rem;min-height:44px}.ns-board{position:relative;justify-self:center;width:min(100%,70vh,560px);aspect-ratio:1;touch-action:none;user-select:none;outline-offset:4px}.ns-back,.ns-lines{position:absolute;inset:0;width:100%;height:100%}.ns-lines line{stroke:#373737;stroke-width:4;stroke-linecap:round}.ns-points{position:absolute;inset:0}.ns-point{position:absolute;width:var(--size, 4%);aspect-ratio:1;background:center / contain no-repeat;display:grid;place-items:center;color:#fff;font-weight:700;font-size:clamp(.55rem,1.6vw,.95rem);text-shadow:0 0 2px #222,0 0 2px #222;line-height:1}.ns-actions{display:flex;justify-content:center;gap:.6rem}.ns-game [hidden]{display:none!important}.ns-primero .ns-instruction{font-size:1.1rem;line-height:1.4}.ns-primero .ns-point{min-width:26px;min-height:26px;font-size:clamp(.8rem,2vw,1.05rem)}.ns-primero .ns-board:focus-visible{outline:4px solid #1253ad;outline-offset:3px}.ns-primero .ns-option{font-size:1rem}.ns-primero .ns-option input{width:22px;height:22px}.ch-game{padding:1rem;background:#ede1ce;border-radius:1rem}.ch-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,650px);margin:auto;border:4px solid #452501;aspect-ratio:1;touch-action:none}.ch-square{position:relative;border:0;padding:3px;aspect-ratio:1;min-width:0;line-height:0;cursor:pointer}.ch-dark{background:#805234 url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/chess/chess-black.svg) center/cover}.ch-light{background:#e2c59f url(/profesor/minijuegos_1ro_desafio/gcompris/assets/gcompris/chess/chess-white.svg) center/cover}.ch-square img{width:100%;height:100%;object-fit:contain;pointer-events:none}.ch-square small{position:absolute;bottom:1px;left:2px;font-size:clamp(7px,1.1vw,11px);line-height:1;background:#fff9;color:#10243b;pointer-events:none}.ch-square.ch-legal{box-shadow:inset 0 0 0 4px #349834}.ch-square.ch-legal:after{content:"";position:absolute;inset:40%;border-radius:50%;background:#30902c}.ch-square.ch-selected{box-shadow:inset 0 0 0 4px #005ccc}.ch-square:focus-visible{outline:4px solid #0069cc;outline-offset:-4px;z-index:1}.ch-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.ch-controls button,.ch-confirm button,.ch-retry{padding:.6rem .8rem;min-height:44px;border-radius:.6rem;border:2px solid #452501}.ch-status{font-weight:700;min-height:1.5em}.ch-taken{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.ch-taken img{width:40px;height:40px}.ch-confirm{padding:1rem;background:#fff4ca;border:2px solid #452501;margin-top:1rem}.ch-game [hidden]{display:none}@media(max-width:480px){.ch-game{padding:.5rem}.ch-square{padding:1px}.ch-board{border-width:2px}.ch-square.ch-legal,.ch-square.ch-selected{box-shadow:inset 0 0 0 3px #16812e}.ch-square.ch-selected{box-shadow:inset 0 0 0 3px #005ccc}}.mesa-modos{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:.5rem 0}.mesa-modos button{min-height:48px;padding:.6rem 1rem;border:2px solid #1f2a44;border-radius:1rem;background:#fff;color:#1f2a44;font:700 1rem system-ui;cursor:pointer}.mesa-modos button[aria-pressed=true]{background:#1f2a44;color:#fff}.mesa-modos button:focus-visible{outline:4px solid #eab308;outline-offset:3px}.mesa-ayuda{max-width:650px;margin:.6rem auto;font-size:1rem;line-height:1.4;color:#1f2a44}.mesa-tablero .ch-game{padding:.5rem}.mesa-tablero .ch-board{width:min(100%,480px)}.mesa-tablero .ch-square.ch-legal{box-shadow:inset 0 0 0 4px #33b25a}.ajedrez-primero .mesa-tablero{width:100%}.ajedrez-primero .ch-game{padding:8px;background:transparent}.ajedrez-primero .ch-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;max-width:1000px;margin:auto}.ajedrez-primero .ch-sidebar{display:grid;gap:12px;align-content:start}.ajedrez-primero .mesa-modos{display:grid;gap:9px;margin:0}.ajedrez-primero .mesa-modos button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px;border-radius:20px;border-width:3px;box-shadow:0 4px #c4b5fd;font-size:1rem}.ajedrez-primero .mesa-modos button[aria-pressed=true]{background:#6d28d9;border-color:#5b21b6}.ajedrez-primero .mesa-cara{font-size:1.65rem;line-height:1}.ajedrez-primero .mesa-ayuda{margin:0;padding:8px;font-size:1.05rem;line-height:1.35;text-align:center}.ajedrez-primero .ch-board{width:min(100%,620px,calc(100dvh - 190px));border:7px solid #6d28d9;border-radius:17px;overflow:hidden;box-shadow:0 8px #4c1d95;gap:0;margin:0 auto}.ajedrez-primero .ch-square{padding:5%;border-radius:0;box-shadow:none;opacity:1!important}.ajedrez-primero .ch-square small{display:none}.ajedrez-primero .ch-dark{background:#8fa7c5}.ajedrez-primero .ch-light{background:#fcf9ee}.ajedrez-primero .ch-square img{filter:drop-shadow(0 2px 1px #0004)}.ajedrez-primero .ch-square.ch-selected{background:#fef08a;box-shadow:inset 0 0 0 5px #eab308}.ajedrez-primero .ch-square.ch-legal{box-shadow:inset 0 0 0 5px #22c55e}.ajedrez-primero .ch-square.ch-legal:after{inset:34%;background:#15803d;border:3px solid #dcfce7;box-shadow:0 1px 3px #0005;pointer-events:none}.ajedrez-primero .ch-square:focus-visible{outline:5px solid #7c3aed;outline-offset:-5px}.ch-turno{display:flex;gap:8px;align-items:center;justify-content:center;min-height:100px;padding:8px;border:4px solid #c4b5fd;border-radius:22px;background:#fffdf4;color:#1f2a44}.ch-turno[data-turn=negras]{background:#253650;color:#fff;border-color:#94a3b8}.ch-turno-figura{font-size:64px;line-height:1;font-family:Georgia,serif}.ajedrez-primero .ch-status{min-height:0;margin:0;font-size:1.2rem;line-height:1.25;text-align:center}.ajedrez-primero .ch-sidebar>.ch-undo{font:800 1.1rem system-ui;padding:12px;border:3px solid #c4b5fd;background:#fff;border-radius:18px;color:#4c1d95;min-height:52px;cursor:pointer}.ajedrez-primero .ch-sidebar>.ch-undo:disabled{opacity:.5}.ch-opciones summary{font-size:.95rem;cursor:pointer;text-align:center;padding:8px}.ch-opciones .ch-controls{margin:4px 0;display:grid;gap:7px}.ch-opciones .ch-controls button{font-size:.9rem;min-height:44px;background:#fff}@media(max-width:760px){.ajedrez-primero .ch-game{padding:2px}.ajedrez-primero .ch-layout{display:flex;flex-direction:column;gap:10px}.ajedrez-primero .ch-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.ajedrez-primero .mesa-modos{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px}.ajedrez-primero .mesa-modos button{min-height:52px;padding:6px;font-size:.9rem}.ajedrez-primero .mesa-cara{font-size:1.25rem}.ajedrez-primero .ch-turno{grid-column:1;min-height:76px;padding:5px;gap:4px}.ajedrez-primero .ch-turno-figura{font-size:44px}.ajedrez-primero .ch-status{font-size:1rem}.ajedrez-primero .mesa-ayuda{grid-column:2;font-size:.9rem;padding:4px;align-self:center}.ajedrez-primero .ch-sidebar>.ch-undo{min-height:44px;padding:6px;font-size:1rem}.ajedrez-primero .ch-board{width:100%;border-width:5px}.ajedrez-primero .ch-square.ch-legal{box-shadow:inset 0 0 0 3px #22c55e}.ajedrez-primero .ch-square.ch-legal:after{border-width:2px}}.ajedrez-primero .mesa-cara{display:inline-flex;align-items:center;justify-content:center;gap:3px}.ajedrez-primero .mesa-cara img{width:30px;height:30px;object-fit:contain}.ajedrez-primero .mesa-cara img:only-child{width:38px;height:38px}.ajedrez-primero .ch-sidebar{align-items:start}.ajedrez-primero .ch-sidebar>.ch-undo{align-self:start}.ch-opciones .ch-controls button{color:#4c1d95}.a4-game{display:grid;gap:.8rem;padding:clamp(.6rem,2vw,1.2rem);background:#9fc9e8 var(--a4-bg) center / cover;border-radius:16px}.a4-instruction,.a4-status{margin:0;text-align:center}.a4-status{min-height:1.5em;font-weight:700;background:#fffc;border-radius:8px;padding:.3rem .6rem}.a4-scores{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.a4-score{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:14px;background:#fff var(--score-bg) center / cover;border:3px solid transparent}.a4-score img{width:40px;height:40px}.a4-score .a4-score-piece{width:28px;height:28px}.a4-score>span{display:grid;line-height:1.2}.a4-score.is-turn{border-color:#2e6bd0;transform:scale(1.05)}.a4-board{--cell: min(calc((100vw - 64px) / 7), 8vh , 64px);position:relative;justify-self:center;width:calc(var(--cell) * 7);cursor:pointer;touch-action:manipulation;outline-offset:4px}.a4-drop-row{height:var(--cell);position:relative}.a4-falling{position:absolute;left:0;top:0;width:var(--cell);height:var(--cell);padding:4%;z-index:3;transform:translate(calc(var(--column, 3) * var(--cell)));transition:transform .2s}.a4-falling.is-dropping{transform:translate(calc(var(--column, 3) * var(--cell)),calc(var(--row, 0) * var(--cell)));transition:transform .72s ease-in}.a4-grid{display:grid;grid-template-columns:repeat(7,var(--cell));grid-auto-rows:var(--cell)}.a4-cell{margin:3px;border-radius:6px;background:#aaad;display:grid;place-items:center}.a4-cell img{width:92%;height:92%;object-fit:contain}.a4-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.a4-game [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.a4-falling,.a4-falling.is-dropping{transition:none}}.dw-game{display:grid;gap:8px;padding:10px;border-radius:16px;background:#fef3c7}.dw-tools{display:grid;gap:6px}.dw-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.dw-row[hidden]{display:none}.dw-row button{min-height:44px;border:0;border-radius:999px;padding:4px 12px;background:#fff;font-weight:800;box-shadow:0 3px #0002}.dw-row button.on{background:#facc15}.dw-row button:disabled{opacity:.5}.dw-sliders label{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:999px;padding:2px 10px;font-weight:700;font-size:.9rem}.dw-sliders input{min-height:0;width:110px}.dw-colors{display:inline-flex;gap:4px}.dw-colors button{width:34px;height:34px;min-height:0;padding:0;border:3px solid #fff}.dw-colors button.on{outline:3px solid #265bba}.dw-play{font-size:1.4rem;background:#86efac!important}.dw-rounds{font-weight:800}.dw-canvas{position:relative;justify-self:center;width:min(100%,64vh,600px);aspect-ratio:1;background:#fff;border-radius:12px}.dw-canvas canvas,.dw-wheel-svg{position:absolute;inset:0;width:100%;height:100%}.dw-wheel-path{fill:#deb887;stroke:#00f;stroke-width:1;fill-rule:evenodd;opacity:.55}.dw-gear-path{fill:beige;stroke:#00f;stroke-width:1;opacity:.5}.dw-pencil{stroke:#0008;stroke-width:1}.md-primero .dw-game{background:#f4efff;padding:12px;gap:12px}.md-primero .dw-wheels,.md-primero .dw-gears,.md-primero .dw-rounds{display:none!important}.md-formas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.md-formas button{display:grid;justify-items:center;gap:2px;padding:5px;border:3px solid #d4c3f5;border-radius:18px;background:#fff;color:#4c1d95;font:800 1rem system-ui;cursor:pointer}.md-formas button[aria-pressed=true]{border-color:#7c3aed;background:#ede9fe;box-shadow:0 4px #c4b5fd}.md-formas svg{display:block;width:70px;max-width:100%;height:70px}.md-primero .dw-colors{flex-wrap:wrap;justify-content:center;max-width:100%;gap:9px;padding:7px}.md-primero .dw-colors button{width:44px;height:44px;min-height:44px;border:3px solid #fff;box-shadow:0 2px #0004}.md-primero .dw-row>button{min-height:46px;font-size:1rem;padding:8px 12px;border:2px solid #ddd6fe}.md-primero .dw-play{background:#b8efc4!important;font-size:1.2rem!important}.md-primero .dw-wheel-svg{display:none}.md-primero .dw-canvas{width:min(100%,62vh,620px);border:4px solid #d4c3f5;box-shadow:0 5px #d4c3f5}.md-avanzado{font-size:.9rem;color:#5b4876;text-align:center}.md-avanzado summary{cursor:pointer;padding:4px}.md-avanzado .dw-sliders{padding-top:6px}.md-primero button:focus-visible{outline:4px solid #2563eb;outline-offset:3px}@media(max-width:500px){.md-formas{gap:4px}.md-formas svg{height:54px}.md-formas button{font-size:.85rem}.md-primero .dw-colors{gap:5px}.md-primero .dw-colors button{width:38px;min-height:38px;height:38px}.md-primero .dw-game{padding:6px}}.md-primero .dw-row>button{color:#1f2a44}.md-avanzado{margin:0;padding:0;background:transparent}