/* Extensión acotada: usa tokens compartidos, sin reset ni tema propio. */
.c4-page .c4-shell{max-width:620px;box-sizing:border-box;margin:24px auto;padding:20px;border:1px solid var(--button-line);border-radius:var(--radius);background:var(--panel);color:var(--ink)}
.c4-page .c4-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.c4-page .c4-toolbar button,.c4-page .c4-columns button,.c4-page .c4-dialog button{min-width:44px;min-height:48px;padding:10px 12px;border:1px solid var(--button-line);border-radius:var(--radius);background:var(--cell);color:var(--ink);font:inherit}
.c4-page .c4-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:16px 0 8px}
.c4-page .c4-columns button{padding:8px 2px;font-weight:700;font-size:18px}
.c4-page .c4-columns button[aria-disabled=true]{border-style:dashed;cursor:default}
.c4-page .c4-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;border:2px solid var(--button-line);padding:8px;border-radius:var(--radius)}
.c4-page .c4-board [data-cell]{display:grid;place-items:center;aspect-ratio:1;min-width:0;border:2px solid var(--button-line);border-radius:50%;background:var(--cell);color:var(--muted);font-weight:700;font-size:clamp(16px,4vw,32px);line-height:1}
.c4-page .c4-board [data-mark="1"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.c4-page .c4-board [data-mark="2"]{background:var(--coral);color:var(--on-accent);border-color:var(--coral)}
.c4-page button:focus-visible,.c4-page a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.c4-page .c4-paused{min-height:240px;display:grid;place-items:center;text-align:center;border:1px dashed var(--button-line);border-radius:var(--radius);padding:24px}
.c4-page [hidden]{display:none!important}
.c4-page .c4-progress,.c4-page .c4-status{line-height:1.6}.c4-page .c4-status{min-height:6em}
.c4-page .c4-help,.c4-page .c4-storage{font-size:14px;line-height:1.6;color:var(--muted)}
.c4-page .c4-rules{max-width:640px;margin:32px auto;line-height:1.7}.c4-page .c4-rules h2{font-size:28px}.c4-page .c4-rules h3{margin-top:24px}
.c4-page .c4-dialog{box-sizing:border-box;max-width:min(90vw,440px);padding:24px;background:var(--panel);color:var(--ink);border:1px solid var(--button-line);border-radius:var(--radius)}
.c4-page .c4-dialog::backdrop{background:color-mix(in srgb,var(--bg) 80%,transparent)}
.c4-page .c4-dialog button{margin:8px 6px 0 0}.c4-page #c4-confirm{background:var(--coral);color:var(--on-accent)}
.c4-page .c4-preview-note{max-width:640px;margin:16px auto;color:var(--muted)}
@media(max-width:600px){.c4-page .c4-shell{padding:12px}.c4-page .c4-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.c4-page .c4-toolbar button{flex:1}.c4-page .c4-board{gap:3px;padding:5px}}
@media(prefers-reduced-motion:reduce){.c4-page *{scroll-behavior:auto}}