:root{color-scheme:dark;--color-bg: #12151b;--color-surface: #1c212b;--color-surface-alt: #262c38;--color-border: #384152;--color-border-strong: #4d5870;--color-text: #e8ecf2;--color-text-muted: #929db0;--color-primary: #3ddad0;--color-primary-hover: #2bc0b7;--color-primary-active: #1fa89f;--color-primary-contrast: #0a1f1d;--color-focus: #5b9fff;--color-role-sysadmin: #4a90d9;--color-role-network-admin: #50c878;--color-role-soporte-sitio: #e8a33d;--color-role-mesa-ayuda: #d968c1;--color-role-analista-aplicaciones: #e85d5d;--color-role-director-ti: #f2c94c;--color-role-unassigned: #7a8291;--color-status-success: #4ade80;--color-status-success-accent: #22c55e;--color-status-success-bg: rgba(34, 197, 94, .16);--color-status-danger: #f87171;--color-status-danger-accent: #ef4444;--color-status-danger-bg: rgba(239, 68, 68, .16);--color-status-warning: #fbbf24;--color-status-warning-accent: #f59e0b;--color-status-warning-bg: rgba(245, 158, 11, .16);--color-status-info: #60a5fa;--color-status-info-bg: rgba(96, 165, 250, .16);--font-heading: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Cascadia Code", Consolas, ui-monospace, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-pill: 999px;--border-width-thick: 3px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;margin:0 0 var(--space-3);color:var(--color-text)}p{margin:0 0 var(--space-2);line-height:1.5}button{font-family:var(--font-heading);font-weight:600;font-size:.95rem;color:var(--color-primary-contrast);background:var(--color-primary);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);cursor:pointer;box-shadow:0 4px 0 var(--color-text);transition:transform .08s ease,box-shadow .08s ease,background .15s ease}button:hover:not(:disabled){background:var(--color-primary-hover)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--color-text)}button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button:disabled{background:var(--color-surface-alt);color:var(--color-text-muted);border-color:var(--color-border-strong);box-shadow:none;cursor:not-allowed}input,select{font-family:var(--font-body);font-size:.95rem;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px;border-color:var(--color-focus)}label{display:flex;flex-direction:column;gap:var(--space-1);font-weight:600;font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.zt-table{width:100%;border-collapse:collapse;font-size:.85rem}.zt-table th,.zt-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-border)}.zt-table th{font-family:var(--font-heading);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;border-bottom:var(--border-width-thick) solid var(--color-text)}.zt-table tbody tr:nth-child(2n){background:var(--color-surface-alt)}.status-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-heading);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:var(--radius-pill);border:2px solid currentColor}.status-badge--afk{color:var(--color-status-warning);background:var(--color-status-warning-bg);border-color:var(--color-status-warning-accent)}.status-badge--afk:before{content:"⏸"}.status-badge--isolated{color:var(--color-status-danger);background:var(--color-status-danger-bg);border-color:var(--color-status-danger-accent)}.status-badge--isolated:before{content:"⛔"}.app{min-height:100vh;background:var(--color-bg);position:relative;isolation:isolate}.app__error{background:var(--color-status-danger-bg);color:var(--color-status-danger);border-bottom:var(--border-width-thick) solid var(--color-status-danger);padding:var(--space-3) var(--space-5);font-weight:600;text-align:center}.landing-screen{max-width:480px;text-align:center;margin:var(--space-7) auto;background:var(--color-surface);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-lg);box-shadow:0 6px 0 var(--color-border-strong);padding:var(--space-6)}.landing-screen h1{font-size:2.5rem;color:var(--color-primary)}.landing-screen__actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5);text-align:left}.lobby-screen__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#12151b73,#12151b73),url(/lobby-bg.png) center / cover no-repeat}.lobby-screen{max-width:900px;margin:var(--space-5) auto;padding:var(--space-5);background:var(--color-surface);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-lg)}.lobby-screen__hint{color:var(--color-text-muted);font-style:italic}.lobby-screen__roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.lobby-screen__players{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.lobby-screen__players li{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3)}.lobby-timer{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--color-primary);background:var(--color-surface-alt);border:2px solid var(--color-primary);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);margin:var(--space-3) 0}.role-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);text-align:left;background:var(--color-surface);color:var(--color-text);font-weight:400;border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 4px 0 var(--color-border-strong);min-height:140px}.role-card strong{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-primary)}.role-card p{font-size:.9rem;color:var(--color-text-muted);margin:0}.role-card:hover:not(:disabled){background:var(--color-surface);transform:translateY(-2px);box-shadow:0 6px 0 var(--color-border-strong)}.role-card--mine{border-color:var(--color-primary);background:#3ddad01f;box-shadow:0 4px 0 var(--color-primary)}.role-card--mine:hover:not(:disabled){background:#3ddad01f;box-shadow:0 6px 0 var(--color-primary)}.role-card--mine:after{content:"✓ Tu rol";font-family:var(--font-heading);font-size:.75rem;color:var(--color-primary)}.role-card__taken{font-size:.75rem;color:var(--color-status-danger)}.role-card:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.operation-screen{max-width:1280px;margin:0 auto;padding:var(--space-4);display:grid;grid-template-columns:800px minmax(320px,1fr);gap:var(--space-4);align-items:start}.operation-screen__hud{grid-column:1 / -1;display:flex;gap:var(--space-5);align-items:center;background:var(--color-surface);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-family:var(--font-heading);font-weight:600}.operation-screen__map{grid-column:1}.operation-screen__panels{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:var(--space-4)}.meeting-screen,.voting-screen,.podium-screen,.debrief-screen{max-width:900px;margin:var(--space-5) auto;padding:var(--space-5)}.meeting-screen__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#12151b73,#12151b73),url(/meet-background.png) center bottom / cover no-repeat}.meeting-screen{background:var(--color-surface);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-lg)}.meeting-screen__result{background:var(--color-surface);border:var(--border-width-thick) solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.podium-screen{text-align:center;background:linear-gradient(180deg,rgba(242,201,76,.18),var(--color-surface));border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-6)}.podium-screen__axes{list-style:none;padding:0;display:grid;gap:var(--space-3);margin-top:var(--space-5);text-align:left}.podium-screen__axes li{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.debrief-screen{display:flex;flex-direction:column;gap:var(--space-5)}.debrief-screen>section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.debrief-screen__reveal{border-color:var(--color-primary);border-width:var(--border-width-thick)}.debrief-screen__motto{font-family:var(--font-heading);font-style:italic;color:var(--color-primary)}.debrief-screen__missed{border-left:var(--border-width-thick) solid var(--color-status-warning-accent)}.debrief-screen__knowledge-gaps{border-left:var(--border-width-thick) solid var(--color-status-info)}.debrief-screen__lesson{background:#3ddad01f;border-color:var(--color-primary)}.app>.podium-screen+.debrief-screen{margin-top:0;border-top:var(--border-width-thick) dashed var(--color-border-strong);padding-top:var(--space-6)}.cierre-screen__actions{max-width:900px;margin:var(--space-6) auto var(--space-5);text-align:center}.console-panel,.inventory-panel,.evidence-board-panel,.ability-panel,.ballot-panel,.eradication-actions-panel,.task-panel{background:var(--color-surface);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.console-panel p{font-family:var(--font-mono);font-size:.85rem;background:var(--color-surface-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.inventory-panel ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.inventory-panel li{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.85rem}.inventory-panel li button{margin-left:auto;padding:var(--space-1) var(--space-3);font-size:.8rem}.evidence-board-panel__hint{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.ability-panel__control-group{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.ability-panel__ack{background:var(--color-status-success-bg);border-left:var(--border-width-thick) solid var(--color-status-success-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.85rem}.ability-panel__audit{font-family:var(--font-mono);font-size:.8rem;background:var(--color-surface-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.ballot-panel ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.ballot-panel li{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.ballot-panel__ineligible{background:var(--color-status-warning-bg);border:2px dashed var(--color-status-warning-accent);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;font-weight:600}.ballot-panel__status{background:var(--color-status-success-bg);border-left:var(--border-width-thick) solid var(--color-status-success-accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-weight:600}.ballot-panel__vote-btn--confirmed:disabled{background:var(--color-status-success-bg);border-color:var(--color-status-success-accent);color:var(--color-status-success);opacity:1;cursor:default}.eradication-actions-panel{flex-direction:row;flex-wrap:wrap}.eradication-actions-panel__action--done{background:var(--color-status-success-accent);border-color:var(--color-status-success);color:#fff;box-shadow:none;opacity:.9}.task-panel__options{display:flex;flex-direction:column;gap:var(--space-2)}.task-panel__options label{flex-direction:row;align-items:center;gap:var(--space-2);font-weight:400}.task-panel__steps{list-style:decimal;padding-left:1.5em;display:flex;flex-direction:column;gap:var(--space-2)}.task-panel__steps li{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.task-panel__steps button{padding:2px 10px;font-size:.85rem;border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--color-text)}.task-panel__result{border-radius:var(--radius-sm);padding:var(--space-3);font-weight:600}.task-panel__result--correct{background:var(--color-status-success-bg);color:var(--color-status-success);border:2px solid var(--color-status-success-accent)}.task-panel__result--correct:before{content:"✓ "}.task-panel__result--incorrect{background:var(--color-status-danger-bg);color:var(--color-status-danger);border:2px solid var(--color-status-danger-accent)}.task-panel__result--incorrect:before{content:"✕ "}.game-canvas{border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 0 var(--color-border-strong);background:#1b1e24}