/* KlipTok · Sistema de minijuegos (v199+). Quitar: borrar este CSS, kt-minijuegos.js y sus 2 etiquetas en index.html. */
.ktmj{position:fixed;inset:0;z-index:2147483500;display:none;flex-direction:column;background:rgba(6,8,22,.86);backdrop-filter:blur(8px);color:#f2f4ff;font:500 15px/1.4 system-ui,sans-serif}
.ktmj.on{display:flex}
.ktmj *{box-sizing:border-box}
.ktmj-hd{display:flex;align-items:center;gap:10px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.12)}
.ktmj-hd b{font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ktmj-hd button{border:0;border-radius:999px;min-width:38px;height:38px;padding:0 14px;background:rgba(255,255,255,.12);color:inherit;font:700 14px system-ui;cursor:pointer}
.ktmj-hd button:hover{background:rgba(255,255,255,.2)}
.ktmj-cats{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;scrollbar-width:none}
.ktmj-cats::-webkit-scrollbar{display:none}
.ktmj-cats button{flex:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 14px;background:transparent;color:inherit;font:600 13px system-ui;cursor:pointer}
.ktmj-cats button[aria-pressed=true]{background:linear-gradient(135deg,#7c3aed,#ec4899);border-color:transparent}
.ktmj-grid{flex:1;overflow:auto;padding:6px 14px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}
.ktmj-card{display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px;background:rgba(255,255,255,.06);color:inherit;cursor:pointer;font:inherit}
.ktmj-card:hover,.ktmj-card:focus-visible{background:rgba(255,255,255,.12);outline:2px solid #a78bfa}
.ktmj-card i{font-style:normal;font-size:34px;line-height:1}
.ktmj-card b{font-size:15px}.ktmj-card small{color:#b6bce0;font-size:12px}.ktmj-card em{font-style:normal;color:#fbbf24;font-size:12px}
.ktmj-play{flex:1;display:none;flex-direction:column;align-items:center;min-height:0;padding:10px}
.ktmj.playing .ktmj-play{display:flex}.ktmj.playing .ktmj-grid,.ktmj.playing .ktmj-cats{display:none}
.ktmj-bar{display:flex;gap:16px;font:700 14px system-ui;padding:4px 0 8px}
.ktmj-host{position:relative;flex:1;min-height:0;width:100%;max-width:420px;display:flex;align-items:center;justify-content:center}
.ktmj-host canvas{max-width:100%;max-height:100%;aspect-ratio:3/4;background:#0a1030;border-radius:16px;border:2px solid rgba(255,255,255,.18);touch-action:none;display:block}
.ktmj-host iframe{width:100%;height:100%;border:0;border-radius:16px;background:#000}
.ktmj-over{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(5,8,22,.82);border-radius:16px;text-align:center}
.ktmj-over.on{display:flex}.ktmj-over b{font-size:22px}
.ktmj-over button{border:0;border-radius:999px;padding:10px 22px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font:700 15px system-ui;cursor:pointer}
.ktmj-mem{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:340px;padding:8px}
.ktmj-mem button{aspect-ratio:1;border:0;border-radius:12px;background:#27306b;color:#fff;font-size:30px;cursor:pointer}
.ktmj-mem button.up{background:#4c3bb5}.ktmj-mem button.ok{background:#15803d}
.k199-mj-btn{display:block;width:100%;margin-top:6px;padding:7px 10px;border:0;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font:700 12px system-ui;cursor:pointer}
@media (prefers-reduced-motion:reduce){.ktmj *{transition:none!important}}