:root{--bg: oklch(10% .005 60);--surface: oklch(14% .007 60);--surface-hi: oklch(18% .008 60);--border: oklch(22% .01 60);--accent: oklch(68% .18 255);--warm: oklch(72% .15 50);--text: oklch(92% .005 100);--text-dim: oklch(60% .01 100);--font: "DM Sans", "Segoe UI", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, "Cascadia Code", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:0 auto;padding:56px 32px 96px}.brand{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.brand h1{font-size:26px;font-weight:600;margin:0;letter-spacing:-.02em}.brand span{font-family:var(--mono);font-size:11px;color:var(--warm);border:1px solid var(--border);border-radius:999px;padding:3px 9px}.lede{color:var(--text-dim);font-size:15px;max-width:640px;line-height:1.6;margin:0 0 48px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .16s ease,transform .16s ease}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.thumb{aspect-ratio:16 / 9;border-radius:9px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,oklch(20% .02 60),var(--bg));border:1px solid var(--border);margin:-4px 0 6px}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.sin-portada img{display:none}.thumb.sin-portada:after{content:"sin portada";display:grid;place-content:center;height:100%;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.card h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}.card p{font-size:13px;color:var(--text-dim);line-height:1.55;margin:0;flex:1}.meta{display:flex;gap:14px;font-family:var(--mono);font-size:11px;color:var(--text-dim);padding-top:12px;border-top:1px solid var(--border)}.meta b{color:var(--text);font-weight:500}.empty{border:1px dashed var(--border);border-radius:14px;padding:48px;text-align:center;color:var(--text-dim);font-size:14px;line-height:1.7}.empty code{font-family:var(--mono);font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--warm)}.stage{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;left:24px;bottom:24px;background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:16px 18px;max-width:330px;pointer-events:auto}.hud h2{font-size:15px;font-weight:600;margin:0 0 4px}.hud p{font-size:12px;color:var(--text-dim);margin:0 0 12px;line-height:1.55}.hud .keys{font-family:var(--mono);font-size:10.5px;color:var(--text-dim);line-height:1.7}.hud .keys b{color:var(--text);font-weight:500}.topbar{position:fixed;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}.topbar>*{pointer-events:auto}.btn{font-family:var(--font);font-size:12.5px;color:var(--text);background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:9px;padding:8px 14px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.btn:hover{border-color:var(--accent);background:var(--surface-hi)}.btn[aria-pressed=true]{border-color:var(--warm);color:var(--warm)}.stats{font-family:var(--mono);font-size:11px;color:var(--text-dim);background:color-mix(in oklab,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:9px;padding:8px 12px}.loader{position:fixed;inset:0;display:grid;place-content:center;gap:14px;justify-items:center;background:var(--bg);transition:opacity .4s ease;z-index:10}.loader.gone{opacity:0;pointer-events:none}.loader .bar{width:220px;height:2px;background:var(--border);border-radius:2px;overflow:hidden}.loader .bar i{display:block;height:100%;width:0;background:var(--warm);transition:width .2s ease}.loader span{font-family:var(--mono);font-size:11.5px;color:var(--text-dim)}.fatal{position:fixed;inset:0;display:grid;place-content:center;padding:32px;text-align:center;gap:10px;z-index:20;background:var(--bg)}.fatal h2{font-size:18px;margin:0}.fatal p{font-size:13px;color:var(--text-dim);margin:0;max-width:460px;line-height:1.6}.registro{display:flex;flex-direction:column;gap:8px}.registro p{font-family:var(--mono);font-size:12.5px;color:var(--text-dim);margin:0;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--border);border-radius:8px}.registro p:empty{display:none}.registro p.bien{color:var(--text);border-left-color:var(--accent)}.registro p.aviso{color:var(--warm);border-left-color:var(--warm)}.registro p.malo{color:#f66d67;border-left-color:#f66d67}