:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(1200px 800px at 20% 10%,#ede9fe,#f5f3ff 45%,#fff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-image:radial-gradient(1000px 700px at 85% 0%,#c4b5fd59,#fff0 65%),radial-gradient(900px 600px at 0% 100%,#ddd6fe66,#fff0 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Ctext x='22' y='38' font-size='18' fill='%23c4b5fd' fill-opacity='0.45'%3E%E2%99%A1%3C/text%3E%3Ctext x='86' y='102' font-size='14' fill='%23a78bfa' fill-opacity='0.35'%3E%E2%99%A1%3C/text%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,repeat;background-size:auto,auto,140px 140px}body.theme-dark{color:#e2e8f0;background-color:#0f172a;background-image:radial-gradient(1000px 700px at 85% 0%,#6d28d947,#0f172a00 65%),radial-gradient(900px 600px at 0% 100%,#5b21b64d,#0f172a00 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Ctext x='22' y='38' font-size='18' fill='%23a78bfa' fill-opacity='0.35'%3E%E2%99%A1%3C/text%3E%3Ctext x='86' y='102' font-size='14' fill='%23c4b5fd' fill-opacity='0.25'%3E%E2%99%A1%3C/text%3E%3C/svg%3E")}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:800;letter-spacing:-.02em;text-decoration:none}.topbar__nav{display:flex;gap:14px;align-items:center}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#ffffffd9;padding:4px 8px;cursor:pointer;font:inherit}.theme-toggle__label{font-size:12px;font-weight:700;color:#0f172ab8}.theme-toggle__track{width:42px;height:22px;border-radius:999px;background:#94a3b873;position:relative;transition:background-color .18s ease}.theme-toggle__thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .18s ease;box-shadow:0 2px 8px #0f172a33}.theme-toggle__track--on{background:linear-gradient(135deg,#6d28d9,#7c3aed)}.theme-toggle__track--on .theme-toggle__thumb{transform:translate(20px)}.lang-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#ffffffe6;padding:4px 8px;cursor:pointer;font:inherit}.lang-toggle__label{font-size:12px;font-weight:700;color:#0f172ab3}.lang-toggle__track{width:44px;height:22px;border-radius:999px;background:#94a3b873;position:relative}.lang-toggle__thumb{width:20px;height:20px;border-radius:50%;background:#fff;color:#0f172acc;font-size:10px;font-weight:800;display:grid;place-items:center;position:absolute;top:1px;left:1px;transition:transform .18s ease}.lang-toggle__track--es .lang-toggle__thumb{transform:translate(22px)}.topbar__nav a{text-decoration:none;color:#0f172acc;font-weight:600}.topbar__nav a:hover{color:#0f172a}.container{width:100%;max-width:980px;margin:0 auto;padding:24px 16px;display:grid;place-items:center}.container--app{place-items:stretch}.card{width:100%;max-width:420px;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:20px;background:#ffffffe6;box-shadow:0 18px 60px #0f172a14}.card--wide{max-width:720px}.h1{margin:0 0 6px;font-size:42px;line-height:1.05;letter-spacing:-.03em}.h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}.h3{margin:8px 0 2px;font-size:17px;letter-spacing:-.01em}.muted{margin:0 0 14px;color:#0f172aa6}.stack{display:grid;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap}.row--end{justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172ae6;font-weight:700;text-decoration:none;cursor:pointer}.btn:hover{border-color:#0f172a40}.btn--primary{border-color:#4f46e54d;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn--primary:hover{filter:brightness(1.02)}.linklike{border:none;background:transparent;cursor:pointer;font:inherit;padding:0;color:#0f172acc;font-weight:700}.linklike:hover{color:#0f172a;text-decoration:underline}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;font:inherit}.input:focus{outline:none;border-color:#4f46e573;box-shadow:0 0 0 4px #4f46e524}.field{display:grid;gap:6px}.field__label{font-weight:700;color:#0f172ad9}.field__hint{color:#0f172a8c;font-size:12px}.toast{width:100%;border-radius:12px;padding:10px 12px;border:1px solid rgba(15,23,42,.14);background:#ffffffe6;font-weight:650}.toast--error{border-color:#dc262640;background:#fef2f2e6;color:#991b1b}.toast--success{border-color:#16a34a40;background:#f0fdf4e6;color:#15803d}.pillbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}.pill{border:1px solid rgba(15,23,42,.12);background:#ffffffbf;border-radius:14px;padding:10px 12px;min-width:180px}.pill__label{font-size:12px;color:#0f172a99;font-weight:700}.pill__value{font-weight:900;letter-spacing:.02em}.pill--active{border-color:#4f46e573}.scenario-card{border:1px solid rgba(124,58,237,.2);border-radius:14px;padding:12px;background:#f5f3ffbf}.scenario-card__question{margin-top:6px;font-size:18px;font-weight:700;line-height:1.35}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.vote-btn{justify-content:flex-start;font-weight:600}.vote-btn--selected{border-color:#4f46e573;background:#ede9fef2}.activities-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.activity-tile{display:grid;gap:6px;border-radius:16px;padding:18px;text-decoration:none;border:1px solid rgba(124,58,237,.22);background:#f5f3ffd9;box-shadow:0 10px 24px #0f172a0d}.activity-tile__title{font-size:18px;font-weight:800}.activity-tile__desc{color:#0f172aa8}.activity-tile--primary:hover{border-color:#7c3aed73;transform:translateY(-1px)}.activity-tile--disabled{opacity:.62}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.top3-rank-list{display:grid;gap:8px}.top3-rank-item{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.16);background:#ffffffe6;border-radius:12px;padding:10px 12px;text-align:left;cursor:grab}.top3-rank-item:active{cursor:grabbing}.top3-rank-index{width:24px;height:24px;border-radius:999px;background:#4f46e51f;color:#4f46e5;font-weight:800;display:grid;place-items:center}.top3-rank-label{flex:1;font-weight:700}.top3-rank-hint{color:#0f172a80}.chess-board{width:min(100%,520px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:2px solid rgba(15,23,42,.22);border-radius:8px;overflow:hidden}.chess-card{max-width:960px}.chess-layout{display:grid;grid-template-columns:minmax(280px,560px) minmax(220px,1fr);gap:14px;align-items:start}.chess-board-wrap{border-radius:12px;background:linear-gradient(180deg,#4f46e514,#7c3aed0f);padding:10px}.chess-square{border:none;display:grid;place-items:center;font-size:clamp(22px,4vw,38px);cursor:pointer;position:relative;transition:filter .12s ease}.chess-square--light{background:#f5f3ff}.chess-square--dark{background:#c4b5fd}.chess-square:hover{filter:brightness(.98)}.chess-square--selected{outline:3px solid rgba(79,70,229,.75);outline-offset:-3px}.chess-square--last{box-shadow:inset 0 0 0 999px #10b9812e}.chess-piece{line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(15,23,42,.2)}.chess-target-dot{width:14px;height:14px;border-radius:999px;background:#4f46e559}.chess-coord{position:absolute;font-size:10px;font-weight:700;color:#0f172a73;pointer-events:none}.chess-coord--rank{top:3px;left:4px}.chess-coord--file{bottom:2px;right:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}body.theme-dark .topbar{border-bottom-color:#94a3b833;background:#0f172ab8}body.theme-dark .topbar__nav a,body.theme-dark .linklike,body.theme-dark .brand{color:#e2e8f0e6}body.theme-dark .theme-toggle{border-color:#94a3b84d;background:#1e293be6}body.theme-dark .theme-toggle__label{color:#e2e8f0e6}body.theme-dark .lang-toggle{border-color:#94a3b84d;background:#1e293be6}body.theme-dark .lang-toggle__label{color:#e2e8f0e6}body.theme-dark .lang-toggle__thumb{background:#0f172af2;color:#e2e8f0f2}body.theme-dark .topbar__nav a:hover,body.theme-dark .linklike:hover{color:#f8fafc}body.theme-dark .card,body.theme-dark .pill,body.theme-dark .toast,body.theme-dark .scenario-card,body.theme-dark .activity-tile{background:#0f172ad1;border-color:#94a3b840;color:#e2e8f0}body.theme-dark .muted,body.theme-dark .field__hint,body.theme-dark .pill__label,body.theme-dark .activity-tile__desc{color:#cbd5e1c7}body.theme-dark .input,body.theme-dark .btn{background:#1e293be6;border-color:#94a3b84d;color:#e2e8f0}body.theme-dark .btn--primary{background:linear-gradient(135deg,#6d28d9,#7c3aed);border-color:#a78bfa80;color:#fff}body.theme-dark .top3-rank-item{background:#1e293be6;border-color:#94a3b852;color:#e2e8f0}body.theme-dark .top3-rank-index{background:#a78bfa33;color:#ddd6fe}body.theme-dark .top3-rank-hint{color:#cbd5e1a8}body.theme-dark .chess-board{border-color:#94a3b866}body.theme-dark .chess-square--light{background:#334155}body.theme-dark .chess-square--dark{background:#475569}body.theme-dark .chess-board-wrap{background:linear-gradient(180deg,#3b82f624,#0e74901a)}body.theme-dark .chess-square--last{box-shadow:inset 0 0 0 999px #10b98138}body.theme-dark .chess-target-dot{background:#a78bfa99}body.theme-dark .chess-coord{color:#e2e8f08c}body.theme-dark .chess-piece{text-shadow:0 1px 0 rgba(15,23,42,.7),0 2px 8px rgba(15,23,42,.6)}@media (max-width: 900px){.chess-layout{grid-template-columns:1fr}}#root{width:100%}